body { font-family: 'Roboto', sans-serif;
background:#fff;}

.tshadow { text-shadow:#ffffff 2px 2px 3px;}
.dshadow { text-shadow: 2px 2px 9px #1a2b08;}

.header { background:#fbfcfc;  color:#000; 

    padding-top:3px; padding-bottom:3px;
}

.phone { font-weight:bold; color:#000;  font-family: 'Roboto', sans-serif;}


.homepic {
background:url(../images/Premier-Glass-Porch-Enclosure.jpg) top center fixed; 
background-size:cover;}
.poolpic {
background:url(../images/home-pool-alc.jpg) top center fixed; 
background-size:cover; height:520px;}
.lblback { padding: 24px 0px 32px 0px;
   
    margin-top: -18px;
background: rgb(100,155,250);
background: linear-gradient(180deg, rgba(100,155,250,1) 0%, rgba(255,255,255,1) 100%);}
.testback { background:url(../images/black-photo-back.jpg) top center fixed; background-size:cover; padding:60px 0px; color:#fff;}
.paintback { background:url(../images/paintroller.jpg) top center no-repeat #9fcfe6;  padding:60px 0px; }

.yellow { color: #FFCA57;}
.gbg { background:#ada9a9; padding:60px 0px 60px 0px;}
.bump { font-size:1.2em;}

.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
.w3-animate-fading{animation:fading 10s;}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}

.wfbg { background:#fff; border-radius: 40px; padding:10px;}
.white-bg { background:#fff; padding:60px 0px 60px 0px;}
.black-bg { background:#111; color: #FFCA57; padding:60px 0px 60px 0px;}
.test { background:#2ea1dd; padding:34px; margin:12px; font-size: 1.1em; box-shadow:#222 2px 2px 6px 2px;}
.testimonial{background:#eaeedd; color:#1e371a; border:#bac1a4 1px solid; padding:30px; margin:24px 12px; box-shadow:#d8e0bb 2px 2px 6px 2px;}

.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='2 1 29 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); float: left; margin-top: 10px; } 

.navbar-toggler { background:#ffffff; padding-left:9px;}

.btn-home{color:#ffffff;background-color:#303030; padding:4px 26px 12px 26px; font-size:1.2em; border-radius:2px; font-weight:bold;   }
.btn-home:focus,.btn-home:hover{color:#ffffff;background-color:#58708a; }
.btn-home.active{color:#fff;background-color:#58708a;}
.navbarback {background:#d31d2e; padding:0px; }

@media (max-width:575.98px){.title { font-size:1.9em; margin-top:20px;}
.hours { color:#fff; font-size:1.1em; text-align:center; margin:15px 2px 15px 2px; }
.phone {  margin:4px 0px 4px 0px; font-size:1.5em;}
.slogan { text-align:center; margin-top:0px; }
#btn {  font-size:1.2em;} 
.homebox { padding-top:0px;}
.homepic { height:auto;}
.buffer { height:180px;}
.serviceareapic { height:200px; }
    .paintback { background:#9fcfe6;  padding:60px 0px; }

.mbuff { height:180px;}
 .desk { display:none;}
    .mobi { display:block;}}
@media (min-width:576px){ 
.slogan
{	font-size:1.2em;
margin-top:10px;	
}
.buffer { height:180px;}
#btn {  font-size:.9em;}
.phone { font-size:1.6em; margin:4px 0px 4px 0px;}
.title { font-size:1.5em; margin-top:6px;}
.homebox { padding-top:1px;}
.homepic { height:auto;}
.serviceareapic { height:250px; }
 .desk { display:none;}
    .mobi { display:block;}
 .mbuff { height:173px;}
    .paintback { background:#9fcfe6;  padding:60px 0px; }

}
@media (min-width:740px){ 
.slogan
{	font-size:1.4em;
margin-top:10px;	
}
#btn {  font-size:1em;}
.buffer { height:170px;}
.title { font-size:1.5em; margin-top:6px;}
.phone { font-size:1.2em; margin:4px 2px 2px 2px;}
.homebox{  padding-top:1px;}
.homepic { height:auto;}
.serviceareapic { height:300px; }
 .desk { display:none;}
    .mobi { display:block;}
 .mbuff { height:0px;}
    .paintback { background:#9fcfe6;  padding:60px 0px; }

}

@media (min-width:992px){
.slogan
{	font-size:1.6em;
margin-top:10px;	
}
    .paintback { background:url(../images/paintroller.jpg) top center no-repeat #9fcfe6;  padding:60px 0px; }

#btn {  font-size:1.2em;}
.title { font-size:1.8em; margin-top:10px;}
.buffer { height:120px;}
.phone { font-size:1.4em; margin:8px 2px 2px 2px;}
.homepic { height:auto;}
.homebox {  padding-top:1px;}
.serviceareapic { height:400px; }
.padh { height:210px;}
 .desk { display: block;}
    .mobi { display:none;}
.mbuff { height:0px;}
}
@media (min-width:1200px){
.slogan
{	font-size:1.8em;
margin-top:15px;	
}
    .paintback { background:url(../images/paintroller.jpg) top center no-repeat #9fcfe6;  padding:60px 0px; }

#btn {  font-size:1.2em;}
.title { font-size:1.9em; margin-top:20px;}
.buffer { height:120px;}
    .mbuff { height:0px;}
.phone {  font-size:1.7em; margin:18px 2px 2px 2px;}
.homebox { padding-top:2px;}
.homepic { height:auto;}
.serviceareapic { height:510px; }
.padh { height:190px;}
    .desk { display: block;}
    .mobi { display:none;}
}

.nav-link:link,.nav-link:visited{color:#00459b; background:#fff; }

.nav-link:focus,.nav-link:hover{text-decoration:none;  color:#0055a5; background-color:none; padding-left:1px; padding-right:10px; width:88%; }

@media (max-width:575.98px){.nav-link{ text-align:left;  }
.nav-item{ margin-top:0px; padding-left:10px; padding-right:10px;}
    .nav-link:focus,.nav-link:hover{ padding-left:10px; padding-right:10px; }
}
@media (min-width:576px){ .nav-link{display:block;  text-align:left;  }
.nav-item{ margin-top:0px; padding-left:0px; padding-right:0px; }
      .nav-link:focus,.nav-link:hover{ padding-left:1px; padding-right:10px;  }
}
@media (min-width:740px){ .nav-link{display:block; text-align:left;  }
.nav-item{ margin-top:0px; padding-left:0px; padding-right:0px; }
      .nav-link:focus,.nav-link:hover{ padding-left:1px; padding-right:10px;  }
}

@media (min-width:992px){.nav-link{display:block; text-align:center;  }
.nav-item{ margin-top:0px; padding-left:0px; padding-right:0px;}
}
@media (min-width:1200px){.nav-link{display:block;   text-align:center;  }
.nav-item{ margin-top:0px; padding-left:4px; padding-right:4px;}
   }


a:link {
	text-decoration: none;
	color:#001349;
}
a:visited {
	text-decoration: none;
    color:#001349;
}
a:hover {
	text-decoration: none;
    color:#001349;
}
a:active {
	text-decoration:none;
    color:#001349;
}	


.hb{color:#445274;background-color:#f9e84d; padding:10px 14px 12px 14px; margin:10px; font-size:1.2em;   }
.hb:focus,.hb:hover{color:#fff;background-color:#f9c400; }
.hb.active{color:#fff;background-color:#f9c400; border-color:#f9e84d;}

p { font-size:1.1em;}

hr {border-top: 1px solid #000000;}


h1 { color:#00459b; font-size:2.8em; line-height: 1em; font-weight:900; }
h2 { font-size:2.2em; color:#0055a5; margin-bottom:18px; }
h3 { color:#111111;  font-size:1.7em; font-weight:bold; }
h4 { color:#222222; font-weight:normal; font-size:1.3em; text-align:left; margin-top:10px; margin-bottom:18px;}

.bar { background:#649bfa;  height:2px; width:60%; alignment-adjust:middle; margin:20px 0px;}

.feat
{
	border-radius:20px;
	margin:5px;
	padding:50px 18px 20px 18px;
	background: rgb(210,29,46); /* Old browsers */
background: -moz-linear-gradient(top, rgba(210,29,46,1) 0%, rgba(169,3,41,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(210,29,46,1) 0%,rgba(169,3,41,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(210,29,46,1) 0%,rgba(169,3,41,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d21d2e', endColorstr='#a90329',GradientType=0 );
	border:2px solid #a90329;
	font-size:1.1em;
	font-weight:normal;
	color:#fff;
	text-align:left;
}





.homebox {
            animation: fadeInAnimation ease 2s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
        }
        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
				margin-top:40px;
            }
            100% {
				margin-top:10px;
                opacity: 1;
            }
        }
		
.homeboxback { background:none; color:#fff;  padding:40px; margin:20px; text-align:center; height:400px; max-width:1200px;}
@media (max-width:575.98px){.homeboxback { background:none; }}
@media (min-width:576px){.homeboxback { background:none; }}
@media (min-width:768px){.homeboxback { background:none; }}
@media (min-width:992px){.homeboxback { background:none; }}
@media (min-width:1200px){.homeboxback { background:none; }}


.boxout {border-radius:12px; background:#C00; padding:12px; font-size:2em; color:#fff; text-align:center; font-family: 'Roboto', sans-serif;}
.logom { margin-bottom:8px;}


#footer {background:#111111;
padding:40px 0px 6px 0px; color:#fff;}


#footer a:link, #footer a:visited, #footer a:active {
	color:#fff;
	
	text-decoration:none;
}
#footer a:hover {
	color:#eee;
}

#fphone {  font-size:1.2em; margin:18px 2px 2px 2px;}

#cwr {
	margin:0 auto;
	background-color:none;
	color:#ccc;
	background:#111;
	text-align:center;
	font-size:.7em;
}


.containerhb {
  position: relative;
  width:100%;
}

.imagehb {
  display: block;
  width: 100%;
  height: auto;
}

.overlayhb {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity:1;
  transition: .5s ease;
 background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,0) 45%, rgba(47,69,22,0.6756827731092436) 100%);
}

.containerhb:hover .overlayhb {
    background: #2f4516;
  opacity:.9;
}

.texthb {
  color: white;
  font-size: 2em;
    line-height: 1em;
    font-weight: bold;
  position: absolute;
    font-family:"Chonburi", serif;
  top:80%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

p{ font-size: 1.1em;}


ul { list-style:url(../images/sul.png); font-size:1.2em; line-height:1.2em;}
.whul { list-style:url(../images/blue.png); font-size:1.3em; color:#fff; line-height:1.2em;}
.bul { list-style:url(../images/ful.png); font-size:1.1em;  line-height:1.3em;}
.hbox{
	border-radius:16px;
    font-size:1.8em;
    font-weight:bold;
    text-align: center;
	color:#ed7e31;
	margin:10px;
	background:#000;
	padding:9px 16px;
}
	

.blueborder{border:#0055a5 9px solid;}
.bborder {border-top:#00459b 1px solid;}


#btn {
 background:#e59435;
  border-radius:2px;
  font-size:1.4em;
  color:#fff;
  font-weight:bold;
  margin:10px 13px;
  padding: 14px 26px 14px 26px;
  text-align:center;
  text-decoration: none;
}

#btn:hover {
  background:#d5691e;
  color:#ffffff;
  text-decoration: none;
      -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}



#btnc {
    
    line-height:1.2em;
    
     background:#d1a617;
    color:#ffffff;
    font-weight:bold;
    text-align:center;
    text-decoration: none;
}


#btnc:hover {
 background:#d99873;
  color:#ffffff;
  text-decoration: none;
   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}




#btnh {
  background:#0055a5;
  color:#ffffff;
  
    font-size:.9em;
    line-height: 1em;
  font-weight:bold;
  margin:10px 0px 0px 0px;
  padding:10px 3px 14px 3px;
  max-width:620px;
  text-align:center;
  text-decoration: none;
    z-index: 999999;
    opacity:1;
}


#btnh:hover {
  background:#00459b;
  color:#ffffff;
  text-decoration: none;
   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

.button {
  padding: 6px 12px 10px 12px;
  font-size:1.1em;
  font-family:'Bitter', serif;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #e74439;
  border: none;
  border-radius: 5px;
  box-shadow: 0 7px #500f0b;
  width:96%;
  margin-left:4px;
  margin-bottom:12px;
}

.button:hover {background-color: #97251e;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;}

.button:active {
  background-color: #97251e;
  box-shadow: 0 2px #500f0b;
  transform: translateY(4px);
}

.full { width:100%;}
.nopad { margin:0px; padding:0px;}



header {
  position: fixed;z-index: 999999;
  top: 0;
  width: 100%;
  padding: 15px 20px;
  background-color: rgba(255, 255, 255, .8);
  transition: background-color 0.5s, padding 1s;
}

header.sticky {
  background-color: rgba(255, 255, 255, 1);
  padding: 0px 10px ;
}

.contenth {
  height: 100vh;
  margin-top: 30px;
}


.wow {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
  -moz-transform: translate(0, 50px);
  -ms-transform: translate(0, 50px);
  transform: translate(0, 50px);
  -webkit-transition: opacity .6s .1s,transform .6s ease;
  transition: opacity .6s .1s,transform .6s ease;
  transition-delay: 0ms;
}

.wow-in-view {
  opacity: 1!important;
  -webkit-transform: translate(0,0)!important;
  -moz-transform: translate(0,0)!important;
  -ms-transform: translate(0,0)!important;
  transform: translate(0,0)!important;
}

@media (max-width:575.98px){ .slideover {z-index:888888; width:100%; position:absolute; padding-top:10px;}
#btnh {
  font-size:.9em;  margin-top:-20px;}
 .htext {  font-size:.7em; line-height: 1em;}  
#btnc {
    margin:0px 0px 0px 0px;
    padding:4px 0px 4px 0px;
   
    line-height:1em;}
}
@media (min-width:576px){ .slideover {z-index:888888; width:100%; position:absolute; padding-top:10px;}
#btnh {
  font-size:.6em;  margin-top:-20px;}
.htext { line-height: 1.2em; font-size: 2rem;}      
#btnc {
    margin:0px 0px 0px 0px;
    padding: 4px 0px 4px 0px;
   
    line-height:1.2em;}
}
@media (max-width: 767px) { 

.one { display:none;}
.two { display:none;}
.three { display:none;}
.four { display:block;}
#btnh {
  font-size:.6em;  margin-top:-20px;}
  .slideover {z-index:888888; width:100%; position:absolute; padding-top:130px;}
.headerlogo { margin-top:1px;  max-width:160px;}
 .descriptbox { padding:20px 12px;}
.htext {  font-size:2.4rem;}  
#btnc {
    margin:0px 0px 0px 0px;
    padding: 12px 20px 12px 20px;
    
    max-width: 200px;
    line-height:1.2em;}
}
 

@media (min-width: 768px) { 
.one { display:none;}
.two { display:none;}
.three { display:block;}
.four { display:none;}
#btnh {
  font-size:.7em;  margin-top:-25px;}
.slideover {z-index:888888; width:100%; position:absolute; padding-top:190px;}
.headerlogo { margin-top:1px; max-width:160px;}
.descriptbox { padding:20px 12px; max-width: 380px;}
.htext {  font-size:3rem;}  
#btnc {
    max-width: 220px;
    margin:0px 0px 0px 0px;
    padding: 12px 0px 12px 0px;
    font-size:1.1em;
    line-height:1.2em;}

}

@media (min-width: 992px) { 
.one { display:none;}
.two { display:block;}
.three { display:none;}
.four { display:none;} 
.slideover {z-index:888888; width:100%; position:absolute; padding-top:220px;}
#btnh {
  font-size:.7em;  margin-top:12px;}
.headerlogo { margin-top:5px; max-width:160px;}
.descriptbox { padding:20px 12px; max-width: 310px;} 
.htext {  font-size:3rem;}  
#btnc {
    margin:0px 0px 0px 0px;
    padding: 12px 0px 12px 0px;
    font-size:.9em;
    line-height:1.2em;}
}

@media (min-width: 1200px) { 
.one { display:block;}
.two { display:none;}
.three { display:none;}
.four { display:none;}

#btnc {
    margin:0px 0px 0px 0px;
    padding: 12px 0px 12px 0px;
    font-size:1.1em;
    line-height:1.2em;}
    
.slideover {z-index:888888; width:100%; position:absolute; padding-top:270px; padding-bottom: 0px; height: auto;}   
#btnh {
  font-size:.7em;  margin-top:12px;}
.headerlogo { margin-top:0px; max-width:220px;}
    .htext {  font-size:3.1rem;}  
}

@media (min-width: 1500px) { 

#btnc {
    margin:0px 0px 0px 0px;
    padding: 12px 0px 12px 0px;
    font-size:1.1em;
    line-height:1.2em;}
}




.hwrapper {
  /* 
  display: block; 
  since divs' default display value is already block
  */
  height:40rem;
  overflow-y: hidden;
  align-self: start;
    padding-left:1%;}
.slidecover {
  background: rgb(47,69,22);
background: radial-gradient(circle, rgba(47,69,22,0.6756827731092436) 0%, rgba(255,255,255,0) 100%);
}
.htext {
  color: #9D9D9D;
  position: relative;
  animation: slide-up 1.2s;
}
.hbar {
  animation: slide-right 1.4s;
}
.hstext {
  color: #9D9D9D;
  position: relative;
    font-weight: lighter;
  font-size: 2.8rem;
  animation: slide-up 1.8s;
}
.httext {
 
  position: relative;

  animation: slide-up 2.3s;
}
.hsecond {
  color: black;
  top: -1.2rem;
}

@keyframes slide-up {
  from {
    transform: translateY(5rem);
  }
  to {
    transform: translateY(0);
  }
}


@keyframes slide-right {
  from {
    transform: translateX(-5rem);
  }
  to {
    transform: translateX(0);
  }
}

@media (max-width:575.98px){.hstext {font-size:.9rem;} .hwrapper { margin-top:-120px;}  }
@media (min-width:576px){.hstext {font-size:1.2rem;} .hwrapper { margin-top:0px;} }
@media (min-width:768px){.hstext {font-size:1.8rem;} .hwrapper { margin-top:0px;} }
@media (min-width:992px){.hstext {font-size: 2rem;} .hwrapper { margin-top:0px;} }
@media (min-width:1200px){.hstext {font-size: 2.8rem;} .hwrapper { margin-top:0px;}  }





.youtube {
	width:570px;
	height:400px;
	margin:0 auto;
	padding:10px;
}
@media all and (max-width:1000px)
{.youtube
	{
		width:370px;
		height:208px;
	} }
@media all and (max-width:800px)
{.youtube
	{
		width:320px;
		height:180px;
		padding:10px 0;
	} }








#btnf {
 background:#111111;
background-size:100%;
  font-size:1.5em;
  color:#ffffff;
  font-weight:bold;
  padding: 18px 26px 8px 26px;
  text-align:center;
  text-decoration: none;
    margin-top:-7px;
    border-bottom-left-radius: 16px;
 border-bottom-right-radius: 16px; 
}

#btnf:hover {
   background:#111111; 
  color:#ada9a9;
   padding: 14px 26px 12px 26px;
  text-decoration: none;
   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}


.card-title {  background:#00459b;  color:#ffffff; opacity:.9; text-align:center; padding:18px 8px 10px 8px; margin-bottom: 0px;  border-top-left-radius: 16px; border-top-right-radius: 16px;  }
@media (max-width:575.98px){.card-title { font-size:1.4em;  }}
@media (min-width:576px){.card-title { font-size:1.4em; }}
@media (min-width:768px){.card-title { font-size:1.6em;}}
@media (min-width:992px){.card-title { font-size:1.4em; }}
@media (min-width:1200px){.card-title { font-size:1.5em; }}



.containeri {
  position: relative;
 
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:rgba(0, 0, 0, 0.6);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.containeri:hover .overlay {
  height: 100%;
}

.text {
  font-size:1.6em;
  color: white;
  position: absolute;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
    width: 100%;
    padding:20px;
}

.navbard {
  overflow: hidden; margin-top: 12px; opacity: .9;
  background:#abd8bb; border-radius: 20px; max-width:600px;
 
}

.navbard a {
  float: left;
  font-size:1.1em;
  color:#00459b;
  text-align: center;
  padding:14px 35px;
  text-decoration: none;
    background: #abd8bb;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  margin:0px 0px 0px 0px;
   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
		
}

.dropdownd {
  float: left;
  overflow: hidden;
}

.dropdownd .dropbtnd {
  font-size: 1.1em;  
  border: none;
  outline: none;
  color:#00459b;
  padding:14px 35px;
  background-color:#abd8bb;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
  margin: 0;
  
}
.navbard a:hover { 
  color:#649bfa;
  background:none;
 
}

.dropdownd:hover .dropbtnd {
  background-color:none;
  color:#00459b;
  
}

.dropdown-contentd {
  display: none;
  position: absolute;
  background-color:#ada9a9;
  min-width: 160px;
    margin-left: 20px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:99999;
}

.dropdown-contentd a {
  float: none;
   background-color:#ffffff;
  color:#0055a5;
  padding: 12px 16px;
  text-decoration: none;
    font-weight:normal;
  display: block;
  text-align: left;
}

.dropdown-contentd a:hover {
 
    background-color:#ada9a9;
  color:#ffffff;
}

.dropdownd:hover .dropdown-contentd {
  display: block;
}
@media (min-width: 576px) { 
.dropdownd .dropbtnd {
  font-size:.6em;  
  padding: 14px 6px;}
.navbard a {
  font-size:.6em;
  padding: 14px 6px;}
}


@media (min-width: 768px) { 
.dropdownd .dropbtnd {
  font-size:.8em;  
  padding: 14px 15px;}
.navbard a {
  font-size:.8em;
  padding: 14px 15px;}
}

@media (min-width: 992px) { 
.dropdownd .dropbtnd {
  font-size:.9em;  
  padding:8px 16px;}
.navbard a {
  font-size:.9em;
  padding:8px 16px;}
 }

@media (min-width: 1200px) {
	.dropdownd .dropbtnd {
  font-size: 1em;  
  padding:8px 26px;}
.navbard a {
  font-size:1em;
  padding:8px 26px;}

	 }

@media (min-width: 1300px) {
	.dropdownd .dropbtnd {
  font-size: 1em;  
  padding:8px 31px;}
.navbard a {
  font-size:1em;
  padding:8px 31px;}
	 }

#myVideo {
  position: inherit;
  right: 0;
  bottom: 0;
object-fit:cover;
max-height:700px;
width:114%;
    margin-left:-7%;
    overflow: hidden;
}
.vidwrap {width: 100%;}
.vidtext {    font-size:4em; font-weight:600; color:#ffffff; line-height: 1.3em;
    text-shadow:3px 3px 3px #111111;
z-index:888888; margin-top: -500px; margin-bottom:350px;}




@media (max-width:575.98px) { 
    .smbuff{height: 230px;}
      #myVideo {
max-height:250px;
width:114%;
    margin-left:-7%;
    overflow: hidden;
}
.vidtext {  font-size:2.2em;  line-height: 1.3em; margin-top: -270px; margin-bottom:10px;}
 }



@media (min-width: 576px) { 
     .smbuff{height: 230px;}
      #myVideo {
max-height:320px;
width:114%;
    margin-left:-7%;
    overflow: hidden;
}
.vidtext {  font-size:1.8em;  line-height: 1.3em; margin-top: -270px; margin-bottom:100px;}}

@media (min-width: 768px) { 
     .smbuff{height:0px;}
       #myVideo {
max-height:430px;
width:114%;
    margin-left:-7%;
    overflow: hidden;
}
.vidtext {  font-size:2.2em;  line-height: 1.3em; margin-top: -230px; margin-bottom:30px;}
}

@media (min-width: 992px) { 
    .smbuff{height:0px;}
   #myVideo {
max-height:560px;
width:114%;
    margin-left:-7%;
    overflow: hidden;
}
.vidtext {  font-size:3.5em;  line-height: 1.3em; margin-top: -440px; margin-bottom:0px;}
 }

@media (min-width: 1200px) {
    .smbuff{height:0px;}
.vidtext {  font-size:4em;  line-height: 1em; margin-top: -550px; margin-bottom:110px;}
    #myVideo {
max-height:700px;
width:114%;
    margin-left:-7%;
    overflow: hidden;
}
}

.smallbt {font-size:.6em;}