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

    .logo {
        width: 40%;
    }

    .logo img {
        height: auto;
        width: 100%;
        display: block;
    }

    .nav ul li a {
        font-size: 4vh;
    }

    nav ul#menu-primary li {
        text-align: right!important;
    }

    .nav ul#menu-primary {
        left: 22%;
    } 

    .nav ul#menu-secondary {
        left: 4%;
    }

    video#vid {
        height: 100vh;
    }
   
    #scroll-down {
        display: none;
    }

    h3.releases {

        font-size: 5vh;
        text-align: center;
    }

    #sectionone > div {
        margin-top: 10%;
    }

    .card {
        width: 100%!important;
        height: auto!important;
        margin: auto!important;
        display: block!important;
        padding: 1.5rem!important;
    }
    img.releasecard {
        display: block!important;
        width: 100%!important;
        height: auto!important;
        margin: auto!important;
    }

    #parallax {
        height: auto!important;
        margin: auto!important;
        display: block!important;
        min-width: 100%!important;
        min-height: inherit!important;
        width: 100%!important;
        max-width: 100%!important;
        background-repeat: no-repeat!important;
        background-position: center!important;
    }
    section#sectionone {
        margin: auto!important;
        display: block!important;
    }

        section {
            padding-bottom: 5%;
        }

        .masonry .mItem {
            width: 30%;
        }

        h3.newsletter {
            text-shadow: -1px -1px 0 #b5c2cf, 1px -1px 0 #b5c2cf, -1px 1px 0 #b5c2cf, 1px 1px 0 #b5c2cf;
            font-family: 'Goldman', sans-serif;
            text-transform: uppercase;
            font-size: 4vh;
            margin-top: inherit;
            padding-bottom: 0;
            text-align: center;
        }
        section.newsletter {
            background-image: url(https://thisisrey3rocco.com/wp-content/uploads/2023/11/prova.png);
            background-size: cover;
            background-repeat: no-repeat;
        }

        img.thisisbg {
            position: absolute;
            right: -600px;
            height: auto;
            width: 100%;
            transform: translateY(-85%);
            z-index: 0;
            pointer-events: none;
        }

        body > section.newsletter > div {
            margin-top: 100%;
        }

        .sib-form-block p{
            text-align: center!important;
        }

        label.entry__label {
            text-align: center!important;
        }
        input#EMAIL {
            width: 100%!important;
        }
        .video {
            margin-bottom: 5%!important;
        }

        p.footer {
            color: #fff!important;
            font-family: 'Goldman';
            text-align: center;
            font-size: 10px;
        }

        .contenitore {
            max-width: 50vh!important;
            display: block;
            overflow: hidden;
            width: 100%!important;
        }
        .scrolling-text .scrolling-text-content {
            color: #013afb;
            font-size: 35px;
            white-space: nowrap;
            transition: transform 0.5s cubic-bezier(0.23, 0.36, 0.28, 0.83);
            line-height: 1em;
            margin: 50px 0;
            font-family: 'Goldman';
        }
        .inline a {
            margin-left: 5%;
            margin-right: 5%;
            color: #fff;
            font-family: 'Goldman';
            text-align: center;
        }
        .inline {
            display: flex;
            align-content: center;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: flex-end;
            flex-direction: column;
        }

        .video-preview svg {
            left: 50%!important;
        }

        div#foto h3 {
            margin-top: 50%;
        }
        .inlinescrolllink a {
            font-size: 15px;
            border: 1px solid #013afb;
            padding: 10px;
        }

        .lb-nav {
            display: block !important; /* Assicura che le frecce siano sempre visibili */
        }
        
        .lb-prev, .lb-next {
            visibility: visible !important; /* Assicura che le frecce siano sempre visibili */
        }
        body.lightbox-open {
            overflow: hidden;
        }
    
        h3.biography {
            font-size: 4vh;
        }
        article {
  background-clip: text;
  color: transparent;
  text-align: center !important;
}

          
          article P {
            font-family: 'Goldman';
            text-align: center;
            line-height: 40pt;
            font-size: 25pt;
        }
        article.text-center {
            margin-top: 12%;
        }

        h3.releases.archive {
            margin-top: 40%!important;
        }

        .musiccontent {
            margin-top: 25%;
        }

        .titmusic h1 {
            font-family: 'Goldman';
            text-align: center;
            color: #fff;
            letter-spacing: 1pt;
            margin-top: 10%;
        }


        #msform fieldset {
    
            width: 93%!important;
      
        }

        input.wpcf7-form-control.wpcf7-submit.has-spinner.submit {
            background: #92c52c!important;
            color: white!important;
            border: 0 none!important;
            border-radius: 1px!important;
            cursor: pointer!important;
            padding: inherit;
            text-decoration: none!important;
            font-size: 15px!important;
            display: inline-block;
            width: 100px!important;
            height: 41.5px!important;
            padding-left: 0!Important;
            font-weight: 100!important;
        }

        .gallery img {
            max-width: 100%!important;
            width: 100%!important;
            height: auto!important;
        }
        .masonry .mItem a img {
            display: inline-block;
            margin-bottom: 16px;
            width: 100%;
            height: auto!important;
        }
        .video-preview img {
            width: 100%;
            height: auto!important;
        }

        .card a img {
            height: auto!important;
            width: 100%!important;
            margin: auto!important;
            display: block!important;
        }
        .card a {
            width: 100%!important;
            height: auto!important;
            margin: auto!important;
            display: block!important;
        }
}