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

#main > .panel header p {
    font-size: 0.7em;
}
#main > .panel header h1 {
    font-size: 1.3em;
}

#main > .panel header h2 {
    font-size: 1.2em;
}
    #nav {
    display: none;
    }

    #wrapper {
    margin-left: 0;
    width: 100vw;
    }

    .img-fluid-vid-por {
    width:100%;
    }

    .img-fluid-por {
    width:100%;
    }

    .section-title-fixed.oone > .hide-ref-div {
    padding-right:0vw;
    }

    #main > .panel.text {
    padding: 4vh 2vw 4vh 2vw;
    }

    #main > .panel {
    width: 100%;
    padding: 4vh 0 4vh 0;
    }

    .section-title-fixed > a {
    padding-right:3.5vw;
    }

    .section-title-fixed > h1 {
    padding-right:3.5vw;
    }

    .section-title.sub > a {
    padding-right:0vw;
    }

    .section-title.sub > h1 {
    padding-right:0vw;
    }

    #main > .panel header {
    padding: 0vh 2vw 0vh 2vw;
    text-align: left;
    }

}