/*********Media Queries************/
/**This sets the max width of the parent containers at 1000px**/
@media screen and (min-width:1000px) {
    .container {
        width: 1000px;
        max-width: 90%;
    }
}
@media screen and (max-width:1100px) {
    .slider-content {
        position: relative;

        width: 100%;
        height: auto;
        padding: 4% 5%;

        background: #2e2b2b;
    }
    .slide-container {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
    .logo {
        float: none;

        margin: 0 auto;
    }
    .header-stamp {
        background: none;
    }
    .header-wrap {
        background: #fff;
    }
    ul#menu-main.menu li a {
        padding: 10px 0 13px 30px;
    }
    .sub-page.content {
        padding-top: 40px;
    }
}
@media screen and (max-width:1100px) {
    .header-wrap {
        position: relative;
    }
}
@media screen and (min-width:855px) and (max-width:1100px) {
    .menu-main-container {
        float: none;

        width: 780px;
        margin: 0 auto;
    }
}
@media screen and (min-width:961px) and (max-width:1070px) {
    .cta-quote p {
        font-size: 31px;

        padding-top: 6px;
    }
}
@media screen and (min-width:900px) and (max-width:960px) {
    .cta-quote p {
        font-size: 27px;

        padding-top: 17px;
    }
    .cta-quote {
        width: 57%;
    }
}
@media screen and (min-width:768px) and (max-width:899px) {
    .cta-quote p {
        font-size: 24px;

        padding-top: 22px;
    }
    .cta-quote {
        width: 50%;
    }
}
@media screen and (min-width:769px) and (max-width:854px) {
    .menu-main-container {
        float: none;

        width: 710px;
        margin: 0 auto;
    }
    ul#menu-main.menu li a {
        padding: 10px 10px 20px;
    }
}
@media screen and (max-width:960px) {
    .threecol {
        float: none;

        width: 100%;
        padding: 25px 0;
    }
}
/**Apply these styling changes to Tablets**/
@media screen and (max-width:768px) {
    .main-page,
    aside {
        float: none;

        width: 100%;
    }
    .cta-quote p {
        font-size: 36px;

        padding-top: 10px;
    }
    .cta-quote {
        width: 100%;
    }
    .cta-button-learn-more {
        width: 100%;
        height: 0;
        margin: 0 auto;
        padding: 3% 0 80px;

        background: none;
    }
    .cta-quote p {
        font-size: 36px;

        padding-top: 0;
    } /*padding has changed*/

    .slider-content {
        position: relative;

        width: 100%;
        height: auto;
        padding: 1.5% 5% 1%;

        background: #2e2b2b;
    } /*padding & background have changed*/

    .cta-button-learn-more {
        width: 100%;
        height: 0;
        margin: 0 auto;
        padding: 2% 0 80px;

        background: none;
    } /*padding has changed*/
    li.staff-coord-post,
    li.club-listing-post {
        float: none;

        width: 100%;
    }
    .attachment-news-and-events-img,
    .attachment-student-services-sub-page-img,
    .attachment-volunteer-sub-page-img {
        margin-left: -3.1%;
    }
}
@media screen and (min-width:685px) and (max-width:767px) {
    .menu-main-container {
        float: none;

        width: 750px;
        margin: 0 auto;
    }
    ul#menu-main.menu li a {
        font-size: 13.5px;

        padding: 10px 5px 20px;
    }
}
@media screen and (max-width:680px) {
    .footer-stamp-copyright {
        width: 100%;
    }
    .footer-stamp {
        margin: 5% auto;
    }
}
@media screen and (min-width:541px) and (max-width:768px) {
    .aside-student-services-sub-nav li div {
        margin-bottom: 10%;
    }
}
@media screen and (max-width:540px) {
    a.service-icon,
    .service-content,
    a.get-involved-icon,
    .get-involved-content,
    a.volunteer-icon,
    .volunteer-content {
        float: none;

        width: 100%;
    }
    .service-content p,
    .get-involved-content p,
    .volunteer-content p {
        padding-bottom: 3%;
    }
    .aside-student-services-sub-nav li div {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .aside-wrapper {
        margin-top: 5%;
    }
    a.service-icon p,
    a.get-involved-icon p,
    a.volunteer-icon p {
        margin-bottom: 0 !important;
    }
}
/**Apply these styling changes to iPhones**/
@media screen and (max-width:480px) {
    a.next-ss-button,
    #gform_submit_button_1,
    .gform_button {
        width: 100%;

        text-align: center;
    }
    .committee-member,
    .committee-member img,
    .student-council-member,
    .student-council-member img {
        float: none;

        width: 100%;
    }
    .slider-content {
        margin-top: 0;
    }
    aside h3 {
        margin-bottom: 20px;
    }
    .sub-page.content {
        padding-top: 40px;
    }
    .menu-secondary-container {
        padding-bottom: 10px;
    }
}