/* 1536px and under */
@media screen and (max-width:1536px) {

    header h1 {
        font-size: 325%;
    }

    header #logo {
        left: 10px;
    }

    header #logo img {
        height: 95%;
        width: 95%;
    }

    header #character1 {
        top: 120px;
        right: 75px;
    }

    .dropdown span, .dropdown-content a {
        width: 150px;
    }

    footer #character3 {
        left: 150px;
    }
}

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

    header h1 {
        font-size: 300%;
    }

    header #logo {
        left: 0;
    }

    header #character1 {
        top: 115px;
    }

    .dropdown span, .dropdown-content a {
        width: 140px;
    }

    footer #character3 {
        left: 125px;
    }
}

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

    header h1 {
        font-size: 275%;
    }

    header #logo img {
        height: 90%;
        width: 90%;
    }

    header #character1 {
         top: 110px;
         right:50px;
    }

    .dropdown span, .dropdown-content a {
        width: 120px;
    }

    footer #character3 {
        left: 100px;
    }
}

@media screen and (max-width:1279px) { /* resolutions under 1280, tablets */

    header h1 {
        font-size: 450%;
        padding-top: 25px;
    }

    header #logo, header #character1 {
        display: none;
    }
    
    nav {
        width:90%;
   }

    .dropdown span, .dropdown-content a {
        width: 175px;
    }

    /* slideshow caption */
    .caption_title_line {
        width: 350px;
        height: 100px;
    }

    .flex-caption h2 {
        font-size: 15px;
    }

    .flex-caption p {
        font-size: 15px;
    }

    .headers, .main_panels {
        display: initial;
    }

    .headers h2:nth-of-type(1) {
        width: 100%; /* copy settings from .main_left */
    }

    .line:has(+ .main_panels) {
        display:none; /* hide line after curriculum vision header */
    }

    .headers h2:nth-of-type(2) { /* hide header on right */
        display: none;
    }
    
    .main_right aside .headers h2 { /* responsive header */
        display: block;
    }

    #main_header .line, #responsive_main_header .line {
        margin: 0;
    }

    #main .main_left {
        width: 100%;
    }

    #main .main_right {
        width: 100%;
    }

    #main .main_right aside h5 {
        margin-top: 25px;
    }

    .main_right aside table:nth-of-type(2) a { /* paging table */
        width: 47.5%;
    }

    .main_right aside table:nth-of-type(2) a:nth-of-type(1) {
        margin-left: 2.5%; /* fill to 50% margin */
    }

    .main_right aside table:nth-of-type(2) a:nth-of-type(2) {
        margin-right: 2.5%; /* fill to 50% margin */
    }

    .homepage_links_left, .homepage_links_right {
        width: 85%;
        margin:0 auto;
    }
    
    footer #character3 {
        display: none;
    }

    footer address {
        width: 95%;
    }

    /* other pages */

    .non_homepage {
        display: none;
    }

    /* if needed .main .main_right .non_homepage img+p {
       padding-top:25px;
    } */
}

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

    header h1 {
        font-size: 350%;
    }

    .dropdown span, .dropdown-content a {
        width: 125px;
    }

    .container { /* slideshow */
        display: none;
    }

    #curriculum-vision #curriculum-images {
        height: auto;
        max-height: initial;
        background-image: none;
        margin-top: 0;
    }

    #curriculum-vision .modal_label {
        margin-right: 15px;
    }

    #curriculum-vision .modal_label img {
        width: 15%;
        height:auto;
    }

    #curriculum-vision .modal_label:nth-of-type(1), #curriculum-vision .modal_label:nth-of-type(2), #curriculum-vision .modal_label:nth-of-type(3),
    #curriculum-vision .modal_label:nth-of-type(4), #curriculum-vision .modal_label:nth-of-type(5) {
        position: unset;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

/* tablets portrait */
@media screen and (max-width:768px) {

    #top #quote {
        display: none;
    }

    #top #translate {
        margin:0 auto;
    }

    header h1 {
        font-size: 250%;
    }

    nav {
        display: block;
        width:90%;
        margin: 15px auto;
    }

    .dropdown span {
        width: 100%;
        display:block;
        margin-bottom:7.5px;
    }

    .dropdown:last-of-type span {
        margin-bottom:0;
    }

    .dropdown-content a {
        display:none;
    }
    
    #main #statement-links a img {
        margin:0 auto 5px auto;
        display:block;
    }

    #homepage_awards {
        display: block;
    }
    
    #homepage_awards a {
        width:100%;
        display:block;
        text-align:center;
    }
}

/* mobiles */
@media screen and (max-width:480px) {

    header h1 {
        font-size: 200%;
    }

    header h2 {
        font-size: 100%;
    }
}

/* minimum width */
@media screen and (max-width:320px) {

    body {
        width: 320px;
        min-width: 320px;
        max-width: 320px;
    }
}