@font-face {
font-family: 'anisette';
src: url("fonts/Anisette-Regular.eot");
src: url("fonts/Anisette-Regular.eot?#iefix") format("embedded-opentype"),
url("fonts/Anisette-Regular.woff2") format("woff2"),
url("fonts/Anisette-Regular.woff") format("woff"),
url("fonts/Anisette-Regular.ttf") format("truetype");
}

.clear {
clear:both;
}

img,
img a {
border:none;
max-width:100%;
height:auto;
}

ul {
list-style:none;
margin:0;padding:0;
}

a, a:hover {
-webkit-transition: color 0.2s linear;
   -moz-transition: color 0.2s linear;
								transition: color 0.2s linear;
	 			-o-transition: color 0.2s linear;
text-decoration:none;
}

body, html {
margin:0;
padding:0;
height:100%;
background: url("images/bg.jpg") no-repeat;
background-size: cover;
background-position: center left;
background-attachment: fixed;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased !important;
font-family:'Anisette', Arial;
text-align:center;
color:#000;
text-transform:uppercase;
}

#container {
float:right;
margin-right:8%;
width:40%;
padding:20px 0 40px 0;
}

#cover {
width:100%;
display:block;
}

#cover img {
display:block;
}

#socials {
margin:0 0 40px 0;
float:right;
}

#socials li {
display:inline-block;
margin:0 8px;
font-size:20px;
line-height:100%;
}

#socials li a {
color:#FFF;
}

#socials li a:hover {
color: rgb(240,227,216,1);
}

#links {
margin:10px auto 0 auto;
padding:0 15%;
}

#links li {
display:grid;
grid-template-columns: 1fr;
grid-gap:20px;
}

#links li a {
background-color:rgb(240,227,216,1);
color:#41484e;
text-align:center;
display:block;
width:100%;
font-weight:bold;
padding:8px 0;
font-size:19px;
line-height:100%;
-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
	 			-o-transition: all 0.3s ease;
								transition: all 0.3s ease;
}

#links li a:hover {
background-color:rgb(240,227,216,.8);
}





@media all and (max-width:1200px) {
#container {
float:right;
width:50%;
}
}

@media all and (max-width:1000px) {
body, html {
background: url("images/bg-mobile.jpg") no-repeat #c09e7b;
background-size: cover;
background-position: top center;
background-attachment: fixed;
}

#container {
float:none;
margin-right:0;
width:80%;
margin:0 10%;
padding:30px 0 80px 0;
}

#socials {
float:none;
margin:0 0 28px 0;
}

#socials li {
display:inline-block;
margin:0 8px;
font-size:22px;
line-height:100%;
}

#links {
padding:0;
}

}

@media all and (max-width:700px) {
#socials li {
display:inline-block;
margin:0 7px;
font-size:20px;
}

}