@font-face{font-family:"Sofia Pro";src:url('../fonts/sofiapro-light.otf');}
html,body{height:100%;}
body{background:#2eb997;}
#content{-webkit-animation:fadein 3s;
/* Safari,Chrome and Opera > 12.1 */
-moz-animation:fadein 3s;
/* Firefox < 16 */
-ms-animation:fadein 3s;
/* Internet Explorer */
-o-animation:fadein 3s;
/* Opera < 12.1 */
animation:fadein 3s;}
div{@include box-sizing(border-box);}
@keyframes fadein{from{opacity:0;}
to{opacity:1;}
}
#intro{position:absolute;width:100%;height:90%;display:table;}
#main{display:table-cell;text-align:center;vertical-align:middle;}
#main h1{font:100px/1.000em 'Sofia Pro',serif;text-transform:lowercase;color:#ffffff;margin-bottom:18px;font-weight:900;}
#main h1 span{color:#000;}
#main h2{font:20px/0.300em 'Muli',sans-serif;color:#fff;margin-bottom:30px;text-transform:uppercase;line-height:20px;}
#main p{font:14px/0.140em 'Muli',sans-serif;color:#fff;margin-bottom:18px;}
footer .button{border:2px solid #FFF;    border-radius:25px;    -moz-border-radius:25px;    -webkit-border-radius:25px;    padding:10px 25px;  }
footer .skills{padding:10px 15px;font:20px/24px 'Muli',sans-serif;background:transparent;color:#fff;display:inline-block;margin-bottom:25px;}
footer{position:absolute;bottom:0;width:100%;height:10%;display:table;}
footer .desc{display:table-cell;text-align:center;vertical-align:middle;}
footer .social{clear:both;font-size:22px;padding:0;}
footer .social li{display:inline-block;margin:0 12px;padding:0;}
media only screen and (max-width:1140px){#main h1{font:100px/1.000em 'Sofia Pro',serif;}
         }
@media only screen and (max-width:900px){#main h1{font:80px/1.000em 'Sofia Pro',serif;}
}
@media only screen and (max-width:767px){#intro{position:inherit;}
#main h1{font:80px/1.000em 'Sofia Pro',serif;}
#main p{font:16px/0.140em 'Muli',sans-serif;line-height:25px;}
footer{position:inherit;}
footer .skills{margin-bottom:0;}
}
@media only screen and (max-width:460px){#main p{font:18px/0.140em 'Muli',sans-serif;line-height:25px;}
}
@media only screen and (max-width:400px){}