@media only screen and (max-width: 380px){
      .imgContainer{
        margin: 0 auto !important;
        height: auto !important;
      }
      .immaginiDir{
        margin-left: calc(50% - 75px);
      }
      #statutoLink{
        margin-left: calc(50% - 125px);
      }
    }

    @media only screen and (max-width: 480px){
      .navLinks{
        font-size: 2.2vw !important;
        font-weight: bold !important;
      }
      .dropdown-item{
        font-size: 2.7vw !important;
      }
      .dropdown-header{
        font-size: 3.3vw !important;
      }
      .header-item{
        margin-right: 5px !important;
      }
      #logo{
        position: absolute !important;
        height: 50px !important;
        width: 125px !important;
        margin-top: -25px !important;
        top: 50% !important;
        left: -10px;
      }
      #donaBtn{
        left: -80px !important;
        height: 32px !important;
        width: 100px !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 1px;
        font-size: 80%;
      }
      #listaBandiere{
        width: 150px;
        margin: 0;
        padding: 0;
        left: -80px !important;
        position: absolute;
        margin-left: 3.2px !important;
      }
      #listaBandiere li{
        display: inline-block;
        margin-right: 5px;
        padding: 0 !important;
      }
      #listaBandiere li:last-child{
        margin-right: 0;
      }
      .footerContent{
        font-size: 2vw !important;
      }
      #formBtn{
        font-size: 3.8vw;
      }
      #donaBoxBtn{
        width: 28%;
        padding: 0 !important;
        font-size: 3vw;
      }
      #donaLabel{
        font-size: 90% !important;
      }
      .textbox label{
        font-size: 80%;
      }
      #donaBox{
        max-width: 45% !important;
      }
      .rmFfth{
        display: none !important;
      }
    }

    @media only screen and (max-width: 551px){
      .rmFrth{
        display: none !important;
      }
      .colImg p{
        margin-left: -20px;
      }
      .immaginiDir{
        width: 150px !important;
        height: 150px !important;
      }
      #formBtn{
        width: 95%;
        margin-left: 2.5%;
      }
      .carousel-indicators{
        display: none;
      }
    }

    @media only screen and (max-width: 685px){
      .rmThrd{
        display: none !important;
      }
      #logo{
        right: -60px !important;
      }
      #donaBoxBtn{
        margin-left: 10px !important;
      }
    }

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

      .captions{
        font-size: 25px !important;
      }

    }

    @media only screen and (max-width: 860px){
      .rmScnd{
        display: none !important;
      }
      .donaContainer{
        width: 100% !important;
      }
    }

    @media only screen and (max-width: 991.98px){
      .rmFrst{
        display: none !important;
      }
      #logo{
        margin-right: -40px !important;
      }
    }

      html{
        position: relative;
        min-height: 100%;
      }
      body{
        margin-bottom: 60px;
      }
      a{
        text-decoration: none !important;
      }
      .nav1{
        max-width: 100%;
        background-color: white;
        height: 100px;
        margin: 0 !important;
        overflow: hidden;
      }
      .nav2{
        max-width: 100%;
        background-color: #ff3333;
        height: 50px;
        line-height: 50px;
        margin: 0 !important;
      }
      .nav-element{
        text-align: center;
        padding: 0;
        height: 50px;
      }
      .nav-element a{
        color: white;
      }
      .nav-element:hover{
        background-color: #cc0000;
      }
      .nav-element:hover .navLinks{
        color: white;
      }
      #logo{
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -35px;
        height: 70px;
        width: 175px;
        margin-right: 30px;
        cursor: pointer;
      }
      #libro{
        max-height: 600px;
        object-fit: contain;
      }
      .navLinks{
        color: white;
        text-decoration: none !important;
        font-size: 80%;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }
      .navLinks:focus,.navLinks:active {
        outline: none !important;
        box-shadow: none;
      }
      .activeLink{
        background-color: #cc0000;
      }
      .activeLink a{
        color: white;
      }
      .footer{
        position: absolute;
        width: 100%;
        bottom: 0;
        height: 60px;
        line-height: 60px;
        background-color: #ff3333;
        color: white;
        font-size: 70%;
        text-align: center;
      }
      .container{
        margin: 0;
      }
      .container span{
        letter-spacing: 0.1em;
        margin-left: 5px;
      }
      #last{
        margin-right: 5px;
      }
      .carousel-control-prev-icon {
       background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#ff3333' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
      }

      .carousel-control-next-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#ff3333' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
      }
      .carousel-indicators{
        position: absolute;
        bottom: 0;
      }
      .carousel-indicators li {
        background-color: #ff3333;
        opacity: .5;
      }
      .carousel-indicators li.active {
        background-color: #ff3333;
        opacity: 1;
      }
      .dropdown-menu{
        margin-top: 15.24px;
        background-color: #ff3333;
        padding: 0 !important;
      }
      .dropdown-item{
        color: white;
        font-size: 85%;
        margin: 0 !important;
        padding: 0 !important;
        height: 30px;
        line-height: 30px;
        padding-left: 2vw !important;
        padding-right: 2vw !important;
        text-align: left;
      }
      .dropdown-item:hover{
        background-color: #cc0000;
        color: white;
      }
      #donaBtn{
        position: absolute;
        top: 50%;
        left: 10%;
        height: 40px;
        width: 125px;
        margin-left: -62.5px;
        background-color: #ff3333;
        border: none;
        text-transform: uppercase;
        font-weight: bold;
      }
      #donaBtn:hover{
        background-color: #cc0000;
      }
      .dropdown-header{
        padding-left: 8px !important;
        font-size: 100%;
        color: #800000;
        height: 30px !important;
        line-height: 30px;
        padding-top: 0 !important;
      }
      .header-item{
        margin-left: calc(22% - 1vw);
      }
      .icons{
        width: 12px;
      }
      .contatti{
        margin: 50px 20px;
      }
      .title{
        text-transform: uppercase;
        font-size: 150%;
      }
      .nextToIcon{
        position: relative;
        top: -1.7px;
        font-size: 100%;
        margin-left: 10px;
        color: black;
      }
      .nextToIcon:hover{
        text-decoration: none !important;
        color: #e60000;
      }
      #contactForm{
        margin-bottom: 50px;
      }
      #formBtn{
        background-color: #ff3333;
        border-color: #ff3333;
      }
      #formBtn:hover{
        background-color: #cc0000;
        border-color: #cc0000;
      }
      input{
        outline: none !important;
        box-shadow: none !important;
      }
      input:focus,input:active{
        outline: none !important;
        box-shadow: none !important;
        border-color: #800000 !important;
      }
      button:focus,button:active,select,select:focus,select:active{
        outline: none !important;
        box-shadow: none !important;
        border-color: #CED4DA !important;
      }
      select:-moz-focusring {
          color: transparent !important;
          text-shadow: 0 0 0 #000 !important;
      }
      button:active{
        background-color: #cc0000 !important;
      }
      textarea{
        resize: none;
      }
      textarea:focus,textarea:active{
        outline: none !important;
        box-shadow: none !important;
        border-color: #800000 !important;
      }
      #inputMessaggio{
        line-height: 25px;
      }
      .donaContainer{
        width: 70%;
        margin: 50px auto;
        background-color: #e60000;
        height: 100px;
      }
      .textbox{
        width: 100%;
        margin-left: 10px;
        line-height: 40px;
      }
      .textbox label{
        color: white;
        text-transform: uppercase;
        font-weight: bold;
      }
      #donaBox{
        text-align: right;
        float: left;
        max-width: 50%;
        margin-left: 10px;
      }
      #donaBoxBtn{
        background-color: #ff3333;
        border: 1px solid white !important;
        text-transform: uppercase;
        height: 35px;
        font-weight: bold;
        color: white;
        float: left;
        margin-left: 50px;
      }
      #donaBoxBtn:hover{
        background-color: white;
        color: #ff3333;
      }
      #donaBoxBtn:active{
        background-color: white !important;
      }
      #donaLabel{
        float: left;
        color: white;
        text-transform: uppercase;
        font-weight: bold;
        margin-left: 10px;
        line-height: 35px;
        font-size: 120%;
      }
      .riga{
        width: 100%;
      }
      .pageTitle{
        font-size: 150%;
        font-weight: bold;
        margin: 30px 0;
        text-transform: uppercase;
      }
      .donaPage{
        margin: 50px;
        margin-bottom: 100px !important;
        max-width: 100%;
      }
      .imgContainer{
        width: 95%;
        margin: 20px auto 80px auto;
        height: 300px;
        padding: 0 !important;
        max-width: 100%;
      }
      .immaginiDir{
        width: 200px;
        height: 200px;
        object-fit: cover;
      }
      .ruolo{
        margin-top: 10px;
        margin-bottom: 5px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: .05em;
      }
      .colImg{
        height: 250px;
      }
      .colImg p{
        text-align: center;
      }
      .colImg button{
        max-width: 100%;
        width: 250px;
        background-color: #ff3333;
        color: white;
        border: 1px solid #ff3333 !important;
      }
      .colImg button:hover{
        background-color: #cc0000;
        border: 1px solid #cc0000 !important;
      }
      .direttivoTitle{
        max-width: 100%;
        font-size: 150%;
        text-transform: uppercase;
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: center;
        font-weight: bold;
      }
      .direttivoContent{
        max-width: 100%;
        margin-right: 50px;
        margin-left: 50px;
        margin-bottom: 30px;
        font-size: 120%;
        text-align: center;
      }
      .basso{
        height: 100px !important;
        margin-bottom: 0 !important;
      }
      .pageContainer{
        margin: 20px 50px 150px 50px;
      }
      .corsoSubtitle{
        font-size: 130%;
      }
      .corsoContent{
        margin-top: 30px;
        margin-bottom: 90px;
        text-align: justify;
      }
      #messageAlert{
        display: none;
      }
      #messageSuccess{
        display: none;
      }
      .warning{
        border-color: red !important;
      }
      .red{
        color: #ff3333;
      }
      .piccolo{
        width: 170px;
      }
      .hidden{
        display: none;
      }
      #buttonForm{
        background-color: #ff3333;
        border-color: #ff3333;
        width: 200px;
      }
      #pagaTitle{
        margin-bottom: 80px;
      }
      .pageContent{
        margin-top: 80px;
        font-size: 120%;
        margin-bottom: 200px;
      }
      #donaBoxAlert{
        display: none;
      }
      #alertForm{
        display: none;
      }
      .col-4Container{
        display: block;
        margin-right: auto !important;
        margin-left: auto !important;
        margin-bottom: 30px !important;
      }
      .col-4Container p{
        text-align: center;
      }
      .centra{
        width: 50%;
        margin-left: 25%;
      }
      #CFForm{
        text-transform: uppercase;
      }
      .vaiADestra{
        margin-left: auto !important;
        margin-right: auto;
      }
      #fotoSlider{
        overflow: hidden;
      }
      .footerContent{
        margin: 0 !important;
      }
      .row{
        max-width: 100%;
        margin: 0 auto;
      }
      .storiaContent{
        text-align: justify;
      }
      .bandieraContainer{
        margin-top: 10px;
        width: 25px;
        height: 25px;
        border-radius: 50%;
      }
      #listaBandiere{
        width: 150px;
        margin: 0;
        padding: 0;
        left: 10%;
        position: absolute;
        margin-left: -46.5px;
      }
      #listaBandiere li{
        display: inline-block;
        margin-right: 5px;
        padding: 0 !important;
      }
      #listaBandiere li:last-child{
        margin-right: 0;
      }
      .bandieraIcon{
        height: 25px;
        width: 25px;
        margin: 0 !important;
        padding: 0 !important;
        cursor: pointer;
      }
      video{
        width: 100%;
        max-width: 500px;
        height: auto;
      }
      video:-webkit-full-screen{
        max-width: 10000px !important;
      }
      .grassetto{
        font-weight: bold;
      }
      .CF{
        font-size: 250%;
        text-align: center;
      }
      .CFTitle{
        font-size: 110%;
        font-weight: bold;
      }
      .lavandaImg{
        max-width: 80%;
      }
      .regaliImg{
        max-width: 250px;
        height: 250px;
        margin: 0 20px 20px 0;
      }
      .corsoImg{
        max-height: 200px;
        margin: 0 20px 20px 0px;
      }
      .carousel-caption{
        width: 100%;
        background: black;
        opacity: .8;
        margin: 0 !important;
        left: 0;
        bottom: 0;
        height: 17%;
        max-height: 77px;
        padding: 1% 0 0 0 !important;
        cursor: pointer;
        transition: opacity .5s;
      }
      .carousel-caption:hover{
        opacity: .9;
        transition: opacity .5s;
      }
      .captions{
        color: white;
        font-size: 3vw;
        letter-spacing: 0.1em;
        -webkit-transform: translateZ(0px);
      }
      .libroImg{
          max-width: 500px;
          width: 100%;
      }