@charset "UTF-8";

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

    header h1 {
        font-weight: 400;
        font-size: 7vh;
        margin: 0 15vw 0 15vw;
        margin-top: 30vh;
        margin-bottom: 1vh;
    }

    header h2 {
        font-weight: 300;
        font-size: 4vh;
        margin: 0 15vw 0 15vw;
        margin-bottom: 30vh;
    }

    main h1, p, audio {
        margin: 0 15vw 0 15vw;
    }

    main p {
        font-size: 1.3em;
    }

    audio {
        margin: auto;
        display: block;
    }

    main img.print{
        width: 90vw;
        display: block;
        margin: auto;
    }

    footer h1 {
        font-weight: 400;
        font-size: 7.5vh;
        margin: 0 15vw 0 15vw;
        text-align: left;
        margin-top: 1vh;
        margin-bottom: 1vh;
        display: block;
    }
    
    footer p {
        display: block;
        font-weight: 300;
        font-size: 1.3em;
        text-align: justify;
        margin-top: 1vh;
        margin-bottom: 30vh;
        margin: 0 15vw 0 15vw;
    }
    
    footer ul {
        display: block;
        font-weight: 300;
        font-size: 2.5vh;
        text-align: left;
        margin-top: 1vh;
        margin-bottom: 30vh;
        margin: 0 0 0 13vw;
        color:#3AB44C;
        list-style-type: disc;
    }
    
    footer li {
        font-weight: 300;
        font-size: 1.3em;
        margin-top: 1vh;
        margin-bottom: 30vh;
        margin: 0 0 0 13vw;
    }
    
    footer {
        padding-bottom: 20vh;
    }
}