*{margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}body{font-family:Lato,sans-serif;overflow-x:hidden}h2{font-size:30px;font-weight:900;text-transform:uppercase}p{line-height:1.5;font-weight:300}img{display:block;max-width:100%}img a{border:none;background-color:red}ul{list-style:none}a{text-decoration:none}.container{margin:0 auto;padding:0 10px;width:90%;-webkit-transition:.2s;transition:.2s}.transition{transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s}.header{top:0;z-index:2;width:100%;position:absolute;background:rgba(201,214,216,.6)}@media (min-width:280px) and (max-width:912px){.header{width:100%}}.header .container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width:280px) and (max-width:912px){.header .container{position:relative;padding:10px;margin:0 0;background-color:transparent;width:calc(100% - 0px)}}.header .logo{padding:10px;margin:0 10px;background-color:transparent;width:calc(16.6666666667% - 20px);padding:0;line-height:2.2}.header .logo a{color:#fff;font-weight:900;text-align:left;font-size:1.7rem;text-transform:uppercase}@media (min-width:280px) and (max-width:912px){.header .logo{height:70px;padding:10px;margin:0 0;background-color:transparent;width:calc(83.3333333333% - 0px);padding:0}.header .logo a{font-size:4rem;font-weight:900}}@media (min-width:768px) and (max-width:912px){.header .logo{line-height:1.5}.header .logo a{font-size:3rem}}@media (min-width:280px) and (max-width:540px){.header .logo a{font-size:2rem}}@media (min-width:0px) and (max-width:280px){.header .logo{height:50px}.header .logo a{font-size:1.5rem}}.header div .icon{top:0;right:16px;height:60px;color:#fff;display:none;font-size:6rem;text-align:center;position:absolute;padding:10px;margin:auto 0;background-color:transparent;width:calc(16.6666666667% - 0px)}@media (min-width:280px) and (max-width:912px){.header div .icon{display:block}}@media (min-width:768px) and (max-width:912px){.header div .icon{top:-14px}}@media (min-width:280px) and (max-width:540px){.header div .icon{font-size:4rem}}@media (min-width:0px) and (max-width:280px){.header div .icon{top:0;right:36px;font-size:3.5rem}}.header .nav{border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:right;padding:10px;margin:0 10px;background-color:transparent;width:calc(83.3333333333% - 20px)}.header .nav a{padding:5px 10px;text-transform:capitalize;font-weight:700;color:#fff;font-family:"Noto Sans",sans-serif;border-bottom:2px solid transparent}.header .nav a:hover{color:#89d5ef;border-bottom:2px solid #4fc0e8}@media (min-width:280px) and (max-width:912px){.header .nav{height:50vh;left:-100%;top:80px;border:none;text-align:left;position:absolute;padding:10px;margin:0 0;background-color:#00f;width:calc(100% - 0px)}.header .nav a{color:#fff;display:block;font-size:2rem;font-weight:700;padding:15px 0;font-family:Lato,sans-serif}}@media (min-width:768px) and (max-width:912px){.header .nav{top:90px}}@media (min-width:280px) and (max-width:540px){.header .nav a{font-size:1.3rem}}@media (min-width:0px) and (max-width:280px){.header .nav{top:70px}.header .nav a{padding:10px 0;font-weight:400;font-size:1.1rem}}.header .nav .head-button{text-align:right;padding:10px;margin:0 10px;background-color:transparent;width:calc(33.3333333333% - 20px)}.header .nav .head-button .btn-sign-in,.header .nav .head-button .btn-sign-up{color:#fff;font-weight:300;font-size:1rem;margin:0 5px;padding:7px 25px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px}.header .nav .head-button .btn-sign-in{border:2px solid #4fc0e8}.header .nav .head-button .btn-sign-in:hover{border:2px solid #3aadd9}@media (min-width:280px) and (max-width:912px){.header .nav .head-button{border:none;position:absolute;top:50vh;left:-100%;padding:10px;margin:0 0;background-color:#00f;width:calc(100% - 0px);padding:20px}.header .nav .head-button .contact{font-size:1.8rem;padding:20px 60px;border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px}}@media (min-width:280px) and (max-width:540px){.header .nav .head-button .contact{font-size:1.2rem;padding:12px 25px}}@media (min-width:0px) and (max-width:280px){.header .nav .head-button{padding:10px}.header .nav .head-button .contact{font-size:1rem;padding:10px 16px}}