/** Smartphones **/

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

    nav .nav-item {
        width: auto;
        font-size: 0.7rem;
        padding: 1vmin 1vmin;
    }

    nav .dropdown-item {
        font-size: 0.7rem;
    }

    .logoresponsive {
        width: 45%;
        margin-top: 20vh;
    }

    header {
        min-height: 80vmax;
    }

    .header h1 {
        font-size: 2rem;
    }

    .header h4 {
        font-size: 0.7rem;
    }


    main section h1 {
        font-size: 2.8rem;
    }

    footer h4 {
        font-size: 1.1rem;
    }

    footer h5 {
        font-size: 1.0rem;
    }

    #events h4 {
        font-size: 1.2rem;
    }

    #events h5 {
        font-size: .9rem;
    }

    #vorstand .smaller {
        width: auto !important;
    }

    #events h1 {
        font-size: 2.2rem;
    }

    #events h4 {
        font-size: .8rem;
    }

    #events h5 {
        font-size: .75rem;
    }

    #events .day,
    #events .month,
    #events .year {
        font-size: 1.2rem;
    }

}

/* Tablets */

@media only screen and (min-width: 768px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio : 2) {

    .navbar-brand {
        font-size: 1rem;
    }

    nav .nav-item {
        font-size: 0.7rem;
        padding: 1vmin 0.7vmin;
    }

    nav .dropdown-item {
        font-size: 0.7rem;
    }

    .logoresponsive {
        width: 65%;
    }

    header {
        height: 50vmax;
    }

    .header h1 {
        font-size: 2.7rem;
    }

    .header h4 {
        font-size: 1.2rem;
    }


    main section h1 {
        font-size: 2.8rem;
    }

    footer h4 {
        font-size: 1.1rem;
    }

    #vorstand .smaller {
        width: 50% !important;
    }


}

@media only screen and (min-width: 768px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio : 2) {


    .navbar-brand {
        font-size: 1rem;
    }

    nav .nav-item {
        font-size: 0.7rem;
        padding: 1vmin 0.7vmin;
    }

    nav .dropdown-item {
        font-size: 0.7rem;
    }

    .logoresponsive {
        width: 65%;
    }

    header {
        height: 50vmax;
    }

    .header h1 {
        font-size: 2.7rem;
    }

    .header h4 {
        font-size: 1.2rem;
    }


    main section h1 {
        font-size: 2.8rem;
    }

    #vorstand .smaller {
        width: 60% !important;
    }

}


/** Laptops 

@media only screen and (min-width: 1025px) {

    nav .nav-item {
        font-size: .9vw;
        padding: 1vmin 0.7vmin;
    }

    nav .dropdown-item {
        font-size: 0.7rem;
    }

} **/