/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .footer ul li a {
        font-size: 14px;
    }
}



/* Mobile Layout: 320px. */

@media only screen and (max-width: 479px) {

    #cd-intro .middle {
        top: 40%;
    }
    .footer {
        padding: 1em;
    }
    .footer ul li {
        display: block;
    }
    .footer ul li a {
        font-size: 14px;
    }
    .cd-header {
        height: auto;
    }


}



/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {

    #cd-intro .middle {
        top: 40%;
    }
    .footer {
        padding: 1em;
    }
    .footer ul li {
        display: block;
    }
    .footer ul li a {
        font-size: 14px;
    }
    .cd-header {
        height: auto;
    }

}