/* For mobile phones: */
[class*=" col-s"],[class*=" col-m"],[class*=" col-ml"],[class*=" col-l"] {
    float: left;
}

@media only screen and (min-width: 320px) {
    /* For tablets: */
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
}

@media only screen and (min-width: 667px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}

@media only screen and (min-width: 768px) {
    /* For tablets: */
    .col-ml-1 {width: 8.33%;}
    .col-ml-2 {width: 16.66%;}
    .col-ml-3 {width: 25%;}
    .col-ml-4 {width: 33.33%;}
    .col-ml-5 {width: 41.66%;}
    .col-ml-6 {width: 50%;}
    .col-ml-7 {width: 58.33%;}
    .col-ml-8 {width: 66.66%;}
    .col-ml-9 {width: 75%;}
    .col-ml-10 {width: 83.33%;}
    .col-ml-11 {width: 91.66%;}
    .col-ml-12 {width: 100%;}

    #header .search_main {
        position: inherit;
    }
}

/* Misnomer. Almost a duplicate of above min-width: 667px. Currently keeping header together. If fixing, be careful. */
@media only screen and (min-width: 667px) {
    /* For tablets: */
    .col-l-1 {width: 8.33%;}
    .col-l-2 {width: 16.66%;}
    .col-l-3 {width: 25%;}
    .col-l-4 {width: 33.33%;}
    .col-l-5 {width: 41.66%;}
    .col-l-6 {width: 50%;}
    .col-l-7 {width: 58.33%;}
    .col-l-8 {width: 66.66%;}
    .col-l-9 {width: 75%;}
    .col-l-10 {width: 83.33%;}
    .col-l-11 {width: 91.66%;}
    .col-l-12 {width: 100%;}
}

@media(max-width: 1069px) {
   .mobile-hide{ display: none !important; }
}

@media(min-width: 320px) {
   .mobile-only{display: block !important; }
}

@media(min-width: 568px) {
   .tablet-only{display: block !important; }
}

@media(min-width: 1070px) {
    .mobile-show{ display: none !important; }
    .desktop-hide{display: none !important; }
    .tablet-only{display: none !important; }
    .mobile-only{display: none !important; }
}

/* Add top space between rows or div*/
.space-1 { margin-top:1px; }
.space-2 { margin-top:2px; }
.space-3 { margin-top:3px; }
.space-4 { margin-top:4px; }
.space-5 { margin-top:5px; }
.space-6 { margin-top:6px; }
.space-7 { margin-top:7px; }
.space-8 { margin-top:8px; }
.space-9 { margin-top:9px; }
.space-10 { margin-top:10px; }
.space-20 { margin-top:20px; }
.space-30 { margin-top:30px; }
.space-40 { margin-top:40px; }
.space-50 { margin-top:50px; }
.space-60 { margin-top:60px; }
.space-70 { margin-top:70px; }
.space-80 { margin-top:80px; }
.space-90 { margin-top:90px; }
.space-100 { margin-top:100px; }

.text-center{ text-align: center; }

.pull-right{
    float: right;
}

.pull-left{
    float: left;
    left: 0px;
    position: absolute;
    clear: both;
}


/***************************/


/*Adjust top images so they display right on wide screens without
featured slider. Targets only Chome and Safari*/
/* @media (min-width: 1144px) and (-webkit-min-device-pixel-ratio:0) {
    div#featImages .featImg:nth-of-type(2) {
    margin-top: -38px;
    }
} 
 */


/*Responsive width on twitter feed to allow for blue border-right*/

@media (min-width: 1343px) {
#twitterFeed {
    width: 30%;
    border-right: 4px solid #1c3f93;
    }
}

@media (min-width: 1144px) {
#twitterFeed {
    width: 29.62%;
    border-right: 4px solid #1c3f93;
    }
}
/*hide twitter feed on phones */
@media (max-width: 550px) {
    #twitterFeed{
        display: none;
    }
}

@media (max-width: 767px) {
    #navigation .mobile-show {
        overflow-y: scroll;
    }
}

/*Adjust header image text with shrinking window*/

/* iPad display */
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
    #top nav.col-full{
        width: 91% !important;
        left: 0px;
    }

}

@media(min-width: 1144px){
    .featImg .featImgText{
        font-size: 2em;
    }

    #map {
        display: block !important;
    }
}

@media(max-width: 1143px){
    .featImg .featImgText{
        font-size: 1.5em;
    }
}

@media(max-width: 858px){
    .featImg .featImgText{
        font-size: 1.5em;
    }

}*/