html {
transition:1.7s;
margin: auto !important;
}
body {
background-color:#ffffff;
-webkit-font-smoothing:antialiased;
margin: auto !important;
}
avatar{
z-index: 111;
position: absolute;
top:110px;
width:100%;
display: flex;
align-items: center;
justify-content: center;
}
.avatar{
width:160px;
height:160px;
background:url(avatar.png);
background-size:cover;
filter:drop-shadow(0px 0px 3px #262626);
-webkit-filter: drop-shadow(0px 0px 3px #000);
transition:1s;
}
logo{
z-index: 110;
position: relative;
margin-top:335px;
width:100%;
display: flex;
align-items: center;
justify-content: center;
}
.logo{
width:820px;
height:210px;
background:url(gotz_logo_black.svg);
background-size: cover;
}
logo2{
z-index: 99;
position: relative;
margin-top:8px;
width:100%;
display: flex;
align-items: center;
justify-content: center;
}
.logo2{
width:200px;
height:40px;
background:url(gotz_club.svg);
background-size: cover;
}
contac{
z-index: 99;
position: relative;
margin-top:30px;
width:100%;
display: flex;
align-items: center;
justify-content: center;
}
.contac {
font-weight: 100;
font-family:"Montserrat";
font-size:21px;
text-align:center;
padding:28;
}
slogan{
z-index: 110;
position: relative;
margin-top:-60px;
width:100%;
display: flex;
align-items: center;
justify-content: center;
}
.slogan {
font-weight: 100;
font-family:"Montserrat";
font-size:44px;
text-align:center;
padding:28;
}
clk{
z-index: 110;
position: absolute;
bottom:10px;
width:100%;
display: flex;
align-items: center;
justify-content: center;
}
.clk{
text-align: center;
font-family: "Baloo Bhaina 2";
font-size: 17px;
}
.slogan2{
font-weight: 100;
font-family:"Montserrat";
font-size:40px;
text-align:center;
}
/*--------------------------------- Responsive Media Quaries -----------------------------*/


/* Medium Device = 1200px */

@media only screen and (min-width: 1101px) and (max-width: 1399px) {

}

/* Medium Device = 1000px */

@media only screen and (min-width: 901px) and (max-width: 1100px) {
logo{
top:4px;
}
.logo{
width:600px;
height:160px;
}
slogan{
	top:38px
}
.slogan{
font-size: 47px;
}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 900px) {
logo{
top:5px;
}
.logo{
width:500px;
height:130px;
}
slogan{
	top:52px
}
.slogan{
font-size: 40px;
}
.slogan2{
font-size: 30px;
}
}


/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
logo{
top:7px;
}
.logo{
width:380px;
height:100px;
}
slogan{
	top:50px
}
.slogan{
font-size: 30px;
}
.slogan2{
font-size: 24px;
}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
logo{
top:9px;
}
.logo{
width:280px;
height:70px;
}
slogan{
	top:90px
}
.slogan{
font-size: 24px;
}
.slogan2{
font-size: 20px;
}
}