@import url("https://fonts.googleapis.com/css?family=Lato:300,400|Montserrat:400,700");*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:"Lato",sans-serif;color:#272727;text-align:center}ul{list-style:none}a{color:inherit;text-decoration:none}i{margin-right:0.5rem}button{display:inline-block;border:none;background:#db5a4a;color:#fff;padding:0.75rem 1.5rem;margin-top:1rem;text-decoration:none;cursor:pointer;text-transform:uppercase;font-family:"Montserrat",sans-serif;font-weight:700;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);-webkit-transition:all 0.4s ease;transition:all 0.4s ease;border-radius:.3rem;outline:none}button:hover{background:#d74735;-webkit-box-shadow:0px 0px 5px 0px #000;box-shadow:0px 0px 5px 0px #000}.container{max-width:960px;margin:auto;overflow:hidden;padding:0 2rem}nav{background-color:#fff;width:100%;height:100px;padding:0.5rem 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:fixed;z-index:1}nav .logo{height:50px}nav .logo img{height:100%}nav .menu-wrap{position:fixed;top:0;right:0;z-index:1}nav .menu-wrap .toggle{position:absolute;top:25px;right:25px;z-index:2;cursor:pointer;width:50px;height:50px;opacity:0}nav .menu-wrap .toggle-icon{position:absolute;top:20px;right:20px;z-index:1;width:60px;height:60px;padding:1rem;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;border-radius:.3rem}nav .menu-wrap .toggle-icon>div{position:relative;width:100%;height:2px;background-color:#3b5998;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;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}nav .menu-wrap .toggle-icon>div::before,nav .menu-wrap .toggle-icon>div::after{content:"";position:absolute;z-index:1;top:-10px;width:100%;height:2px;background:inherit}nav .menu-wrap .toggle-icon>div::after{top:10px}nav .menu-wrap .toggle:checked ~ .menu{visibility:visible}nav .menu-wrap .toggle:checked ~ .menu>div{-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration:0.75s;transition-duration:0.75s}nav .menu-wrap .toggle:checked ~ .menu>div>div{opacity:1;-webkit-transition:opacity 0.4s ease 0.4s;transition:opacity 0.4s ease 0.4s}nav .menu-wrap .toggle:checked+.toggle-icon>div{-webkit-transform:rotate(135deg);transform:rotate(135deg);background-color:#fff}nav .menu-wrap .toggle:checked+.toggle-icon>div:before,nav .menu-wrap .toggle:checked+.toggle-icon>div:after{top:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:#fff}nav .menu-wrap .menu{position:fixed;top:0;left:0;width:100%;height:100%;visibility:hidden;overflow:hidden;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}nav .menu-wrap .menu .menu-overlay{background:rgba(59,89,152,0.9);border-radius:50%;width:220vw;height:220vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all 0.4s ease;transition:all 0.4s ease}nav .menu-wrap .menu .menu-overlay .menu-content{text-align:center;max-width:90vw;max-height:100vh;opacity:0;-webkit-transition:opacity 0.4s ease;transition:opacity 0.4s ease}nav .menu-wrap .menu .menu-overlay .menu-content .navbar .navbar-link{color:#fff;font-size:1.5rem;padding:1rem;text-transform:uppercase;font-weight:bold;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}nav .menu-wrap .menu .menu-overlay .menu-content .navbar .navbar-link:hover{font-size:1.6rem}header.hero{background-color:rgba(59,89,152,0.7);color:#fff;height:100vh;position:relative}header.hero::before{content:"";background-image:url(../img/bg-2.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}header.hero .hero-content{height:100%;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}header.hero .hero-content h1{font-family:"Montserrat",sans-serif;text-transform:uppercase;font-size:2rem;color:#fff;margin:2rem 0;text-align:center;font-weight:bold}section{background-color:#272727;color:#fff;padding:3rem 0}section h2{padding-bottom:2rem;font-family:"Montserrat",sans-serif;font-size:2rem;text-transform:uppercase}section p{line-height:2rem;margin-bottom:2rem}section p.lead{font-size:2rem;font-weight:300;font-style:italic;line-height:3rem}section#staff{background-color:#fff;color:#272727}section#staff .staff-cards{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media only screen and (min-width: 768px){section#staff .staff-cards{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}}section#staff .staff-cards .card{margin:2rem 0;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);border-radius:.3rem;background-color:#272727;color:#fff}section#staff .staff-cards .card h3{font-family:"Montserrat",sans-serif;font-size:1.5rem;font-weight:400;padding:1.5rem 0.5rem 0rem;text-transform:capitalize}section#staff .staff-cards .card img{border-radius:50%}section#staff .staff-cards .card p{padding:1.5rem 0.5rem 0rem}section#staff .staff-cards .card .staff-links{display:-webkit-box;display:-ms-flexbox;display:flex}section#staff .staff-cards .card .staff-links a{display:block;background-color:#db5a4a;width:50%;padding:1.5rem 0.5rem;border-radius:0px 0px 0px .3rem;-moz-border-radius:0px 0px 0px .3rem;-webkit-border-radius:0px 0px 0px .3rem;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}section#staff .staff-cards .card .staff-links a:hover{background:#d74735}section#staff .staff-cards .card .staff-links a:last-child{background-color:#128c7e;border-radius:0px 0px .3rem 0px;-moz-border-radius:0px 0px .3rem 0px;-webkit-border-radius:0px 0px .3rem 0px}section#staff .staff-cards .card .staff-links a:last-child:hover{background:#0f756a}section#social-media>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (min-width: 768px){section#social-media>div{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}}section#social-media button{background:#fff;color:#272727;font-size:1.2rem;margin:1rem 0}section#social-media button:hover{color:#fff}section#social-media button.fb:hover{background:#3b5998}section#social-media button.ig:hover{background:#c32aa3}section#contact{background-color:rgba(59,89,152,0.7);width:100%;height:100%;position:relative}section#contact::before{content:"";background-image:url(../img/bg-2.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}section#contact form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;margin-bottom:1rem;margin-left:auto;margin-right:auto}@media only screen and (min-width: 768px){section#contact form{width:75%}}section#contact form input,section#contact form textarea{font-family:"Montserrat",sans-serif;font-size:1rem;background-color:#fff;border:none;border-radius:.3rem;width:100%;padding:0.5rem;margin-bottom:1rem;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);outline:none;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}section#contact form input:focus,section#contact form textarea:focus{-webkit-box-shadow:0px 0px 5px 0px #000;box-shadow:0px 0px 5px 0px #000}section#contact form button{width:100%}section#contact a{font-weight:bold}footer{padding:3rem 0;background-color:#272727;color:#fff}footer .author{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-transform:uppercase;font-family:"Montserrat",sans-serif;font-size:0.8rem;line-height:30px}footer .author-logo{background-image:url(https://www.juandematei.com/img/logo-white.png);background-size:30px;background-position:0px;background-repeat:no-repeat;height:30px;display:inline-block;padding-left:40px;margin-left:10px}