main#SiteGrid    { width:100%; }
#GridContent     { max-width:100%;margin-bottom:0;background-image:url('../../../000Frames/site/images/homePage/aboutBg.jpg'); padding-bottom:40px;}
#lobby          { width: 85%; }


#GridContent #body ul{font-size:123%}
#GridContent #body ul a{font-size:130%;color: #231f20;}
.topImage       { margin-right:auto;margin-left:auto; }

@media (min-width: 992px)  {     
   .topImage       { width:93%; }
}

#lobby a.green-button{width: auto;}
#headline h1 { text-align:left; }

.table-responsive td            { word-wrap:break-word; padding:10px; }


@media (max-width: 1560px)  {     
    #GridContent       { max-width:100%; }
}


@media (max-width: 1024px) and (orientation:landscape) {
    #GridContent { margin-bottom:0; }
}
@media (min-width:768px) and (max-width:991px) {  
    #lobby { width:90%; }
    
}


@media (max-width: 1024px) and (orientation:landscape) {
    #GridContent { margin-bottom:0; }
    #GridPage   {margin-bottom: -12vh;}
}




#PageView           { margin-bottom: -2vh;}
 #body li        { padding-bottom: 10px;font-size: 82%;}
 #body  li strong { font-size: 122%;}

 #video           { margin-top: 20px;position: relative;}
 #video iframe    { width: 100%; height: 55vh; }
.playIcon         { position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width: 100px;height: 100px;border-radius: 50%;background: #96a78d;     cursor:pointer;}
.playIcon svg     { height: 50px;position: absolute;top: 50%;left: 55%;transform: translate(-50%,-50%);fill: #fff;-webkit-transform:translate(-50%,-50%);}
#videoTitle       {position: absolute;top: 20px;right: 30px;color: #ffffff;font-size: 215%;text-transform: uppercase;font-family: Gotham-Medium;display: none;}


#PageView[data-content-id="504"] #lobby #body{max-width: 100%;}
#PageView[data-content-id="504"] #lobby #body iframe{border:0px;margin-bottom: 90px;}
/*#PageView[data-content-id="504"] .topImage #headline{left:auto; right:8%}
#PageView[data-content-id="504"] #headline h1            {text-align:right}
#PageView[data-content-id="504"] .topImage #headline.active:after{float:right}*/

@media (max-width:991px){
    .topImage           {width: 97%;}
     #video iframe    {  height: 40vh; }
     
     #PageView[data-content-id="399"] #lobby #body iframe {height: 2791px;}

}

@media (max-width:767px){
    .playIcon{width: 80px;height: 80px;}
    .playIcon svg{height: 30px;}
    #GridPage           { margin-bottom: -17.5vh;}
    #PageView[data-content-id="399"] #lobby #body iframe {height: 2780px;}
    #PageView           { margin-bottom: -4vh;}
}

@media (max-width:375px){
    #PageView[data-content-id="399"] #lobby #body iframe {height: 2847px;}
}