@media only screen and (max-width: 1280px) {
    .nav__link__a { font-size: 80%; }
    .sticky__nav .nav__links { margin-right: 5vw; }
    .sticky__nav .nav__brand { margin-left: 7.5vw; }
    .about__title{
        font-size: 300%;
        width: 225px;
    }
    .about__regional .about__title, .about__summer .about__title { width: 475px; }
    .team__title { font-size: 300%; }
    .about__info { font-size: 135%; }
    .about__content .about__info { width: 450px; }
    #map {
        width: 350px;
        height: 350px;
    }
    .calendar__text{ width: 275px; }
    .calendar__box iframe{
        width: 550px;
        height: 425px;
    }
    .summer__picture__container {
        width: 350px;
        height: 350px;
    }
    .summer__picture__container img { width: 500px; }
    .team__member{ width: 340px;}
    .team__member__picture {
        width: 300px;
        height: 300px;
    }
    .team__member__picture img { width: 190px; }
    .team__member__name,.team__member__role,.team__member__description {
        width: 230px;
        margin-left: 10px;
    }
    .team__member__name { font-size: 150%; }
    .team__member__role { font-size: 90%; }
    .team__member__description { font-size: 85%; }
    .team__row{
        margin-bottom: 50px;
        margin-top: 50px;
    }
    .nav { width: 900px; }
    .nav__brand {
        width: 175px;
        flex: 0 0 200px;
    }
    .nav__logo { width: 175px; } 
    .header { width: 900px; }
    .header__title{
        font-size: 2.5rem;
        width: 600px;
    }
    .header__subtitle{ font-size: 1.5rem; }
    .sticky__nav { width: calc(100vw - (100vw - 100%)); }
    a.anchor2 { top: -15vh; }
    .socials .social {
        width: 20px;
        height: 20px;
        margin-right: 12px;
        filter: brightness(0.0);
    }
}

@media only screen and (max-width: 1000px) {
    .tape {
        display: none;
    }
    .about__national, .about__full, .about__summer{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .calendar {
        padding: 75px 0 125px 0;
    }
    .about__summer {
        padding: 75px 0 100px 0;
    }
    .about__regional {
        padding: 50px 0 125px 0;
    }
    .calendar__box{ flex-direction: column-reverse; }
    .calendar__box iframe {
        margin: 0;
        width: 450px;
        height: 400px;
    }
    .calendar .about__title {
        width: 450px;
        text-align: left;
    }
    .calendar .calendar__text { width: 450px; }

    .about__national .about__title {
        width: 450px;
        margin: 0 0 15px 0;
        padding-top: 20px;
    }
    #map, .summer__picture__container {
        width: 450px;
        height: 250px;
    }
    .about__summer .about__content, .about__regional .about__content {
        margin: 0;
        width: 450px;
    }
    .team__row {
        flex-direction: column;
        align-items: center;
        margin: 0;
    }
    .team__member {
        margin: 40px 0 10px 0;
        width: calc(100vw - (100vw - 100%));
    }
    .tright{ flex-direction: row; }
    .tleft { flex-direction: row-reverse; }
    .team__member__picture {
        width: 350px;
        height: 350px;
    }
    .tright .team__member__picture{ margin-right: 25px; }
    .tleft .team__member__picture{ margin-left: 25px; }
    .tright .team__member__content { margin: 0 50px 0 0; }
    .tleft .team__member__content {
        margin: 0 0 0 50px;
        text-align: right;
    }
    .team__member__content { margin-top: 0; }
    .team__member__picture img { width: 225px; }
    .team__member__name,.team__member__role,.team__member__description {
        width: 275px;
        margin-left: 10px;
    }
    .team__member__name { font-size: 180%; }
    .team__member__role { font-size: 100%; }
    .team__member__description { font-size: 100%; }
    .nav { display: none;}
    .header { width: 700px; }
    .header__title{
        font-size: 2rem;
        width: 700px;
        margin-bottom: 5px;
    }
    .header__subtitle{ font-size: 1.25rem; }
    .sticky__nav { width: calc(100vw - (100vw - 100%)); }
    .nav .nav__link__a { display: none; }
    .socials { display: none; }
    a.anchor2 { top: -12.5vh; }
    .footer p {
        font-size: 15px;
    }
}

@media only screen and (max-width: 780px) {
    .team {
        padding-bottom: 125px;
    }
    .team__member {
        flex-direction: column;
        margin-bottom: -50px;
    }
    .team__row:first-of-type .team__member:first-of-type {
        margin-top: -10px;
    }
    .tright .team__member__picture{ margin-right: 0px; }
    .tleft .team__member__picture{ margin-left: 0px; }
    .tright .team__member__content { margin: 0 20px 0 0; }
    .tleft .team__member__content {
        margin: 0 20px 0 0px;
        text-align: left;
    }
    .team__member__content {
        height: auto;
    }
    .team__member__picture {
        margin: 45px 0 40px 0;
    }
    .nav { width: 500px; }
    .nav__brand {
        width: 175px;
        flex: 0 0 200px;
    }
    .nav__logo { width: 175px; } 
    .header { width: 500px; }
    .header__title{
        font-size: 1.5rem;
        width: 500px;
        margin-bottom: 5px;
    }
    .header__subtitle{ font-size: 1.25rem; }
    .sticky__nav { width: calc(100vw - (100vw - 100%)); }
    .mobile__nav {
        width: 60vw;
    }
    a.anchor2 { top: -9vh; }
    .mobile__nav__logo{
        width: 35vw;
    }
    .footer p {
        font-size: 13px;
    }
    #map, .summer__picture__container {
        margin-top: 40px;
    }
    .calendar__frame {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 580px) {
    .about__title{
        font-size: 200%;
    }
    .about__national .about__title {
        width: 85vw;
    }
    .about__regional .about__title, .about__summer .about__title, .calendar .about__title { width: 85vw; }
    .team {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .team__title { 
        font-size: 200%; 
        width: 85vw;
    }
    .team__subtitle {
        width: 85vw;
    }

    .about__info { font-size: 120%; }
    .about__content .about__info, .calendar__content { width: 85vw; }
    .about__website {
        font-size: 80%;
    }
    #map {
        width: 85vw;
    }
    .summer__picture__container {
        width: 85vw;
    }
    .calendar__box iframe {
        width: 85vw;
        height: 400px;
    }
    .about__regional .about__content, .about__summer .about__content, .calendar .calendar__text {
        width: 85vw;
    }
    .header__subtitle{ font-size: 1rem; }
    .nav { width: 100vw;}
    .nav__links { width: 50vw; }
    .nav__brand {
        width: 50vw;
    }
    .nav__logo { width: 40vw; margin-left: 20px; } 
    .header { width: 85vw; }
    .header__title{
        font-size: 1.5rem;
        width: 85vw;
        margin-bottom: 5px;
    }
    .mobile__nav {
        width: 67.5vw;
    }
    a.anchor2 { top: -7.5vh; }
    .mobile__nav__logo{
        width: 40vw;
    }
    .footer p {
        width: 85vw;
        margin-left: 5vw;
        margin-right: 5vw;
    }
}

@media only screen and (max-width: 780px) {
    .gallery__row {
        flex-direction: column;
    }
    .gallery1 .gallery__row:last-of-type{
        display: none
    }
    .gallery__row div {
        width: calc(100vw - (100vw - 100%));
        height: 52vw;
    }
    .gallery__row div img {
        width: calc(100vw - (100vw - 100%));
    }
    .gallery__row div:hover img {
        width: calc(100vw - (100vw - 100%));
        /* filter: brightness(1); */
    }

    .gallery2 .gallery__row div {
        width: calc(100vw - (100vw - 100%));
        height: 52vw;
    }
    .gallery2 .gallery__row div img {
        width: calc(100vw - (100vw - 100%));
    }
    .gallery2 .gallery__row div:hover img {
        width: calc(100vw - (100vw - 100%));
        /* filter: brightness(1); */
    }
}