body{margin:0;width:100vw;position:relative}body .background{position:absolute;top:0;left:0;background-image:url("../images/background.png"),linear-gradient(to top, RGB(108, 108, 108), RGB(101, 101, 101), RGB(29, 29, 29), RGB(29, 29, 29), RGB(85, 85, 85), RGB(29, 29, 29), RGB(29, 29, 29), RGB(63, 63, 63));height:100%;width:100%;background-position:center;background-size:cover, cover;background-repeat:no-repeat,repeat;background-attachment:fixed;z-index:-1}body header,body main,body footer{max-width:1037px;margin:auto}body header{display:block;position:relative;height:auto}body header #top-header{display:inline-block;width:100%}body header #headline{width:95%;display:inline-block;margin:0 2.5% auto}body main{height:auto}body main .video{margin-top:40px;position:relative;width:100%}body main .video h2{color:#fff;font-family:'Lato Bold', sans-serif;width:100%;background:black;padding:5px 0px;text-align:center;margin-bottom:0px;font-size:1.3em}body main .video video{width:97%;height:100%}body main .problem h3,body main .idea h3,body main .results h3{color:#d30a1a;font-size:1.3em;text-align:center;font-family:'Lato Bold', sans-serif;margin-bottom:-20px;text-transform:uppercase}body main .problem p,body main .idea p,body main .results p{margin-top:30px;width:80%;margin-left:10%;color:white;font-size:1.1em;text-align:left;font-family:'Lato', sans-serif;line-height:30px}body main .images-skate{margin-top:0px;width:100%;position:relative;height:auto}body main .images-skate .skate{width:100%}body main .images-skate .skate h2{color:#fff;font-family:'Lato Bold', sans-serif;width:100%;background:black;padding:5px 0px;text-align:center;margin-bottom:-2em;margin-top:-5px;font-size:1.3em}body main .images-skate .skate p{line-height:30px;width:80%;margin-left:10%;color:white;font-size:1.2em;text-align:justify;font-family:'Lato', sans-serif}body main .images-skate .skate img{padding-top:80px;width:100%}body main .playthrough{width:80%;margin:5% 10% auto}body main .results{margin-top:30px}body main .results img{width:75%;margin:5% 10% 10% 13%}@media screen and (min-width: 776px){body{margin:0;width:100vw;position:relative}body .background{position:absolute;top:0;left:0;background-image:url("../images/background.png"),linear-gradient(to top, RGB(108, 108, 108), RGB(101, 101, 101), RGB(29, 29, 29), RGB(29, 29, 29), RGB(85, 85, 85), RGB(29, 29, 29), RGB(29, 29, 29), RGB(63, 63, 63));height:100%;width:100%;background-position:center;background-size:cover, cover;background-repeat:no-repeat,repeat;background-attachment:fixed;z-index:-1}body header{display:block;position:relative;height:auto}body header #top-header{display:inline-block;margin:0% 0% auto;width:100%}body header #headline{width:95%;display:inline-block;margin:0 2.5% auto}body header h3{width:100%;color:#d30a1a;font-size:1.5em;text-align:center;font-family:'Noto Sans Bold', sans-serif}body main{height:auto}body main .video{margin-top:40px;position:relative;width:99%}body main .video h2{width:100%;line-height:2em;margin-bottom:-5px}body main .video video{width:100%;height:100%;margin-bottom:0px}body main .problem h3,body main .idea h3,body main .results h3{color:#d30a1a;font-size:1.5em;text-align:center;font-family:'Lato Bold', sans-serif;margin-top:20px;margin-bottom:-30px}body main .problem p,body main .idea p,body main .results p{width:70%;margin-left:15%;margin-top:30px;color:white;font-size:1.4em;text-align:justify;font-family:'Lato', sans-serif;line-height:35px}body main .problem p strong,body main .idea p strong,body main .results p strong{font-family:'Lato Bold', sans-serif}body main .playthrough{width:60%;margin:5% 20% auto}body main .results img{width:50%;margin:5% 10% 10% 26%;max-width:557px}body main .images-skate{width:100%;position:relative;height:auto}body main .images-skate .skate h2{width:99%;line-height:2em;margin-bottom:-30px}body main .images-skate .skate p{font-size:1.3em;line-height:35px}body main .images-skate .skate img{padding-top:80px;width:100%;margin:0 0 auto}}
/*# sourceMappingURL=styles.css.map */