h1,h2,h3,h4{font-family:Bavaria,Arial;line-height:83%;font-weight:normal}
body{background-color:#0a1741}
a img{text-decoration:none;border:0}
.grid-container{position:relative}
.grid-container a{color:white}
.grid-container a:visited{color:white}
.grid-container .button{color:white}
.grid-container .button:visited{color:white}
.grid-container .button:hover{color:#0a1741}
.grid-container .tile{height:calc(33.33333333%);float:left;position:relative;background-position:right bottom;background-repeat:no-repeat}
.grid-container .tile .mobile{display:none}
.grid-container .tile .desktop{display:block}
.grid-container .tile .desktop .tile-bg,.grid-container .tile .mobile .tile-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-position:right bottom;background-repeat:no-repeat;background-position:center}
.grid-container .tile .description{position:relative;z-index:2}
.grid-container .tile.onexone{width:33.33%;height:100%;min-height:260px}
.grid-container .tile.onexone .description{margin-left:0;margin-top:35px;position:relative}
.grid-container .tile.onexone .description img{position:absolute;right:35px;bottom:35px}
.grid-container .tile.onexone .description span{display:block;text-transform:uppercase;font-family:Bavaria,Arial;width:50%}
@media(min-width:1300px){.grid-container .tile.onexone .description span{font-size:48px}
}
@media(max-width:1300px){.grid-container .tile.onexone .description span{font-size:32px}
}
@media(max-width:800px){.grid-container .tile.onexone .description span{font-size:48px}
}
.grid-container .tile.onexone .description h1{text-transform:uppercase;font-family:Bavaria,Arial;font-weight:normal;margin:0}
@media(min-width:1300px){.grid-container .tile.onexone .description h1{font-size:42px}
}
@media(max-width:1300px){.grid-container .tile.onexone .description h1{font-size:42px}
}
.grid-container .tile.twoxtwo{width:66.66%;min-height:480px}
.grid-container .tile.twoxtwo .description{margin-top:130px;margin-left:40px}
.grid-container .tile.twoxtwo .description span{text-transform:uppercase;font-family:Bavaria,Arial;display:block;width:65%}
@media(min-width:1300px){.grid-container .tile.twoxtwo .description span{font-size:74px}
}
@media(max-width:1300px){.grid-container .tile.twoxtwo .description span{font-size:60px}
}
@media(max-width:500px){.grid-container .tile.twoxtwo{min-height:420px}
}
.grid-container .tile.twoxone{width:66.66%;min-height:260px;overflow-y:hidden;height:100%}
.grid-container .tile.twoxone .description{margin-left:40px;margin-top:30px}
.grid-container .tile.twoxone .description span{text-transform:uppercase;font-family:Bavaria,Arial;display:block;width:65%}
@media(min-width:1300px){.grid-container .tile.twoxone .description span{font-size:55px}
}
@media(max-width:1300px){.grid-container .tile.twoxone .description span{font-size:48px}
}
.grid-container .bigGrid{height:66.66%}
.grid-container .bigGrid .twoxtwo{height:100%}
.grid-container .bigGrid .onexone{height:50%}
.grid-container .smallGrid,.grid-container .smallGrid1x3{height:33.33vh}
.grid-container .youtube-tile .description{height:100%}
.grid-container .youtube-tile .description .youtube{margin-top:-35px;height:100%}
.grid-container .youtube-tile .description .youtube iframe{width:100%;height:100%;position:absolute;right:0}
.grid-container>.section:last-child{margin-bottom:0}
@media(max-width:1023px){.grid-container .tile{display:inline-block}
.grid-container .tile .mobile{display:block}
.grid-container .tile .desktop{display:none}
.grid-container .tile.onexone,.grid-container .tile.twoxone,.grid-container .tile.twoxtwo{width:100%;overflow-y:hidden}
.grid-container .tile.twoxtwo{height:500px}
.grid-container .tile.twoxtwo .description{margin-top:60px}
.grid-container .tile.twoxtwo .description span{margin-top:60px;width:80%;font-size:72px}
.grid-container .tile.twoxone{height:350px}
.grid-container .tile.twoxone .description span{width:80%;font-size:64px}
.grid-container .tile.onexone{height:350px}
.grid-container .tile.onexone .description span{width:50%;font-size:54px}
.grid-container .tile.onexone .description h5{font-size:16px}
.grid-container .section:last-child{margin-bottom:0}
}
@media(max-width:1023px) and (max-width:799px){.grid-container .tile.twoxtwo .description span{font-size:48px}
}
@media(max-width:1023px) and (max-width:799px){.grid-container .tile.twoxone .description span{font-size:48px}
}
@media(max-width:1023px) and (max-width:799px){.grid-container .tile.onexone .description span{font-size:48px}
}
@media(max-width:1023px) and (max-width:799px){.grid-container .tile.onexone .description h5{font-size:14px}
}
@media(min-width:1024px){.grid-container{min-height:100vh}
.youtube-tile .description .youtube{margin-left:-40px}
}
@media(max-width:1023px){.youtube-tile .description .youtube{margin-left:-20px}
}
#CQ.cq-frame,.editor-panel{background-color:#171819}
.mobile-bg-image{position:absolute}
.grid-container .bigGrid1x1{height:66.66vh}
.grid-container .bigGrid1x1 .tile.onexlarge{width:100%;height:100%;overflow-y:hidden}
.grid-container .bigGrid1x1 .description{padding:60px 60px 20px 60px}
.grid-container .bigGrid1x1 h1{font-size:9.6vw;margin-top:0;margin-bottom:2.6vw}
.grid-container .bigGrid1x1 h3{font-size:2.5vw;text-transform:uppercase;display:inline;margin-right:3vw}
.grid-container .bigGrid1x1 .grid1x1left{width:83%;float:left;display:inline}
.grid-container .bigGrid1x1 .grid1x1left .linkButton{display:inline-block}
.grid-container .bigGrid1x1 .grid1x1right{width:19%;position:absolute;right:6%}
.grid-container .bigGrid1x1 .grid1x1right img{max-width:100%;height:auto;width:auto\9;float:right}
@media(min-width:768px) and (max-width:1023px){.grid-container .bigGrid1x1 .description{padding:40px 60px 20px 40px}
.grid-container .bigGrid1x1 .grid1x1right{width:20%;right:5%;margin-top:40px}
.grid-container .bigGrid1x1 .grid1x1right img{max-width:110%}
.grid-container .bigGrid1x1 h1{font-size:9.5vw}
.grid-container .bigGrid1x1 h3{font-size:3vw}
.grid-container .bigGrid1x1 .grid1x1left .linkButton{display:block}
}
@media(max-width:767px){.grid-container .bigGrid1x1 .description{padding:60px 60px 20px 20px}
.grid-container .bigGrid1x1 .description .button{margin-top:10px}
.grid-container .bigGrid1x1 .grid1x1right{width:25%;right:3%;margin-top:30px;display:inline-block}
.grid-container .bigGrid1x1 .grid1x1right img{max-width:185%;height:auto;width:auto\9}
.grid-container .bigGrid1x1 .grid1x1left{width:70%;float:none;display:inline-block}
.grid-container .bigGrid1x1 h1{font-size:12vw;margin-bottom:8%}
.grid-container .bigGrid1x1 h3{font-size:4.5vw}
.grid-container .bigGrid1x1 .grid1x1left .linkButton{display:block}
}
.smallGrid .grid1x2left{width:35%;float:left;display:inline}
.smallGrid .grid1x2left div{display:inline-block}
.smallGrid .grid1x2left .linkButton{display:inline-block}
.smallGrid .grid1x2right{width:65%;position:absolute;right:0}
.smallGrid .grid1x2right img{max-width:100%;height:auto;width:auto\9;float:right;z-index:0}
@media(max-width:800px){.smallGrid .grid1x2left{text-align:center;width:100%;float:left;margin-left:-20px;margin-bottom:5px}
.smallGrid .grid1x2left div{display:block}
.smallGrid .grid1x2left .linkButton{display:block}
.smallGrid .grid1x2left h2{margin:10px}
.smallGrid .grid1x2right{width:100%;text-align:center}
.smallGrid .grid1x2right img{max-width:100%;height:auto;width:auto\9;margin-top:140px;float:none;margin-left:-35px}
}
@media(min-width:500px) and (max-width:800px){.grid1x2right img{max-width:70%}
}
.youtubegrid{height:calc(100% - 35px);cursor:pointer}
.grid-container .smallGrid1x3 a .description{padding-left:20px;padding-right:20px}
.smallGrid1x3 .description{height:calc(100% - 35px)}
@media(max-width:500px){.smallGrid1x3 .description h2{font-size:12vw;margin-top:.4em}
}