/*==========  Desktop First Method  ==========*/
/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {
    h3 {
        font-size: 20px;
    }
    nav {
        top: 82px;
    }
}
/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
    nav {
        right: -233px;
        top: 82px;
    }
    nav ul li {
        padding: 2px 0px;
    }
    .sub_ul {
        display: none;
    }
    .img-responsive {
        margin: 0 auto;
    }
}

/* Imitate sm-4 bootstrap style */
@media (max-width:992px) and (min-width:768px) {
    .col-md-4 {
        width: 33.33333333%;
        float: left;
    }
    .col-md-4 h3 {
        min-height:44px;
    }
        .presidents div {
        display: inline-block;
    }
    .presidents {
        text-align: center;
    }
    .institutions .row {
        text-align: center;
        display: block;
    }
    .institutions div {
        display: inline-block;
    }
    .institutions ~ div div{
        display: inline-block;
        text-align: center;
    }
}

/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
    .media-body {
        display:block;
        width: auto;
    }
    header img {
        max-height: 35px;
    }
    h1 {
        font-size: 20px;
    }
    .car_image {
        margin-top: 10px;
    }
    nav {
        top: 62px;
    }
    iframe {
        height: 260px;
    }
    #mc_embed_signup {
        margin-top: 20px;
    }

    /* New Css Changes */
    .headline h1 {
        font-size: 2rem;
        padding-left: 0;
    }

    .col-md-4 .page-scroll {
        width: 100%;
        height: 400px;
        align-items: center;
    }

    nav .page-scroll {
        width: 100%;
        height: max-content;
    }

    .col-md-4 .page-scroll h3 {
        font-size: 2.5rem;
        text-align: center;
    }

    .left.carousel-control .glyphicon {
        margin-left: -2px;
    }

    .right.carousel-control .glyphicon {
        margin-right: -5px;
    }

    .col-md-4 .page-scroll img {
        height: 70%;
        display: block;
        object-fit: contain;
    }

    a.left.carousel-control {
        left: 65% !important;
        top: 60% !important;
    }
    
    a.right.carousel-control {
        left: 82% !important;
        top: 60% !important;
    }

    .media-right.padding10 {
        width: 600px;
    }

    .media-right.padding10 a {
        width: 100%;
        height: 100%;
    }

    .media-body.padding10 a {
        height: max-content;
    }

    nav {
        padding-top: 80px;
    }

    .presidents .col-md-2.center {
        margin-bottom: 78px;
    }

    .presidents .col-md-2.center {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .wrapper.padding20 h3{
        text-align: center;
    }

    .presidents .col-md-2.center img {
        width: 28%;
    }
}
/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    nav ul li {
        padding: 2px 0px;
    }
    header img {
        max-height: 23px;
    }
    h1 {
        font-size: 15px;
    }
    nav {
        top: 56px;
    }
    tr,
    td,
    th {
        padding: 5px;
    }

    /* New Css Changes */
    .headline h1 {
        font-size: 2rem;
        padding-left: 0;
    }

    .page-scroll {
        width: 100%;
        height: 450px;
    }

    nav .page-scroll {
        width: 100%;
        height: max-content;
    }

    .page-scroll h3 {
        font-size: 2.5rem;
    }

    .left.carousel-control .glyphicon {
        margin-left: -2px;
    }

    .right.carousel-control .glyphicon {
        margin-right: -5px;
    }

    .page-scroll img {
        width: 100%;
        height: 70%;
        display: block;
        object-fit: cover;
    }

    a.left.carousel-control {
        left: 65% !important;
        top: 60% !important;
    }
    
    a.right.carousel-control {
        left: 82% !important;
        top: 60% !important;
    }

    .media-right.padding10 {
        width: 600px;
    }

    .media-right.padding10 a {
        width: 100%;
        height: 100%;
    }

    .media-body.padding10 a {
        height: max-content;
    }

    nav {
        padding-top: 80px;
    }

    .presidents .col-md-2.center {
        margin-bottom: 78px;
    }

    .presidents .col-md-2.center {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .wrapper.padding20 h3{
        text-align: center;
    }

    .presidents .col-md-2.center img {
        width: 37%;
    }
}
/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {}
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {}
/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {}
/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {}
/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {
    nav {
        width: 30%;
    }
    .car-img {
        max-width: 60%;
        margin-top: 5%;
    }
    .presidents img {
        max-height: 107px;
    }
    th {
        width: 22%;
    }
}
/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
    nav {
        width: 30%;
    }
    .dilpomat_image {
        position: absolute;
        right: 1%;
        top: 14px;
    }
}

/* /////////////////////////////////////////// */