@charset "utf-8";

* {
    box-sizing: border-box;
}

/* --- iPhone 7 ?? --- */
@media only screen and (max-width: 768px){
a {
     font-size: 110%;
}
.col-2 {width: 50%!important;}
}

/* --- iPhone 6+ --- */
@media only screen and (max-width: 414px){
a {
     font-size: 110%;
}
.col-2 {width: 50%!important;}
}

/* --- iPhone 6 --- */
@media only screen and (max-width: 375px) {
a {
     font-size: 110%;
}
.col-2 {width: 50%!important;}
}


/* --- iPhone 4 through 5S --- */
@media only screen and (max-width: 320px){
a {
     font-size: 110%;}
.col-2 {width: 50%!important;}
}



.row::after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 10px;
    border: 1px solid white;
}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.header {
    margin-left: auto;
    margin-right: auto;
    max-width: 1210px;
    border: 0px solid red;
    padding: 0px;
}

a {
    text-decoration: none;
    color: black;
}

a[href^=tel] { color: inherit; text-decoration: none; }

a:hover {
    color: white;
}

.nav ul li:hover {
    background-color: #6A7990;
    color: white;
    font-weight: bold;
}

.nav li.active {
    background-color: #6A7990;
    color: white;
    font-weight: bold;
}

.nav li a.active {
    background-color: #6A7990;
}

.nav ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
}

.nav li {
 list-style-type: none;
 padding: .5em 0 .5em 0;
 margin-bottom: 0px;
 background-color: #99B0CC;
 color: black;
 text-decoration: none;
}

[class*="nav"] {
    float: left;
    padding: 0px;
    background-color: #99B0CC;
    border: 1px solid white;
    text-align: center;
}

.active2 {
    display: inline;
}

img {
    width: 100%;
    line-height: 0px;
}