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

.hide-on-small {
    display:none;
}

.hide-inline-on-small {
    display:none;
}

.col-3-1, .col-3-2, .col-2-1, .col-3-1-medium, .col-3-2-medium, .col-2-1-medium {
    width:100%;
}

.col-4-1 {
    width:50%;
}

.col-2-1-fix {
    width:50%;
}


.float-right-small {
    float:right;
}

.wide-on-small {
    width:100%;
}


.hide-on-medium {
    display:none;
}

.float-left {
    float:left;
}

@media only screen and (min-width: 500px) {
    
    #content {
        padding: 0px 10px 0px 10px;
    }
    
    .float-left-medium {
        float:left;
    }
    
    .float-right-medium {
        float:right;
    }
    
    .col-2-1-medium {
        width:50%;
    }

    .col-3-1-medium {
        width:33%;
    }

    .col-3-2-medium {
        width:66%;
    }
    
    .col-4-1 {
        width:33%;
    }
    
    .center-medium{
        text-align:center;
    }
    
    .hide-on-small {
        display:block;
    }
    
    
    .hide-inline-on-small {
        display:inline;
    }
    
    .right-medium {
        text-align:right;
    }
    
    .hide-on-medium {
        display:none;
    }
   }


@media only screen and (min-width: 1250px) {
    .col-3-1, .col-3-2, .col-2-1, .col-3-1-medium, .col-3-2-medium, .col-2-1-medium {
        padding-left:15px;
        padding-right:15px;
    }
    
    .container {
        width: 1200px;
    }

    #wrapper {
        min-width:1250px;
    }
    
    .hide-on-large {
        display:none;
    }
    
    .float-left-large {
        float:left;
    }

    .float-right-large {
        float:right;
    }
    
    .center-large{
        text-align:center;
    }
    
    .col-2-1 {
        width:50%;
    }

    .col-3-1 {
        width:33%;
    }

    .col-3-2 {
        width:66%;
    }
    
    .col-4-1 {
        width:25%;
    }
    
    .float-right-small {
        float:none;
    }
    
    .wide-on-small {
        width:auto;
    }
    
    #site-motto {
        display:block;
    }
    
    #logo {
        height: 115px;
        padding:0px;
    }
    
    .info-image {
        margin:0px 10px;
    }
    
    .hide-on-large{
        display:none;
    }
    
    .hide-on-medium {
        display:block;;
    }
}