/* √ ONLY MEDIA QUERIES */

/* ONE */

@media screen and (max-width: 1069px) {
#mega-menu-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_1 {
    display: none !important;}
}

/* TWO */

@media screen and (min-width: 1070px) {
    #mega-menu-max_mega_menu_1 {
    margin-top: -50px !important;
        width: inherit !important;
    float: right !important;
}

.site-logo {
    margin-left: 0 !important;
}

.col-md-12 {
    color: #ffffff;
}

#menu-toggle {
    display: none !important;
}
}

/* THREE */

/* -----------------min 991---------------- */

@media screen and (min-width:991px) {
.site-content__main {
    background-color: rgba(0, 0, 0, 0.35);
    width: 300px;
}
}

/* FOUR */

/* ----------------max 990----------------- */

@media screen and (max-width:990px) {
    .site-content__main {
    background-color: rgba(0, 0, 0, 0.35);
    width: 100%;
}
.site-content__header {
    overflow: inherit !important;
}
.col-md-12 p, .para, .para p, h4 {
    text-shadow: none !important;
    color: #000 !important;
}
.col-md-12 a, .para a {
    text-shadow: none !important;
    color: #669 !important;
}
.col-md-12, .col-md-12 h2, .para, .para p, h4 {
    text-shadow: none !important;
    color: #000 !important;
}
.site-footer {
    display: none;
}
}


/* ***START*** */


/* -------√ XXXX-teeny tiny devices (portrait phones, 10px to 199.98px)-------*/

@media 
 only screen and (min-width:10px) and (max-width:199.98px) and (orientation:portrait),
   only screen and (min-device-width: 20px) and (max-device-width: 399.98px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {


#buttons {
  -webkit-animation: fadeout 5s 5s forwards;
  -moz-animation: fadeout 5s 5s forwards;
  animation: fadeout 5s 5s forwards;
  opacity: 1;
}

  .col-md-12::after{content:"\a \a \a \a 0-P";white-space: pre;}

#hide {display: none;}

.minisub{display: none;}

  .col-md-12 h2 {
   text-align:center;
   position:relative;
   left:8vw;
   top:-50vh;
   width:100%;
   font-size:140%;
   margin-bottom:-20vh;
  }
  
  .col-md-12 p{
   text-align:left;
   font-size:100%;}
  
  .col-md-12 {
   width:100vw;
  background:white;
  text-align:center;
  margin:0px;
  position:relative;
  top:9vh;

  }
  

 .carbon {
    padding-left:10px;
}
 
.frontpage-content {
  position: absolute;
  text-align:center;
  top: 10vh;
  z-index: 500;
  left: 0vh;
  width: 100%;
  overflow: visible;
}

.frontpage-title {
  text-align: center;
  width: 100%;
   position:relative;
 left:0%; 
 top:-40vh; 
}


.homepage_logo {
 position:relative;
 left:-5%; 
 top:-30vh; 
 z-index:500;
width: 120%;
text-shadow: 4px 4px 2px rgba(0,0,0,0.6);}

.strapline {
 width:120%;
 text-align: center;
 position: relative;
 top: -40vh;
 margin-bottom: 0px;
 font-size: 40%;
 opacity: .8;
 display: block;
 text-shadow: 0px 0px 2px rgba(0,0,0,1);
 left:-30%;
}

.frontpage-content__inner {
  background: rgba(0, 0, 0, 0.0) none repeat scroll 0 0;
}

#buttons {position:absolute;
          top:0vh;
           width:100%;
               z-index:40;
               text-align:center;
               left: 0%;
               display: flex;
               flex-direction: column;
               justify-content: center;
}

#buttons img {position:relative;
           width:30%; 
           text-align:center;
               padding:0;
}

 .brochure{
  display: inline;
  text-align:center;
  padding: 5px;}
 
 .brochure img{
   width:18%;
 }

 .offer{
  display: inline;
  text-align: center;
  padding: 5px;}
 
  .offer img{
   width:18%;}
   
 .video{
  display: inline;
  text-align: center;
  padding: 5px;}
  
 .video img{
   width:18%;}


}

/* -------√ XXXX-teeny tiny devices (landscape phones, 10px to 199.98px)-------*/

@media 
only screen and (min-width:10px) and (max-width:199.98px) and (orientation:landscape),
   only screen and (min-device-width: 20px) and (max-device-width: 399.98px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2) {

#buttons {
  -webkit-animation: fadeout 5s 5s forwards;
  -moz-animation: fadeout 5s 5s forwards;
  animation: fadeout 5s 5s forwards;
  opacity: 1;
}



.col-md-12::after{content:"\a \a \a \a0-L";opacity:0;}

#hide {display: none !important;}

.minisub{display: none !important;}

  .col-md-12 h2 {
   text-align:center;
   position:relative;
   left:8vw;
   top:-45vh;
   width:100%;
   font-size:140%;
   margin-bottom:-40vh;
  }
  
  .col-md-12 p{
   text-align:left;
   font-size:120%;}
  
  .col-md-12 {
   width:100vw;
  background:white;
  text-align:center;
  margin:0px;
  position:relative;
  top:-15vh;

  }
  

 .carbon {
    padding-left:10px;
}
 
.frontpage-content {
  position: absolute;
  text-align:center;
  top: 10vh;
  z-index: 500;
  left: 0vh;
  width: 100%;
  overflow: visible;
}

.frontpage-title {
  text-align: center;
  width: 100%;
   position:relative;
 left:0%; 
 top:-35vh; 
}


.homepage_logo {
 position:relative;
 left:-3%; 
 top:-40vh; 
 z-index:500;
width: 100%;
text-shadow: 4px 4px 2px rgba(0,0,0,0.6);}

.strapline {
 width:100%;
 text-align: center;
 position: relative;
 top: -53vh;
 margin-bottom: 0px;
 font-size: 45%;
 opacity: .8;
 display: block;
 text-shadow: 0px 0px 2px rgba(0,0,0,1);
 left:-8vh;
}

.frontpage-content__inner {
  background: rgba(0, 0, 0, 0.0) none repeat scroll 0 0;
}

#buttons {position:absolute;
          top:15vh;
           width:120%;
               z-index:40;
               text-align:center;
               left: -10%;
}

#buttons img {position:relative;
           width:12%; 
           text-align:center;
               padding:0;
}


 .brochure{
  display: inline;
  text-align:center;
  padding: 5px;}
 
 .brochure img{
   width:100%;
 }

 .offer{
  display: inline;
  text-align: center;
  padding: 5px;}
 
  .offer img{
   width:100%;}
   
 .video{
  display: inline;
  text-align: center;
  padding: 5px;}
  
 .video img{
   width:100%;}


}

/* √ ------- XXX-Small devices (portrait phones, 200px to 320px)-------*/

@media 
only screen and (min-width:200px) and (max-width:319.98px) and (orientation:portrait),
   only screen and (min-device-width: 400px) and (max-device-width: 639.98px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {


  .col-md-12::after{content:"\a \a \a \a 1-P";white-space: pre;opacity:1;}
  
  #buttons {
  -webkit-animation: fadeout 5s 5s forwards;
  -moz-animation: fadeout 5s 5s forwards;
  animation: fadeout 5s 5s forwards;
  opacity: 1;
}



#hide {display: none !important;}

.minisub{display: none;}

  .col-md-12 h2 {
   text-align:center;
   position:relative;
   left:4vw;
   top:-30vh;
   width:100%;
   font-size:140%;
   margin-bottom:-32vh;
  }
  
  .col-md-12 p{
   text-align:left;
   font-size:120%;}
  
  .col-md-12 {
   width:100vw;
  background:white;
  text-align:center;
  margin:0px;
  position:relative;
  top:-9vh;

  }
  

 .carbon {
    padding-left:10px;
}
 
.frontpage-content {
  position: absolute;
  text-align:center;
  top: 10vh;
  z-index: 500;
  left: 0vh;
  width: 100%;
  overflow: visible;
}

.frontpage-title {
  text-align: center;
  width: 100%;
   position:relative;
 left:0%; 
 top:-10vh; 
}


.homepage_logo {
 position:relative;
 left:0%; 
 top:-40vh; 
 z-index:500;
width: 100%;
text-shadow: 4px 4px 2px rgba(0,0,0,0.6);}

.strapline {
 width:100%;
 text-align: center;
 position: relative;
 top: -45vh;
 margin-bottom: 0px;
 font-size: 70%;
 opacity: .8;
 display: block;
 text-shadow: 0px 0px 2px rgba(0,0,0,1);
 left:-2vh;
}

.frontpage-content__inner {
  background: rgba(0, 0, 0, 0.0) none repeat scroll 0 0;
}

#buttons {position:absolute;
          top:10vh;
           width:100%;
               z-index:40;
               text-align:center;
               left: 0%;
               display: flex;
               flex-direction: column;
               justify-content: center;
}

#buttons img {position:relative;
           width:22%; 
           text-align:center;
               padding:0;
}

 .brochure{
  display: inline;
  text-align:center;
  padding: 5px;}
 
 .brochure img{
   width:18%;
 }

 .offer{
  display: inline;
  text-align: center;
  padding: 5px;}
 
  .offer img{
   width:18%;}
   
 .video{
  display: inline;
  text-align: center;
  padding: 5px;}
  
 .video img{
   width:18%;}


}

/* √ ------- XXX-Small devices (portrait phones, 200px to 320px)-------*/

@media 
only screen and (min-width:200px) and (max-width:319.98px) and (orientation:landscape),
   only screen and (min-device-width: 400px) and (max-device-width: 639.98px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2) {



  .col-md-12::after{content:"\a \a \a \a 1-L";;white-space: pre;opacity:1;}
  
  #buttons {
  -webkit-animation: fadeout 5s 5s forwards;
  -moz-animation: fadeout 5s 5s forwards;
  animation: fadeout 5s 5s forwards;
  opacity: 1;
}



#hide {display: none !important;}

.minisub{display: none !important;}

  .col-md-12 h2 {
   text-align:center;
   position:relative;
   left:8vw;
   top:-45vh;
   width:100%;
   font-size:140%;
   margin-bottom:-40vh;
  }
  
  .col-md-12 p{
   text-align:left;
   font-size:120%;}
  
  .col-md-12 {
   width:100vw;
  background:white;
  text-align:center;
  margin:0px;
  position:relative;
  top:-15vh;

  }
  

 .carbon {
    padding-left:10px;
}
 
.frontpage-content {
  position: absolute;
  text-align:center;
  top: 10vh;
  z-index: 500;
  left: 0vh;
  width: 100%;
  overflow: visible;
}

.frontpage-title {
  text-align: center;
  width: 100%;
   position:relative;
 left:0%; 
 top:-35vh; 
}


.homepage_logo {
 position:relative;
 left:-3%; 
 top:-40vh; 
 z-index:500;
width: 100%;
text-shadow: 4px 4px 2px rgba(0,0,0,0.6);}

.strapline {
 width:100%;
 text-align: center;
 position: relative;
 top: -53vh;
 margin-bottom: 0px;
 font-size: 45%;
 opacity: .8;
 display: block;
 text-shadow: 0px 0px 2px rgba(0,0,0,1);
 left:-8vh;
}

.frontpage-content__inner {
  background: rgba(0, 0, 0, 0.0) none repeat scroll 0 0;
}

#buttons {position:absolute;
          top:3vh;
           width:120%;
               z-index:40;
               text-align:center;
               left: -10%;
}

#buttons img {position:relative;
           width:12%; 
           text-align:center;
               padding:0;
}


 .brochure{
  display: inline;
  text-align:center;
  padding: 2px;}
 
 .brochure img{
   width:100%;
 }

 .offer{
  display: inline;
  text-align: center;
  padding: 2px;}
 
  .offer img{
   width:100%;}
   
 .video{
  display: inline;
  text-align: center;
  padding: 2px;}
  
 .video img{
   width:100%;}


}


/* -------√ XX-Small devices (portrait phones, less than 480px)-------*/

@media 

   only screen and (min-width:320px) and (max-width:479.98px) and (orientation:portrait),
   only screen and (min-device-width: 640px) and (max-device-width: 959.98px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {


.col-md-12::after{content:"\a \a \a \a 2-P";white-space: pre;opacity:1;}


  #buttons {
  -webkit-animation: fadeout 5s 5s forwards;
  -moz-animation: fadeout 5s 5s forwards;
  animation: fadeout 5s 5s forwards;
  opacity: 1;
}


.site-content__main .container {
  width: 100vw;
	position:relative;
	top:125px;
	padding:0px 25px 30px 25px;
	margin-top: -5px;
	margin-bottom: 300px;
}

#render_title_container.title {
  font-size:14pt;
  font-weight: 100;
  color:black;
  position: relative;
  border: 0 solid;
  left:-10vw;
  top:-12vh;
}

.review_sub {
  font-size:15px;
  text-align:center;
  position:relative;
  left:-10vw;
  top: -13vh;
  text-align: center;
}

._title
{
color:#717171;
font-size:18pt;
font-weight: bold;
}

._parent {
  border-bottom: 1px black;
  margin: 1rem;
  padding: 1rem 1rem;
  text-align: center;
  width: 142%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  left: -8vw;
}

._left {
  position: relative;
  width: 66%;
  display: block;
  padding: 1rem 1rem;
  vertical-align: middle;
clear:both;
}


._left img{
  position: relative;
  width: 500%;
  display: block;
clear:both;
}

._right {
  width: 33%;
  display: block;
  padding: 1rem 1rem;
  vertical-align: middle;
  text-align: left;
  left: -4vw;
  clear: left;
  }

#virtual_p {position:relative; left:0px;margin-top:48vh;}

#virtual_iframe {position:relative; left:-12px; right:0px;       min-width: 100%; 
        width: 100px;
        *width: 100%; 
display:block;}

#virtual_menu {width:100%; text-align:center; margin-top:-20vh;font-size:90%;padding-bottom:8vh;}

#hide {display: none !important;}

#floatmap {opacity:1; text-align:center; position:relative; margin-top:-5vh;padding-bottom:15vh;display:block;}

#floatmap img {width:90%;}

#minisub{display: none !important;}

  .col-md-12 h2 {
   text-align:center;
   position:relative;
   left:4vw;
   top:4vh;
   width:99%;
   font-size:150%;
   margin-bottom:7vh;
  }
  
  .col-md-12 p{
   text-align:left;
   font-size:120%;}
  
  .col-md-12 {
   width:100vw;
  background:white;
  text-align:center;
  margin:0px;
  position:relative;
  top:9vh;

  }
  

 .carbon {
    padding-left:10px;
}
 
.frontpage-content {
  position: absolute;
  text-align:center;
  top: 10vh;
  z-index: 500;
  left: 0vh;
  width: 100%;
  overflow: visible;
}

.frontpage-title {
  text-align: center;
  width: 100%;
   position:relative;
 left:0%; 
 top:-10vh; 
}


.homepage_logo {
 position:relative;
 left:0%; 
 top:-15vh; 
 z-index:500;
width: 100%;
text-shadow: 4px 4px 2px rgba(0,0,0,0.6);}

.strapline {
 width:100%;
 text-align: center;
 position: relative;
 top: -15vh;
 margin-bottom: 0px;
 font-size: 100%;
 opacity: .8;
 display: block;
 text-shadow: 0px 0px 2px rgba(0,0,0,1);
 left:-2vh;
}

.frontpage-content__inner {
  background: rgba(0, 0, 0, 0.0) none repeat scroll 0 0;
}

#buttons {position:absolute;
          top:18vh;
           width:100%;
               z-index:40;
               text-align:center;
               left: 0%;
               display: flex;
               flex-direction: column;
               justify-content: center;
}

#buttons img {position:relative;
           width:30%; 
           text-align:center;
               padding:0;
}

 .brochure{
  display: inline;
  text-align:center;
  padding: 5px;}
 
 .brochure img{
   width:18%;
 }

 .offer{
  display: inline;
  text-align: center;
  padding: 5px;}
 
  .offer img{
   width:18%;}
   
 .video{
  display: inline;
  text-align: center;
  padding: 5px;}
  
 .video img{
   width:18%;}

.funded_logos {display:none;}
.funded_logos2 {display:none;}
.funded_logos3 {display:inline-block;}
.reardon {
  margin-left:-1vw;
  width:85%;
}

     
   }



/* -------√ XX-Small devices (landscape phones, less than 480px)-------*/

@media 
   only screen and (min-width:320px) and (max-width:785.98px) and (orientation:landscape),
   only screen and (min-device-width: 320px) and (max-device-width: 785.98px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2) {


  .col-md-12::after{content:"\a \a \a \a 2-L";;white-space: pre;opacity:1;}

  #buttons {
  -webkit-animation: fadeout 5s 5s forwards;
  -moz-animation: fadeout 5s 5s forwards;
  animation: fadeout 5s 5s forwards;
  opacity: 1;
}

#hide {display: none !important;}

#minisub{display: none !important;}

  .col-md-12 h2 {
   text-align:center;
   position:relative;
   left:4vw;
   top:4vh;
   width:99%;
   font-size:150%;
   margin-bottom:7vh;
  }
  
  .col-md-12 p{
   text-align:left;
   font-size:120%;}
  
  .col-md-12 {
   width:100vw;
  background:white;
  text-align:center;
  margin:0px;
  position:relative;
  top:9vh;

  }
  

 .carbon {
    padding-left:10px;
}
 
.frontpage-content {
  position: absolute;
  text-align:center;
  top: 10vh;
  z-index: 500;
  left: 0vh;
  width: 100%;
  overflow: visible;
}

.frontpage-title {
  text-align: center;
  width: 100%;
   position:relative;
 left:0%; 
 top:-10vh; 
}


.homepage_logo {
 position:relative;
 left:0%; 
 top:-40vh; 
 z-index:500;
width: 50%;
text-shadow: 4px 4px 2px rgba(0,0,0,0.6);}

.strapline {
 width:100%;
 text-align: center;
 position: relative;
 top: -45vh;
 margin-bottom: 0px;
 font-size: 100%;
 opacity: .8;
 display: block;
 text-shadow: 0px 0px 2px rgba(0,0,0,1);
 left:-2vh;
}

.frontpage-content__inner {
  background: rgba(0, 0, 0, 0.0) none repeat scroll 0 0;
}

#buttons {position:absolute;
          top:22vh;
           width:65%;
               z-index:40;
               text-align:center;
               left: 18%;

}

#buttons img {position:relative;
           width:27%; 
           text-align:center;
               padding:0 10px 0 10px;
}



 .brochure{
  display: inline;
  text-align:center;
  padding: 5px;}
 
 .brochure img{
   width:100%;
 }

 .offer{
  display: inline;
  text-align: center;
  padding: 5px;}
 
  .offer img{
   width:100%;}
   
 .video{
  display: inline;
  text-align: center;
  padding: 5px;}
  
 .video img{
   width:100%;}

.funded_logos {display:none;}
.funded_logos2 {display:none;}
.funded_logos3 {display:inline-block;}
.reardon {
  margin-left:-1vw;
  width:85%;
}

}



/* -------√ X-Small devices (portrait phones, less than 576px)-------*/
@media screen and (min-width:480px) and (max-width:599.98px) and (orientation:portrait) {


  .col-md-12::after{content:"\a \a \a \a 3-P";white-space: pre;opacity:1;}

  #buttons {
  -webkit-animation: fadeout 5s 5s forwards;
  -moz-animation: fadeout 5s 5s forwards;
  animation: fadeout 5s 5s forwards;
  opacity: 1;
}

#hide {display: none !important;}

  .col-md-12 h2 {
   text-align:center;
   position:relative;
   left:5vw;
   top:15vh;
   width:99%;
   font-size:180%;
   margin-bottom:1vh;
  }
  
  .col-md-12 p{
   text-align:left;
   font-size:150%;}
  
  .col-md-12 {
   width:98.5vw;
  background:white;
  text-align:center;
  margin:4px;
  }
  

 .carbon {
    padding-left:10px;
}
 
.frontpage-content {
  position: absolute;
  text-align:center;
  top: 10vh;
  z-index: 500;
  left: 0vh;
  width: 100%;
  overflow: visible;
}

.frontpage-title {
  text-align: center;
  width: 100%;
   position:relative;
 left:0%; 
 top:-10vh; 
}

.homepage_logo {
 position:relative;
 left:0%; 
 top:-10vh; 
 z-index:500;
width: 100%;
text-shadow: 4px 4px 2px rgba(0,0,0,0.6);}

.strapline {
 width:100%;
 text-align: center;
 position: relative;
 top: -12vh;
 margin-bottom: 0px;
 font-size: 100%;
 opacity: .8;
 display: block;
 text-shadow: 0px 0px 2px rgba(0,0,0,1);
 left:-2vh;
}

.frontpage-content__inner {
  background: rgba(0, 0, 0, 0.0) none repeat scroll 0 0;
}

#buttons {position:absolute;
          top:30vh;
           width:100%;
               z-index:40;
               text-align:center;
               left: 0%;
               display: flex;
               flex-direction: column;
               justify-content: center;
}

#buttons img {position:relative;
           width:30%; 
           text-align:center;
               padding:0;
}

 .brochure{
  display: inline;
  text-align:center;
  padding: 5px;}
 
 .brochure img{
   width:18%;
 }

 .offer{
  display: inline;
  text-align: center;
  padding: 5px;}
 
  .offer img{
   width:18%;}
   
 .video{
  display: inline;
  text-align: center;
  padding: 5px;}
  
 .video img{
   width:18%;}


}

/* √ Small devices (landscape phones, less than 768px)*/
@media screen and (min-width:600px) and (max-width:767.98px) and (orientation:portrait) {


  .col-md-12::after{content:"\a \a \a \a 4-P";white-space: pre;opacity:1;}

  #buttons {
  -webkit-animation: fadeout 5s 5s forwards;
  -moz-animation: fadeout 5s 5s forwards;
  animation: fadeout 5s 5s forwards;
  opacity: 1;
}

#hide {display: none !important;}

  .col-md-12 h2 {
   text-align:center;
   position:relative;
   left:5vw;
   top:-32vh;
   width:96%;
   font-size:250%;
   margin-bottom:1vh;
  }
  
  .col-md-12 p{
   text-align:left;
   font-size:200%;}
  
  .col-md-12 {
   width:96vw;
  background:white;
  text-align:center;
  margin:5vw;
  }
  

 .carbon {
    padding-left:10px;
}
 
.frontpage-content {
  position: absolute;
  text-align:center;
  top: 10vh;
  z-index: 500;
  left: 0vh;
  width: 100%;
  overflow: visible;
}

.frontpage-title {
  text-align: center;
  width: 100%;
   position:relative;
 left:0%; 
 top:-10vh; 
}

.homepage_logo {
 position:relative;
 left:0%; 
 top:0vh; 
 z-index:500;
width: 100%;
text-shadow: 4px 4px 2px rgba(0,0,0,0.6);}

.strapline {
 width:100%;
 text-align: center;
 position: relative;
 top: -2vh;
 margin-bottom: 0px;
 font-size: 100%;
 opacity: .8;
 display: block;
 text-shadow: 0px 0px 2px rgba(0,0,0,1);
 left:-2vh;
}

.frontpage-content__inner {
  background: rgba(0, 0, 0, 0.0) none repeat scroll 0 0;
}

#buttons {position:absolute;
          top:40vh;
           width:100%;
               z-index:40;
               text-align:center;
               left: 0%;
               display: flex;
               flex-direction: column;
               justify-content: center;
}

#buttons img {position:relative;
           width:40%; 
           text-align:center;
               padding:0;
}

 .brochure{
  display: inline;
  text-align:center;
  padding: 5px;}
 
 .brochure img{
   width:18%;
 }

 .offer{
  display: inline;
  text-align: center;
  padding: 5px;}
 
  .offer img{
   width:18%;}
   
 .video{
  display: inline;
  text-align: center;
  padding: 5px;}
  
 .video img{
   width:18%;}

}

/* Medium devices (tablets, less than 992px)*/
@media screen and (min-width:768px) and (max-width:991.98px) and (orientation:portrait) {


  .col-md-12::after{content:"\a \a \a \a 5-P";white-space: pre;opacity:1;}

  #buttons {
  -webkit-animation: fadeout 5s 5s forwards;
  -moz-animation: fadeout 5s 5s forwards;
  animation: fadeout 5s 5s forwards;
  opacity: 1;
}

#hide {display: none !important;}

  .col-md-12 h2 {
   text-align:center;
   position:relative;
   left:3vw;
   top:-45vh;
   width:98%;
   font-size:300%;
   margin-bottom:-45vh;
  }
  
  .col-md-12 p{
   text-align:left;
   font-size:220%;}
  
  .col-md-12 {
   width:96vw;
  background:white;
  text-align:center;
  margin:4vw;
  }
  

 .carbon {
    padding-left:10px;
}
 
.frontpage-content {
  position: absolute;
  text-align:center;
  top: 10vh;
  z-index: 500;
  left: 0vh;
  width: 100%;
  overflow: visible;
}

.frontpage-title {
  text-align: center;
  width: 100%;
   position:relative;
 left:0%; 
 top:-10vh; 
}

.homepage_logo {
 position:relative;
 left:0%; 
 top:0vh; 
 z-index:500;
width: 100%;
text-shadow: 4px 4px 2px rgba(0,0,0,0.6);}

.strapline {
 width:100%;
 text-align: center;
 position: relative;
 top: -2vh;
 margin-bottom: 0px;
 font-size: 180%;
 opacity: .8;
 display: block;
 text-shadow: 0px 0px 2px rgba(0,0,0,1);
 left:-2vh;
}

.frontpage-content__inner {
  background: rgba(0, 0, 0, 0.0) none repeat scroll 0 0;
}

#buttons {position:absolute;
          top:30vh;
           width:100%;
               z-index:40;
               text-align:center;
               left: 0%;
               display: flex;
               flex-direction: column;
               justify-content: center;
}

#buttons img {position:relative;
           width:30%; 
           text-align:center;
               padding:0;
}

 .brochure{
  display: inline;
  text-align:center;
  padding: 5px;}
 
 .brochure img{
   width:18%;
 }

 .offer{
  display: inline;
  text-align: center;
  padding: 5px;}
 
  .offer img{
   width:18%;}
   
 .video{
  display: inline;
  text-align: center;
  padding: 5px;}
  
 .video img{
   width:18%;}

}

/*-------Large devices (desktops, less than 1200px)-------*/
@media screen and (min-width:992px) and (max-width: 1199.98px) and (orientation:portrait) {
  
    .col-md-12::after{content:"\a \a \a \a 6-P";white-space: pre;opacity:1;}

  .col-md-12 h2 {
   text-align:center;
   position:relative;
   top:0vh;
   width:100%;
   font-size:100%;
   margin-bottom:0vh;
  }
  
  .col-md-12 p{
   text-align:left;
   font-size:100%;}
  
  .col-md-12 {
  text-align:center;
  margin:0vw;
  }
  

 .carbon {
    padding-left:10px;
}
 
.frontpage-content {
  position: absolute;
  text-align:center;
  top: 10vh;
  z-index: 500;
  left: 0vh;
  width: 100%;
  overflow: visible;
}

.frontpage-title {
  text-align: center;
  width: 100%;
   position:relative;
 left:0%; 
 top:-10vh; 
}

.homepage_logo {
 position:relative;
 left:0%; 
 top:0vh; 
 z-index:500;
width: 100%;
text-shadow: 4px 4px 2px rgba(0,0,0,0.6);}

.strapline {
 width:100%;
 text-align: center;
 position: relative;
 top: -2vh;
 margin-bottom: 0px;
 font-size: 180%;
 opacity: .8;
 display: block;
 text-shadow: 0px 0px 2px rgba(0,0,0,1);
 left:-2vh;
}

.frontpage-content__inner {
  background: rgba(0, 0, 0, 0.0) none repeat scroll 0 0;
}

#buttons {position:absolute;
          top:30vh;
           width:100%;
               z-index:40;
               text-align:center;
               left: 0%;
               display: flex;
               flex-direction: column;
               justify-content: center;
}

#buttons img {position:relative;
           width:30%; 
           text-align:center;
               padding:0;
}

 .brochure{
  display: inline;
  text-align:center;
  padding: 5px;}
 
 .brochure img{
   width:18%;
 }

 .offer{
  display: inline;
  text-align: center;
  padding: 5px;}
 
  .offer img{
   width:18%;}
   
 .video{
  display: inline;
  text-align: center;
  padding: 5px;}
  
 .video img{
   width:18%;}
  
}

/* X-Large devices (large desktops, less than 1400px)*/
@media screen and (max-width: 1399.98px) {
    .col-md-12::after{content:"\a \a \a \a 6-P";white-space: pre;opacity:0;}
}

/* XX-Large devices (larger desktops)
// No media query since the xxl breakpoint has no upper bound on its width*/