@media only screen and (max-width: 959px) {
    #content img {
        max-width:100% !important;
        height:auto !important;
    }
    #homeimages img{
        height:initial !important;
    }

    .container_12{
        width:calc(100% - 2rem) !important;
        padding:0 1rem;
    }
    .container_12 #home-features.container_12{
        padding: 0;
        width:100% !important;
    }
    .container_12 .grid_12{
        width:100%;
    }
    .container_12 .grid_9{
        width: 75%;
    }
    .container_12 .grid_6{
        width: 50%;
    }
    .container_12 .grid_3{
        width: 25%;
    }
    #home-features, .blox-container{
        display:flex;
        flex-direction: row;
        justify-content: space-between;
    }
    #home-features .blox, .blox-container .blox{
        width: 29%;
        height:auto;
    }
    #features>.grid_6{
        width:100%;
    }
    #mainstage, #homeimages{
        max-width: 100%;
    }
    #footer .grid_6{
        width:100%;
        display:flex;
        flex-direction: row;
        justify-content: space-between;
    }
    #intro.grid_6{
        flex-direction: column;
        justify-content: flex-start;
    }
    #maincontent, #subcontent{
        width:100%;
    }
    #subcontent{
        margin-left: 0;
        margin-top:2rem;
        border-top: 1px solid #CDCDCD;
        padding:1rem 0;
    }
     #subcontent .blox{
        height:auto;
    }
    #subcontent #section_nav li{
        text-align:left;
    }
    #subcontent #section_nav li a{
        padding-left:1rem;
    }

    ul#nav li{
        padding-right:0px;
    }
    ul#nav li a,#nav a:link{
        padding-left: 10px;
    }

}
@media only screen and (min-width: 768px){
        .slicknav_menu{
        display:none;
    }
        .mobile-show{
        display:none;
        visibility:none;
    }
    #hometagline{
        top:50%;
    }
    #homecta{
        top:75%;
    }

}
@media only screen and (max-width: 767px) {
    #logo{
        width:auto;
        background-position: center 28px ;
    }
    #home-features, .blox-container{
        flex-wrap: wrap;
        padding:0 0 1rem 0;
    }
    #home-features .blox, .blox-container .blox{
        width:100%;
        margin:.5rem 0;
    }
    .addthis_toolbox {
        position:relative;
    }
    #hometagline, #homecta{
        font-size:20px;
    }
    #title{
        font-size:36px;
    }
    #footer .grid_6{
        flex-direction: column-reverse;
        width:100%;
    }
    #intro.grid_6 {
        flex-direction: column;
        margin-bottom: 1rem;
    }
    #photos_and_su.grid_6{
        flex-direction: row;
        justify-content: space-between;
        margin-left:0;
    }
    #footer .grid_3{
        width:100%;
        margin-left:0;
        margin-bottom:1rem;
    }
    #photos_and_su .grid_3{
        width:50%;
    }
    #features p{
        font-size:1rem;
    }
    #features h3{
        font-size:1.4rem;
    }
    #features h4{
        font-size:1.2rem;
    }
    #features h5 a{
        font-size: 1rem;
    }
    #features label input{
        width:95%;
        padding:5px;
    }
    #features .social a{
        width: 93%;
    }
    #flickr {
        width:95%;
    }
    #flickr li{
        width: 240px;
        height:150px;
    }
    #content .fr:not(.radio) label {
        display:block;
    }
    #content .fr input,
    #content .fr textarea{
        font-size:16px;
        font-size:1rem;
        padding:2px;
        width:50%;
    }
    #mainstage{
        margin-bottom:0;
    }
    #homeimages{
        margin-top:.5rem;
    }
    #hometagline{display:none;}
    #homecta{
        position: relative;
        padding:0;
        margin:.5rem auto;
        top:initial;
        bottom:initial;
        right:initial;
        left:initial;
        text-align: center;
        border-radius:5px;
    }
    /******** Navigation ********/
    .js #nav {
        display:none;
    }
    
    .js .slicknav_menu {
        display:block;
        margin-top:18px;
    }

}
@media only screen and (max-width: 480px) {
    #photos_and_su.grid_6{
        flex-direction: column;
        width:100%;

    }
    #photos_and_su .grid_3{
        width:100%;
    }
    #content .fr input,
    #content .fr textarea{
        width:100%;
    }
    #content div.big-button{
        width:100%;
        margin:0 0 1rem 0;
    }
    #subcontent #section_nav li{
        text-align:center;
    }
    #content img{
        float:none!important;
        margin:0 !important;
        padding:0;
        width:100%;
        height:auto!important;
    }
    #subcontent #section_nav li a{
        width:100%;
        padding:0;
        margin-left:auto;
        margin-right:auto;
    }
    #subcontent #section_nav li a:hover, #subcontent #section_nav li a.active{
        width:85%;

    }
    .post table{
        width:100%!important;
    }
    .post td{display:block;}
    .post tr{margin-bottom:1rem;}


}