/*********************************************/
/***FastFacts Page Responsive Design Changes***/
/*********************************************/

@media screen and (min-width: 200px) and (max-width: 1024px){
    body{
        overflow-x: hidden !important;
    }
}

@media screen and (min-width: 200px) and (max-width: 1024px){
    body{
        overflow-x: hidden !important;
    }
}
@media screen and (min-width: 200px) and (max-width: 1024px){
    .fastfactsmidmenu{
        display:none !important;
    }
}
@media screen and (max-width: 767px){
    /*Phones breakpoint*/
      .BottomColumns{
          width: 90vw !important;
          border-left: none !important;
          border-right: none !important;
      }
      .aboutpara span{
          font-size: 4.5vmin !important;
      }
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      } 
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
          height: 42.5vw !important;
      }
      .aboutlmhssubbackgroundLayer2 h2{
          display:none !important;
      }
      .MobileVolFact{
          position: relative;
           height: 61vw;
       }
       .MobileVolFact::before {
          content: "About Us";
          font-size: 20px; 
          font-weight:bold;
          color: #003b6f; 
          font-family: verdana, geneva, sans-serif;
          position: relative;
          /* top: 2px; */
          margin-top:0px;
          padding-left: 1em;
      } 
      .zoneMiddleHeaderWrapNoBlue{
          font-size: 9pt !important;
          padding-left: 1.5em;
          min-width: 0px !important;
          width: 98vw;
      }
      .longbreadcrumb{
          height: 38px !important;
          padding-right: 15px;
      }
      .threelinebreadcrumb{
          height: 38px;
          padding-right: 15px !important;
      }
      .threelinebreadcrumblarge{
          height: 38px;
          padding-right: 15px !important;
      }
      .fastfactcol1, .fastfactcol2{
        display:block !important;
        clear:both !important;
        width: 80vw !important;
      }
  
  }
  @media screen and (min-width: 768px) and (max-width: 1024px){
      /* Tablet breakpoint */
      .BottomColumns{
          width: 96vw !important; 
          border: none !important;   
      }
      .aboutpara span{
          font-size: 2.0vmin !important;
      }
      .zoneMiddleMenuWrap2{
          width: 100% !important;
          position: relative !important;
          overflow: hidden !important;
      }
      .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2, .aboutlmhssubbackgroundLayer1{
          background-repeat: no-repeat !important;
          background-size: contain !important;
          height: 27.5vw !important;
      }
      .menuBackGroundLayerThreeJoinLMHS a{
          position: relative; bottom:45px;
          font-size:  13px !important;
      }
      .menuBackGroundLayerThreeJoinLMHS h1{
          position: relative; bottom: 25px;
          font-size:  22px !important;
      }
      .MobileVolFact{
          position: relative;
           height: 47vw;
       }
       .MobileVolFact::before {
          content: "About Us";
          font-size: 20px; 
          font-weight:bold;
          color: #003b6f; 
          font-family: verdana, geneva, sans-serif;
          position: relative;
          top: 1vw;
          padding-left: 1em;
      } 
      .zoneMiddleHeaderWrapNoBlue{
          font-size: 9pt !important;
          padding-left: 1.5em;
      }
      .Slogan-Div{
          padding-left: 1.5em !important;
      }
  }
  
/* @media screen and (max-width: 360px){
    .BottomColumns{
        width: 92vw !important;
        border-left: none !important;
        border-right: none !important;
    }
    .aboutpara span{
        font-size: 4.5vmin !important;
    }
    .zoneMiddleMenuWrap2{
        width: 100% !important;
        position: relative !important;
        overflow: hidden !important;
    } 
    .aboutlmhssubbackgroundLayer2VolFact h2{
        display:none !important;
    }
    .MobileVolFact{
        position: relative;
         height: 26.5vh;
     }
     .MobileVolFact::before {
        content: "About Us";
        font-size: 11px; 
        color: #003b6f; 
        font-family: verdana, geneva, sans-serif;
        font-weight: bold;
        position: relative;
        top: 2px;
        padding-left: 10px;
    } 
}
@media screen and (min-width: 361px) and (max-width: 401px) {
    .BottomColumns{
        width: 91vw !important;
        border-left: none !important;
        border-right: none !important;
    }
    .aboutpara span{
        font-size: 4.0vmin !important;
    }
    .MobileVolFact{
        position: relative;
         height: 26.5vh;
     }
     .MobileVolFact::before {
        content: "About Us";
        font-size: 11px; 
        color: #003b6f; 
        font-family: verdana, geneva, sans-serif;
        font-weight: bold;
        position: relative;
        top: 2px;
        padding-left: 10px;
    } 
}
@media screen and (min-width: 402px) and (max-width: 423px){
    .BottomColumns{
        width:  92vw !important;
        border-left: none !important;
        border-right: none !important;
    }
    .aboutpara span{
        font-size: 4.0vw !important;
    }
    .MobileVolFact{
        position: relative;
         height: 26.5vh;
     }
     .MobileVolFact::before {
        content: "About Us";
        font-size: 11px; 
        color: #003b6f; 
        font-family: verdana, geneva, sans-serif;
        font-weight: bold;
        position: relative;
        top: 2px;
        padding-left: 10px;
    } 
}

@media screen and (min-width: 424px) and (max-width: 475px){
    .BottomColumns{
        width: 93vw !important;
        border-left: none !important;
        border-right: none !important;
    }
    .aboutpara span{
        font-size: 3.5vmin !important;
    }
    .MobileVolFact{
        position: relative;
         height: 26.5vh;
     }
     .MobileVolFact::before {
        content: "About Us";
        font-size: 11px; 
        color: #003b6f; 
        font-family: verdana, geneva, sans-serif;
        font-weight: bold;
        position: relative;
        top: 2px;
        padding-left: 10px;
    } 
}
@media screen and (min-width: 476px) and (max-width: 550px){
    .BottomColumns{
        width: 93.5vw !important;
        border-left: none !important;
        border-right: none !important;
    }
    .aboutpara span{
        font-size: 3.0vmin !important;
    }
    .MobileVolFact{
        position: relative;
         height: 26.5vh;
     }
     .MobileVolFact::before {
        content: "About Us";
        font-size: 11px; 
        color: #003b6f; 
        font-family: verdana, geneva, sans-serif;
        font-weight: bold;
        position: relative;
        top: 2px;
        padding-left: 10px;
    } 
}
@media screen and (min-width: 551px) and (max-width: 618px){
    .BottomColumns{
        width: 94.5vw !important;
        border-left: none !important;
        border-right: none !important;
    }
    .aboutpara span{
        font-size: 2.8vmin !important;
    }
    .MobileVolFact{
        position: relative;
         height: 26.5vh;
     }
     .MobileVolFact::before {
        content: "About Us";
        font-size: 11px; 
        color: #003b6f; 
        font-family: verdana, geneva, sans-serif;
        font-weight: bold;
        position: relative;
        top: 2px;
        padding-left: 10px;
    } 
}
@media screen and (min-width: 619px) and (max-width: 652px){
    .BottomColumns{
        width: 95vw !important;
        border: none !important;
    }

    .aboutpara span{
        font-size: 2.5vmin !important;
    }
    .MobileVolFact{
        position: relative;
         height: 26.5vh;
     }
     .MobileVolFact::before {
        content: "About Us";
        font-size: 11px; 
        color: #003b6f; 
        font-family: verdana, geneva, sans-serif;
        font-weight: bold;
        position: relative;
        top: 2px;
        padding-left: 10px;
    } 
}
@media screen and (min-width: 653px) and (max-width: 700px){
    .BottomColumns{
        width: 95.5vw !important;
        border: none !important;
    }
    .aboutpara span{
        font-size: 2.1vmin !important;
    }
    .MobileVolFact{
        position: relative;
         height: 26.5vh;
     }
     .MobileVolFact::before {
        content: "About Us";
        font-size: 11px; 
        color: #003b6f; 
        font-family: verdana, geneva, sans-serif;
        font-weight: bold;
        position: relative;
        top: 2px;
        padding-left: 10px;
    } 
}
@media screen and (min-width: 701px) and (max-width: 734px){
    .BottomColumns{
        width: 96vw !important;   
        border: none !important; 
    }
    .aboutpara span{
        font-size: 2.1vmin !important;
    }
    .MobileVolFact{
        position: relative;
         height: 26.5vh;
     }
     .MobileVolFact::before {
        content: "About Us";
        font-size: 11px; 
        color: #003b6f; 
        font-family: verdana, geneva, sans-serif;
        font-weight: bold;
        position: relative;
        top: 2px;
        padding-left: 10px;
    } 
}
@media screen and (min-width: 735px) and (max-width: 755px){
    .BottomColumns{
        width: 96vw !important;    
        border: none !important;
    }
    .aboutpara span{
        font-size: 2.1vmin !important;
    }
    .MobileVolFact{
        position: relative;
         height: 26.5vh;
     }
     .MobileVolFact::before {
        content: "About Us";
        font-size: 11px; 
        color: #003b6f; 
        font-family: verdana, geneva, sans-serif;
        font-weight: bold;
        position: relative;
        top: 2px;
        padding-left: 10px;
    } 
}
@media screen and (min-width: 756px) and (max-width: 790px){
    .BottomColumns{
        width: 96vw !important; 
        border: none !important;   
    }
    .aboutpara span{
        font-size: 2.0vmin !important;
    }
}
@media screen and (min-width: 791px) and (max-width: 830px){
    .BottomColumns{
        width: 96.5vw !important; 
        border: none !important;   
    }
    .aboutpara span{
        font-size: 1.9vmin !important;
    }
}
@media screen and (min-width: 831px) and (max-width: 920px){
    .BottomColumns{
        width: 96.5vw !important; 
        border: none !important;   
    }
    .aboutpara span{
        font-size: 1.9vmin !important;
    }
    .MobileVolFact{
        position: relative;
         height: 35.5vh;
     }
     .MobileVolFact::before {
        content: "About Us";
        font-size: 11px; 
        color: #003b6f; 
        font-family: verdana, geneva, sans-serif;
        font-weight: bold;
        position: relative;
        top: 2px;
        padding-left: 10px;
    }
}
@media screen and (min-width: 921px) and (max-width: 1000px){
    .BottomColumns{
        width: 97vw !important;
        border: none !important;
    }
    .aboutpara span{
        font-size: 1.9vmin !important;
    }
}
@media screen and (min-width: 1001px) and (max-width: 1050px){
    .BottomColumns{
        width: 97vw !important;
        border: none !important;
    }
    .aboutpara span{
        font-size: 1.9vmin !important;
    }
}
@media screen and (min-width: 1051px) and (max-width: 1105px){
    .BottomColumns{
        width: 97vw !important;
        border: none !important;
    }

    .aboutpara span{
        font-size: 1.9vmin !important;
    }
}
@media screen and (min-width: 921px) and (max-width: 1105px){

}
@media screen and (min-width: 375px) and (max-width: 767px){
    .zoneMiddleMenuWrap2 h2{
        display:none;
    }
}
@media screen and (max-width: 375px){
    .zoneMiddleMenuWrap2{
        width: 100% !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2VolFact, .aboutlmhssubbackgroundLayer1{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 27.5vw !important;
    }
}
@media screen and (min-width: 360px) and (max-width: 601px){
    .zoneMiddleMenuWrap2{
        width: 100% !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2VolFact, .aboutlmhssubbackgroundLayer1{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 27.5vw !important;
    }
}
@media screen and (min-width: 602px) and (max-width: 618px){
    .zoneMiddleMenuWrap2{
        width: 100% !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2VolFact, .aboutlmhssubbackgroundLayer1{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 26vw !important;
    }
    .menuBackGroundLayerThreeJoinLMHS a{
        position: relative; bottom:35px;
        font-size:  12px !important;
    }
    .menuBackGroundLayerThreeJoinLMHS h1{
        position: relative; bottom: 25px;
        font-size:  20px !important;
    }
}
@media screen and (min-width: 602px) and (max-width: 618px){
    .zoneMiddleMenuWrap2{
        width: 100% !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2VolFact, .aboutlmhssubbackgroundLayer1{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 27.5vw !important;
    }
    .menuBackGroundLayerThreeJoinLMHS a{
        position: relative; bottom:45px;
        font-size:  12px !important;
    }
    .menuBackGroundLayerThreeJoinLMHS h1{
        position: relative; bottom: 25px;
        font-size:  21px !important;
    }
}
@media screen and (min-width: 619px) and (max-width: 652px){
    .zoneMiddleMenuWrap2{
        width: 100% !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2VolFact, .aboutlmhssubbackgroundLayer1{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 27.5vw !important;
    }
    .menuBackGroundLayerThreeJoinLMHS a{
        position: relative; bottom:45px;
        font-size:  13px !important;
    }
    .menuBackGroundLayerThreeJoinLMHS h1{
        position: relative; bottom: 25px;
        font-size:  22px !important;
    }
}
@media screen and (min-width: 653px) and (max-width: 700px){
    .zoneMiddleMenuWrap2{
        width: 100% !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .zoneMiddleMenuWrap2 h2 {
        padding-top:0px !important;
    }
    .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2VolFact, .aboutlmhssubbackgroundLayer1{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 27.5vw !important;
    }
    .menuBackGroundLayerThreeJoinLMHS a{
        position: relative; bottom:40px;
        font-size:  13px !important;
    }
    .menuBackGroundLayerThreeJoinLMHS h1{
        position: relative; bottom: 21px;
        font-size:  23px !important;
    }
}
@media screen and (min-width: 701px) and (max-width: 734px){
    .zoneMiddleMenuWrap2{
        width: 100% !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .zoneMiddleMenuWrap2 h2{
        padding-top:0px !important;
    }
    .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2VolFact, .aboutlmhssubbackgroundLayer1{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 27.5vw !important;
    }
    .menuBackGroundLayerThreeJoinLMHS a{
        position: relative; bottom:35px;
        font-size:  13px !important;
    }
    .menuBackGroundLayerThreeJoinLMHS h1{
        position: relative; bottom: 21px;
        font-size:  23px !important;
    }
}
@media screen and (min-width: 735px) and (max-width: 755px){
.zoneMiddleMenuWrap2{
        width: 100% !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .zoneMiddleMenuWrap2 h2{
        padding-top: 0px !important;
    }
    .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2VolFact, .aboutlmhssubbackgroundLayer1{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 27.5vw !important;
    }
    .menuBackGroundLayerThreeJoinLMHS a{
        position: relative; bottom:35px;
        font-size:  13px !important;
    }
    .menuBackGroundLayerThreeJoinLMHS h1{
        position: relative; bottom: 22px;
        font-size:  24px !important;
    }
}
@media screen and (min-width: 756px) and (max-width: 790px){
.zoneMiddleMenuWrap2{
        width: 100% !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .zoneMiddleMenuWrap2 h2{
        padding-top: 0px !important;
    }
    .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2VolFact, .aboutlmhssubbackgroundLayer1{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 27.5vw !important;    
    }
    .menuBackGroundLayerThreeJoinLMHS a{
        position: relative; bottom:30px;
        font-size: 14px !important;
    }
    .menuBackGroundLayerThreeJoinLMHS h1{
        position: relative; bottom: 19px;
        font-size:  25px !important;
    }
}   
@media screen and (min-width: 791px) and (max-width: 860px){
    .zoneMiddleMenuWrap2{
        width: 100% !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .zoneMiddleMenuWrap2 h2{
        padding-top: 0px !important;
    }
    .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2VolFact, .aboutlmhssubbackgroundLayer1{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 27.5vw !important;
    }
    .menuBackGroundLayerThreeJoinLMHS a{
        position: relative; bottom:25px;
        font-size:  15px !important;
    }
    .menuBackGroundLayerThreeJoinLMHS h1{
        position: relative; bottom: 18px;
        font-size:  26px !important;
    }
}
@media screen and (min-width: 861px) and (max-width: 920px){
.zoneMiddleMenuWrap2{
        width: 100% !important;
        position: relative !important;
        overflow: hidden !important;
        padding-top: 0px !important;
    }
    .zoneMiddleMenuWrap2 h2{
        padding-top: 0px !important;
    }
    .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2VolFact, .aboutlmhssubbackgroundLayer1{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 27.5vw !important;
    }
    .menuBackGroundLayerThreeJoinLMHS a{
        position: relative; bottom:20px;
        font-size:  16px !important;
    }
    .menuBackGroundLayerThreeJoinLMHS h1{
        position: relative; bottom: 15px;
        font-size:  27px !important;
    }
}
@media screen and (min-width: 921px) and (max-width: 1000px){
    .zoneMiddleMenuWrap2{
        width: 100% !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2VolFact, .aboutlmhssubbackgroundLayer1{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 27.5vw !important;
    }
    .menuBackGroundLayerThreeJoinLMHS a{
        position: relative; bottom:17px;
        font-size:  17px !important;
    }
    .menuBackGroundLayerThreeJoinLMHS h1{
        position: relative; bottom: 10px;
        font-size:  28px !important;
    }
}
@media screen and (min-width: 1001px) and (max-width: 1050px){
    .zoneMiddleMenuWrap2{
        width: 100% !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2VolFact, .aboutlmhssubbackgroundLayer1{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 28vw !important;
    }
    .menuBackGroundLayerThreeJoinLMHS a{
        position: relative; bottom:15px;
        font-size:  18px !important;
    }
    .menuBackGroundLayerThreeJoinLMHS h1{
        position: relative; bottom: 10px;
        font-size:  29px !important;
    }
}
@media screen and (min-width: 1051px) and (max-width: 1105px){
    .zoneMiddleMenuWrap2{
        width: 100% !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .menuBackGroundLayerThreeJoinLMHS, .aboutlmhssubbackgroundLayer2VolFact, .aboutlmhssubbackgroundLayer1{
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 27.5vw !important;
    }

    .menuBackGroundLayerThreeJoinLMHS a{
        position: relative; bottom:15px;
        font-size:  17px !important;
    }
    .menuBackGroundLayerThreeJoinLMHS h1{
        position: relative; bottom: 8px;
        font-size:  30px !important;
    }        
}
@media screen and (min-width: 1106px){

}

 */