@media (max-width: 768px){

    html, body {
        max-width: 100%;
        overflow-x: hidden;
    }

    #fixed-top{
        text-align: center;
    }

    #fixed-top .buttons{
        display: block;
    }

    #main-title {
        padding-top: 1em;
    }

    #tabs-menu {
        padding-top: 1em;
    }

    #tab-content {
        padding-top: 10.5em;
        padding-bottom: 0em;
    }

    #dry-subtitle {
        margin-top:0;
    }

    .top-btn-lbl{
        display: none;
    }

    .tabs .icon:first-child{
        margin-inline-end: 0em;
    }

    .photo-section {
        width:100%;
    }

    figure image{
        width:100%;
    }

    #footer-button {
        display:none;
    }

    audio {
        width:90%;
        margin-left:5%;
        margin-right:5%;
    }
}