@font-face{font-family:"Leaderson";src:url("../fonts/Leaderson.woff")}
@font-face{font-family:"MyriadPro";src:url("../fonts/MyriadPro-Regular.woff")}
@font-face{font-family:"Encinitas";src:url("../fonts/Encinitas-Regular.woff")}
body{background:url("../images/background-site.jpg") repeat;background-size:contain;font-size:85%}
a{text-decoration:none}
h2{font-size:3em;font-family:Encinitas;color:#fff}
p{font-family:MyriadPro}
header{padding:30px 0}
.site-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:100vh;position:relative}
.site-wrapper::before{position:absolute;width:100%;height:100%;top:0;left:0;content:"";background:#8c1812;z-index:-1;-webkit-clip-path:polygon(0 10%,100% 0,100% 90%,0 100%);clip-path:polygon(0 10%,100% 0,100% 90%,0 100%)}
.site-logo{max-width:280px}
.city-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:20px}
.city-button a{color:#f8a913;font-family:Leaderson;font-size:5.2em;-webkit-transition:all .3s ease;transition:all .3s ease;text-decoration:underline}
.city-button a:hover{-webkit-filter:brightness(1.4);filter:brightness(1.4)}
.footer-social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:40px 0}
.footer-social .social-icon{max-width:32px}
.footer-social p{margin-bottom:0;margin-left:5px;color:#fff;font-size:1.2em}
@media(min-width:768px){body{font-size:100%}
.site-wrapper::before{height:103%;top:-3%;-webkit-clip-path:polygon(0 15%,100% 0,100% 85%,0 103%);clip-path:polygon(0 15%,100% 0,100% 85%,0 103%)}
}