/* media */

@media only screen and (max-width: 499px) {
    .col {
        margin: 0;
        float: none
    }
    #nav ul {
padding-right:0px;
        padding-left: 0px;
        text-align: center;

    }
    #nav li{
        padding-left: 10px;
        padding-right: 10px;
    }
    #nav li a{
        
        font-size: 14px;
    }  
    #header #logo {

        padding-left: 0px;
    }
    #header #logoTop {
        text-align: center
    }

    #header #logoBottom {
        text-align: center
    }

    #contentOne .span_2_of_3 {
        width: 100%;
    }
    #contentOne .span_1_of_3 {
        width: 100%;
    }
    #contentTwo .span_2_of_3 {
        width: 100%;
    }
    #contentTwo .span_1_of_3 {
        width: 100%;
    }
    
    /* gallery */
    
   #gallery .span_1_of_2 {
        width: 100%;
    }
    
    #gallery .span_1_of_3 {
        width: 100%;
    }
   #gallery .span_1_of_4 {
        width: 100%;
    }
   
   #gallery .span_1_of_5 {
        width: 100%;
    }
}

@media only screen and (min-width: 500px) and (max-width: 700px) {
    .col {
        margin: 0;
        float: left
    }

    #contentOne .span_2_of_3 {
        width: 50%;
    }
    #contentOne .span_1_of_3 {
        width: 50%;
    }

    #contentTwo .span_2_of_3 {
        width: 50%;
    }
    #contentTwo .span_1_of_3 {
        width: 50%;
    }
    #oneTwo,
    #twoTwo {
        padding-left: 0px;
    }
}