/* Normal screen :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
      max-width: 960px;
    }
}

 
/* Tablet screen :768px. */
@media (min-width: 320px) and (max-width: 991px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
      max-width: 720px;
    }

    :root{

        --f12 : 12px;
        --f14 : 14px;
        --f16 : 16px;
        --f18 : 18px;
        --f20 : 20px;
        --f22 : 22px;
        --f24 : 20px;
        --f26 : 24px;
        --f28 : 28px;
        --f30 : 30px;
        --f32 : 24px;
        --f36 : 36px;
        --f40 : 40px;
        --f48 : 48px;
        --f56 : 32px;
      
      }

      h1 {
        font-size: 32px; }
      
      h2 {
        font-size: 24px; }
      
      h3 {
        font-size: 28px; }
      
      h4 {
        font-size: 20px; }
      
      h5 {
        font-size: 20px; }
      
      h6 {
        font-size: 16px; }




        img.marea-finala-img {margin: 0px 0 -90px;max-width: 600px;}

.content-wrap form {
    margin-bottom: 30px;
}

.header-logo {
    margin-top: 20px;
}

.header-logo a img {
    width: 200px;
}

}

 
/* small screen :320px. */
@media (max-width: 767px) {
    .content-area, .content-area > .container, .content-wrap {
        min-height: 100vh;
        height: 100%;
        }
        .content-area {
        padding: 20px 0px;
    }
    .marea-finala {
        padding-top: 0px;
    }

    .content-wrap h5 {
        margin: 30px 0px 20px;
    }
    
    p.second-p {
        font-size: 18px;
        line-height: 24px;
    }
    
    .content-wrap > a {
        font-size: 18px;
        max-width: 170px;
        height: 45px;
    }

    img.marea-finala-img {
      margin: 0px 0 -70px;
  }

    .content-wrap form button {
        font-size: 20px;
    }
}
@media (max-width: 480px) {
  img.marea-finala-img {
    margin: 0px 0 -45px;
}
}
/* Large Mobile screen :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* .container {width:450px} */
 
}