h1 {
	font-family: 'Rubik', sans-serif;
	color: #ffffff;
}
h2,h3,h4,p,dt,dd,li,td,label{
	font-family: 'Poppins', sans-serif;
	color: #ffffff;
}
nav{
	background-color: rgba(0, 0, 0, 1);
}
nav ul {
	display: inline-block;
}
nav li{
	padding-left: 15px;
	padding-top: 40px;
	padding-bottom:30px;
	display: inline-block; 
}
nav li a {
	text-decoration: none;
	margin-left: 1em;
	font-size: 1.1em;
	color: #008fb3;
	font-family: 'Rubik', sans-serif;
}
nav li a:hover{
   color: white;
}
.socialaccts{display: inline-block;
			float: right;	
			margin-top: 22px;
			margin-right: 15px;
}
.fa {
    padding: 12px;
    font-size: 20px;
    width: 20px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    margin: 5px;
}
/*.fa:hover {
   background-color: #008fb3;

}*/
.fa-facebook {
  background: #3B5998;
  color: white;
}

/*.fa-facebook:hover{
	background-color: #008fb3;
}*/

/*.fa-youtube {
  background: #bb0000;
  color: white;
}*/

.fa-instagram {
  background: #125688;
  color: white;
}
.fa-instagram:hover, .fa-facebook:hover {
	background-color: #008fb3;
}
.fa-foot-instagram{
	background-color: black;
	color: #008fb3;
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
}
.fa-foot-facebook{
	background-color: black;
	color:#008fb3;
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
}
.fa-foot-facebook:hover, .fa-foot-instagram:hover {
	color: #ffffff;
	background-color: #000000;
}
header{
	background-attachment: fixed;
	min-height: 75vh; 
	background-size: cover;
	padding-bottom: 5%;
}
.graybox{
	background-color:rgba(0,0,0,.64);
	margin-top:5%;
	margin-left: 15%;
	margin-right: 15%;
	vertical-align: center;
	text-align: center;
	padding-top: 3%;
}
.grayboxhone{
	font-size: 4em;
	color: #008fb3;
}
.hhook{
	padding-bottom: 5px;
}
.hhook h2{
	width: 80%;
	margin: auto;
	font-size: 2.3em;
	font-weight: bold;
	padding-top:15px;
}
.hhook p a {
	text-decoration: none;
	color: #ffffff;
}
.hhook p a:hover{
	 color: #008fb3;
}
.maina{
	text-decoration: none;
	color: #008fb3;
}
.maina:hover{
	color: #ffffff;
}
.button3 {
	display: inline-block;
	padding: 5px;
	color: #ffffff;
	font-size: 2em;
	text-decoration: none;
	margin-bottom:10px;
	margin-top: 25px;
	border: 1px #ffffff;
	border-style: ridge;

}
.button3:hover{
	border-color: #008fb3;
	color: #000000;
	background-color: #008fb3;
	border-style: groove;
}
.qlinks{

	padding-top: .3%;
	font-size: 1.4em;
	font-weight: bold;
}
section {
	padding-bottom: 5%;
	overflow: hidden;
}
.bxone{
	background-color:#008fb3;
	padding-bottom: 20px;
}
.mcontentwpic {
	font-size: 1.5em;
	margin: 30px;
	text-align: left;
	line-height: 1.5em;
}
.fleft{
	float: right;
	margin-left: 15px;
}
.fleft img {
	display: inline-block;
	height: 50vh;
	border: 20px #000000 solid;
}
.capbx h3{
	margin: auto;
	text-align: center;
	font-size: 2.3em;
	font-weight: bold;
	margin-top: 10px;
}
.capfig{
	display: inline-block;
}
.capfig img{
	height:30vw;
	border: 20px #008fb3 solid;
}
.fflright{
	float: right;
}
.fflleft{
	float: left;
}
.capbio{
		font-size: 1.5em;
		overflow: hidden;
		line-height: 1.5em;
		margin-left: 3%;
		margin-right: 3%;
		padding-top: 15px;
		padding-bottom: 10px;
}
.captfoot{
	text-align: center;
	vertical-align: center;
	font-size: 1.2em;
	font-weight: bold;
}
.vespic{
	margin-top: 0px;
}
.bxtitle{
	padding-top:40px;
	text-align: center;
}
.htwo {
	font-size: 2.5em;
	font-weight: bold;
}
.wline{
	border-color: #ffffff;
	margin: 0px;
}
.bline{
	border-color: #000000;
}
.blueline{
	border-color: #008fb3;
	 clear: both;
}
.boxtwo{
	background-color: #ffffff;
	padding-bottom: 20px;
						
}
.boxtwo h2, .boxtwo h3, .boxtwo p, .boxtwo dt, .boxtwo dd,.boxtwo li {
	color: #000000;
}
.datatab{
	margin-top: 30px;
	margin-left: 3%;
	font-size: 1.5em;
	font-weight: bold;
}
.margginoffset{
	margin-left: 5%;
	font-size: 1.3em;
	margin-right: 3%;
}
.indentme{
	margin-left: 3%;
}
.contentcontain dl dd a{
	color: #000000;
}
.contentcontain dl dd a:hover{
	color: #008fb3;
}
footer{
	min-height: 30vh;
	padding: 0px;
	padding-bottom: 15px;
	background-color: #000000;
	overflow: scroll;
}
footer .leftside {
	margin: 0px;
	min-width: 49.5%;
	float: left;
	text-align: center;
	padding-top:  2em;
	border-right: 1px solid #ffffff;
	padding-bottom: 20px;
}

.fla {
	text-decoration: none;
	color: #008fb3;
}
.fla:hover{
	 color: #ffffff;
}
.spacekey{
	padding-top: 1.5em;
}
.spacekeytp{
	margin-top: 2em;
}
footer .rightside{
	margin: 0px;
	min-width: 49.5%;
	color: #008fb3;
	float: right;
	text-align: center;
	padding-top: 2em;
	padding-bottom: 20px;
}
footer .rightside p {
	font-size: 1.1em;
}
footer .legalinfo{
	background-color: inherit;
	width: 100%;
	float: left;
	background-color: #000000;
	border-top: 1px solid #ffffff;
	text-align: center;
	padding-bottom: 1px;
}
.linfotxt{
	color: #ffffff;
	font-size: .96em;
}
.ttxt{
	vertical-align: center;
	padding-top: 1.5em;
}
.fusfoot{
	padding-top: 5px;
}
.faq li { 
	padding: 20px; 
}
.faq li.q {
  font-weight: bold;
  font-size: 1.5em;
  border-bottom: 2px #008fb3 solid;
  cursor: pointer;
}
.faq li.qb{
	border-bottom: 2px #ffffff solid;
}
.faq li.a {
  background-color: #008fb3;
  display: none;
  font-size: 1.2em;
  color:#ffffff;
}
.faq li.bc {
	background: #ffffff;
	color: #000000;
}
.figure-padding-right{
	margin-right: 25px;
	margin-bottom: 25px;
}
.figure-padding-left{
	margin-left: 25px;
	margin-bottom: 25px;
}
.rotate {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.linkfaq{
	text-decoration: none;
	color: #000000;
}
.linkfaq:hover{
	text-decoration: underline;
	color: #ffffff;
}

.flex-gallery-img{
	user-select:none;
	width:100%;
	display:block;
	border: 4px #ffffff solid;
}
.flex-gallery-container{
	display:flex;
	flex-wrap:wrap;
}
.flex-gallery-container::after{content:'';
flex-grow:99999;
min-width:calc(100vw / 4);
}
.contentcontain{
	margin: 20px;
}
.contp{
	text-align: right;
	margin-right: 13%;
	font-size: 1.5em;
	line-height: 1.5em;
}
.ifmap{
 	height: 30vw;
}
.contactout{
	width: 90%;
	margin: auto;
	margin-top: 30px;
}
.figcontac{
	margin: 0px;

}

.contpar{
	display: inline-block;
	margin-top: 6px;
}

.contactout figure.figcontac figcaption {
	text-align: center;
}

.whitetopp{
	margin-top: 50px;
	font-weight: bold;
}

.whitelink{
	color: #000000;
	font-size: 1.5em;
	text-align: left;
}
.whitelink:hover{
	color: #008fb3;
	text-decoration: none;
	text-align: left;
}

.contactout figure img {
	border: 20px #008fb3 solid;
}
.contactout figure img:hover{
	opacity: .7;
	border: 20px #000000 solid;
}
.contactout .contpar p {
	font-size: 1.5em;
	text-align: left;
}

.examp{
	font-size: .8em;
}

.pushrightdown{
	vertical-align: top;
}
table{
	margin:auto;
	margin-top: 40px;
}
.pushrightdown{
	font-size: 1.5em;
}

.bottomlef{
	padding-bottom: 30px;
}
.uni{
	width: 50vh;
	text-align: center;
}


/*for tablet*/
@media only screen and (max-width: 862px){

header{
	background-attachment: scroll;
}

.fleft img{
	display: none;
}

.graybox{
	margin-left:10%; 
	margin-right:10%;
}

.hhook h2 {
	width: 100%;
	font-size: 2em;
}

.fflleft{
	float: none;
}

.capfig{
	display: block;
	text-align: center;
}

.capfig img{
	height: 50vw;
}

.fflright{
	float: none;
}

.contactout{
	text-align: center;
}
.contpar{
	text-align: left;
	margin-bottom: 50px;
}

} 

/*for large phones*/
@media only screen and (max-width: 600px){
	.socialaccts{
		display: none;
	}

	nav{
		text-align: center;
	}

	nav li{
		padding-left: 0px;
	}

	nav li a{
		font-size: 125%;
	}

	.contpar{
		text-align: center;
	}

.contactout .contpar p{
	text-align: center;
}

.whitelink{
	color: #008fb3;
}
 
.ifmap{
	height: 55vw;
}

.contactout{
	margin-bottom: 30px;
}

footer .rightside{
	min-width: 48%;
}

footer .leftside{
	min-width: 48%;
}

figure{
	margin: 0px;
}
 .capfig img{
 	height:66vw;
 }
 .figure-padding-right{
	margin-right: 0px;
}
.figure-padding-left{
	margin-left: 0px;
}
.mcontentwpic{
	margin:10px;
}

.graybox{
	margin-left: 0px;
	margin-right: 0px;
	background-color: rgba(0,0,0,.60);
}

.nahleftmobile{
		margin-left: 0px;
	}

footer .rightside{
float:none;
padding-bottom:2em;

}

footer .leftside{
display:none;
}

.boxtwo{
padding-bottom:0px;
}

}

@media only screen and (max-width: 411px){

nav li a{
	font-size: 100%;
}

nav li{
	padding-bottom: 20px;
}

footer .leftside{
	min-width: 41%;
}

.hhook{
	padding-bottom: 15px;
}

.hhook h2{
	font-size: 1.4em;
}

.dissmalfone{
	display: none;
}

.qlinks{
	display: none;
}

.capbio{
	font-size: 1.2em;
	/*line-height: 1em;*/
	margin-left: 10px;
	margin-right: 0px;
	width: 96%;
}

.mcontentwpic{
	font-size: 1.2em;
	margin-left: 10px;
	margin-right: 0px;
	width: 96%
}

.contentcontain{
	margin: 0px;
}

} 


/*do meta tags*/
/*figure out server upload*/
/*figure out server php*/