@charset "utf-8";

address {text-decoration: none; font-style: normal;}
.colcontact {display:flex;flex-wrap: wrap; width:100%;}
.contactcol-1 {flex: 0 0 32.3333%;background-color: #006;text-align:left;padding-left:1%;color:white;font-size:14px;}
.style-con:link {color:white}
.style-con:hover {color:white}

.mainelf {float:left;clear:both;width:100%;background-color: #F0FFFF;}
.rowelf {background-color:#DBDBDB; display: flex; flex-wrap: wrap; padding: 0 0 0;}
.columnelf {background-color: #F8F8F8; flex: 0 0 24%;padding-left:0.5%;padding-right:0.5%;}
.contentelf {padding:2%;text-align:center;background-color: #F8F8F8;}
.contentelf-2 {padding-top:3%;}
.contentelf-3 {padding-top:3%;}
.contentelf-4 {padding-left:30%;padding-top:1.75%;}
#h3elf {font-size:14px;text-align:center;}
.img-pv {width:40%;height:auto;padding-top:0.5%;}
.img-pc {width:37%;height:auto;padding-top:0.5%;}  
.img-l2 {width:60%;display:block;margin-left:auto;margin-right:auto;height:auto;}
.img-l3 {width:60%;float:center;height:auto;}
.imagetext {position:relative; align:center;font-size:14px;}
.centered {position: absolute; top: 72%;left: 30%;}
.ffc {font-size:48px;margin-left:45%;float:left;}
.ffc3 {font-size:48px;margin-left:45%;float:left;}

@media only screen and (max-width: 600px) {
.colcontact {background-color:#006;}
.contactcol-1 {flex: 0 0 96.5%;text-align:left;padding-left:3%;}

.mainelf {float:left;clear:both;width:100%;background-color: #003;}
.rowelf {background-color:#006; display: flex; flex-wrap: wrap; padding: 0 0 0;}
.columnelf {background-color: #F8F8F8; flex: 48%; margin: .25% .25% .25%}
.contentelf {padding:2%;text-align:center;background-color: #F8F8F8;}
.contentelf-2 {padding-top:15%;padding-bottom:1%;font-size: 11px;}
.contentelf-3 {padding-top:15%;padding-bottom:1%;font-size:10px;}
.contentelf-4 {padding-bottom:10.5%;padding-top:1%;}
.img-pv {width:52%;padding-top:0%;height:auto;padding-left:20%;}
.img-pc {width:40%;padding-top:8%;height:auto;} 
.imagetext {position:relative; text-align:center;color:black;font-family: inherit;font-size:11px;}
.centered {position: absolute; top: 72%;left: 25%;}
.ffc {font-size:48px;margin-left:40%;}
.ffc3 {font-size:48px;margin-left:40%;}
 }
@media only screen and (min-width: 600px) and (max-width: 768px) {
.columnelf {background-color: #F8F8F8; flex: 0 0 24%;padding-left:0.5%;padding-right:0.5%;}
.contentelf {padding:2%;text-align:center;background-color: #F8F8F8;}
.contentelf-2 {font-size:11px;padding-top:5%;padding-bottom:1%;}
.contentelf-3 {padding-top:5%;font-size:11px;padding-bottom:1%;}
.contentelf-4 {padding-top:5.25%;padding-bottom:1%;}
.img-pv {width:38%;height:auto;margin-top:1%;}
.img-pc {width:40%;height:auto;margin-top:1%;} 
.imagetext {position:relative; text-align:center;color:black;font-family: inherit;font-size:12px;}
.centered {position: absolute; top: 72%;left: 25%;}
.ffc {font-size:28px;padding-top:10%;}
.ffc3{font-size:28px;padding-top:10%;}
 }
@media only screen and (min-width: 768px) and (max-width: 992px) {
.contactcol-1 {flex: 0 0 32.33%; text-align:left;padding-left:1%;font-size:13px;}

.columnelf {background-color: #F8F8F8; flex: 0 0 24%;padding-left:0.5%;padding-right:0.5%;}
.contentelf {padding:2%;text-align:left;background-color: #F8F8F8;}
.contentelf-2 {padding-top:3%;font-size:11px;text-align:center;padding-top:14%;padding-bottom:12%;}
.contentelf-3 {padding-top:14%;font-size:11px;padding-bottom:14%;}
.contentelf-4 {padding-top:3%;padding-bottom:13%;}
.img-pv {width:38%;padding-top:6%;height:auto;}
.img-pc {width:40%;padding-top:6%;height:auto;} 
.imagetext {position:relative; text-align:center;color:black;font-family: inherit;font-size:11px;}
.centered {position: absolute; top: 72%;left: 25%;}
.ffc {font-size:48px;margin-left:40%;}
.ffc3{font-size:48px;}
 }
