/*! First off, all of your own SCSS !*//*! import the main style !*/*{margin:0px;padding:0px;font-family:"Raleway",sans-serif}h1,h2,h3,h4,h5,h6{font-family:"Bitter",serif}::-moz-selection{color:#ff5722;background:#fff3e0}::selection{color:#fff3e0;background:#ff5722}body header{position:relative;width:100%;height:50vh;background:url("https://i.stack.imgur.com/oslRB.png");color:white;text-align:center;box-shadow:0px 10px 25px rgba(0,0,0,0.15)}body header h1{position:relative;display:inline-block;font-size:10vh;margin-top:8vh;z-index:2;-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-ms-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s;animation-fill-mode:forwards;opacity:0}body header span.slogan{position:relative;display:inline-block;font-size:2vh;z-index:2;-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-ms-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s;animation-fill-mode:forwards;opacity:0;animation-delay:0.3s;margin-left:6px}body header:after{content:' ';position:absolute;width:100%;height:100%;top:0px;left:0px;display:block;background-color:rgba(245,124,0,0.5);background-color:rgba(239,108,0,0.5);background-color:rgba(239,108,0,0.6);z-index:1}body main .home_main_wrapper{position:relative;width:1280px;display:block;margin:0px auto}body main .home_main_wrapper .teaser_info_block{position:relative;display:block;margin:30px 0px 0px}body main .home_main_wrapper .teaser_info_block:first-child{margin-top:12vh}body main .home_main_wrapper .teaser_info_block:after{content:".";display:block;height:0;clear:both;visibility:hidden}body main .home_main_wrapper .teaser_info_block h2{position:relative;height:15vh;width:15%;max-width:15vh;line-height:15vh;text-align:center;background-color:rgba(239,108,0,0.6);display:inline-block;color:white;margin:0px auto;box-shadow:inset 0 0 0 4px rgba(239,108,0,0.6),inset 0 0 0 8px #fff;float:left;font-size:26px}body main .home_main_wrapper .teaser_info_block p{position:relative;width:70%;display:inline-block;float:left;font-size:18px;line-height:28px}body main .home_main_wrapper .teaser_info_block p.right{margin:0px 0% 0px 2%}body main .home_main_wrapper .teaser_info_block p.left{margin:0px 2% 0px 0%}body main .home_main_wrapper #raw_explain_1{-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-ms-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s;animation-fill-mode:forwards;opacity:0;animation-delay:1.2s}body main .home_main_wrapper #raw_explain_2{-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-ms-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s;animation-fill-mode:forwards;opacity:0;animation-delay:1.6s}body main .home_main_wrapper #raw_explain_3{-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-ms-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s;animation-fill-mode:forwards;opacity:0;animation-delay:2s}body header nav{text-align:center;position:relative;display:block;z-index:3;margin:0px auto;-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-ms-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s;animation-delay:0.8s;animation-fill-mode:forwards;opacity:0}body header nav ul{position:relative;display:block;margin:7vh auto 0px;list-style-type:none}body header nav ul li{position:relative;width:100px;display:inline-block;margin:0px 5px}body header nav ul li.learningcurve a:before{content:' ';position:absolute;display:block;width:63px;height:2px;border-top:3px solid white;border-bottom:3px solid white;background-color:rgba(239,108,0,0.6);top:52px;left:-38px}body header nav ul li.learningcurve a:after{background-color:white;border:2px solid white;box-shadow:inset 0 0 0 4px rgba(239,108,0,0.6)}body header nav ul li.learningcurve a:hover:after{background-color:white;border:2px solid white;box-shadow:inset 0 0 0 0px rgba(239,108,0,0.6)}body header nav ul li.learningcurve ul li a:before{width:83px;height:2px;top:44px;left:-48px;background-color:white;border:0px}body header nav ul li ul{display:none;position:absolute;width:500px;margin:0px auto 0px;list-style-type:none}body header nav ul li ul li{position:relative;width:100px;display:inline-block;margin:0px 5px}body header nav ul li ul li a{position:relative;height:90px;color:white;text-decoration:none;display:block;margin-top:40px}body header nav ul li ul li a:before{margin-top:-60px;background-color:red;content:' ';position:absolute;display:block;width:63px;height:2px;top:52px;left:-38px}body header nav ul li ul li a:after{margin-top:-50px;height:25px;width:25px;border-radius:25px}body header nav ul li ul li:first-child a:before{-webkit-transform:rotate(35deg);-moz-transform:rotate(35deg);transform:rotate(35deg);top:23px;left:-23px;width:66px}body header nav ul li a{position:relative;height:90px;color:white;text-decoration:none;display:block}body header nav ul li a:before{content:' ';position:absolute;display:block;width:63px;height:6px;background-color:white;top:53px;left:-38px}body header nav ul li a:after{content:' ';position:relative;border:2px solid white;height:50px;width:50px;border-radius:50px;margin:10px auto;display:block;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;box-shadow:inset 0 0 0 -4px rgba(239,108,0,0)}body header nav ul li a:hover:after{background-color:white;box-shadow:inset 0 0 0 20px rgba(239,108,0,0.6)}body header nav ul li:first-child a:before{background:transparent;border:0px}.learningat ul{display:block}/*! Get the animations!*/@keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-ms-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}/*! Line up all styles !*/@media screen and (max-height: 1100px){body header h1{margin-top:11vh;font-size:9vh}body main .home_main_wrapper .teaser_info_block h2{height:18vh;width:15%;max-width:18vh;line-height:18vh}}@media screen and (max-width: 1280px){body main .home_main_wrapper{width:100%}}