/* Show it is fixed to the top */

body {
  min-height: 75rem;
  /*padding-top: 4.5rem;*/
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
}

.textover img{
  width: 100%;
}

.textover{
  position:relative;
}

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

/* QUI SETTO POSIZIONE E GRANDEZZA FONT */

/* 1) */

figcaption:nth-of-type(1) {
  position: absolute;
  top: 4rem;
  left: 2rem;
  font-size: 2rem;
  font-weight: normal;
}

figcaption:nth-of-type(1){
  box-sizing: border-box;
  width: 30%;
  padding: 10px;
  color: white;
  text-align: left;
}

/* 2) */

figcaption:nth-of-type(2) {
  position: absolute;
  top: 6.5rem;
  left: 2rem;
  font-size: 2.5rem;
  font-weight: bold;
}

figcaption:nth-of-type(2){
  box-sizing: border-box;
  width: 50%;
  padding: 10px;
  color: white;
  text-align: left;
}

/* 3) */

figcaption:nth-of-type(3) {
  position: absolute;
  top: 10rem;
  left: 2rem;
  font-size: 1.5rem;
  font-weight: bold;
}

figcaption:nth-of-type(3){
  box-sizing: border-box;
  width: 50%;
  padding: 10px;
  color: white;
  text-align: left;
}

.logo{
    max-width: 100%;
    height: auto;
}

.cl-col{
    margin-bottom: 30px;
}

.cl-ct{
  font-weight: bold;
}

.cl-pfooter{
  color: #FFFFFF;
}

.cl-card-img-top {
    width: 100%;
    height: 15vw;
    object-fit: cover;
}

.carousel-caption {
    max-width: 100%;
    width:100%;
    background-color: rgba(0, 0, 0, 0.2);
    left: 0;
}

/* MEDIA QUERY */

@media screen and (min-width: 450px) and (max-width: 1015px){
    figcaption:nth-of-type(1) {
      position: absolute;
      width: 100%;
      top: calc(1rem * 2);
      left: calc(1rem * 2);
      font-size: clamp(1.2rem, 3vw, 2rem);
      font-weight: normal;
    }
    
    figcaption:nth-of-type(2) {
      position: absolute;
      width: 100%;
      top: calc(2rem * 2);
      left: calc(2rem * 1);
      font-size: clamp(1.2rem, 3vw, 2rem);
      font-weight: bold;
    }
    
    figcaption:nth-of-type(3) {
      position: absolute;
      width: 100%;
      top: calc(3rem * 2);
      left: calc(2rem * 1);
      font-size: clamp(1.2rem, 3vw, 2rem);
      font-weight: normal;
    }
    
}


@media screen and (max-device-width: 412px) and (max-device-height: 846px) and (orientation : portrait) {
    
    /* CARD TOP IMAGE */
    
    .cl-card-img-top {
        width: 100%;
        height: 30vw;
        object-fit: cover;
    }    
    
     /* 1) */
    
    figcaption:nth-of-type(1) {
      position: absolute;
      top: 0.2rem;
      left: 1rem;
      font-size: 1rem;
      font-weight: normal;
    }
    
    figcaption:nth-of-type(1){
      box-sizing: border-box;
      width: 100%;
      padding: 10px;
      color: white;
      text-align: left;
    }
    
    /* 2) */
    
    figcaption:nth-of-type(2) {
      position: absolute;
      top: 1.5rem;
      left: 1rem;
      font-size: 1.4rem;
      font-weight: bold;
    }
    
    figcaption:nth-of-type(2){
      box-sizing: border-box;
      width: 100%;
      padding: 10px;
      color: white;
      text-align: left;
    }
    
    /* 3) */
    
    figcaption:nth-of-type(3) {
      position: absolute;
      top: 2rem;
      left: 1rem;
      font-size: 1.4rem;
      font-weight: bold;
    }
    
    figcaption:nth-of-type(3){
      box-sizing: border-box;
      width: 100%;
      padding: 10px;
      color: white;
      text-align: left;
    }
}

@media screen and (max-device-width: 600px) and (max-device-height: 960px) {

    /* CARD TOP IMAGE */
    
    .cl-card-img-top {
        width: 100%;
        height: 30vw;
        object-fit: cover;
    }    
    
     /* 1) */
    
    figcaption:nth-of-type(1) {
      position: absolute;
      top: 4rem;
      left: 2rem;
      font-size: 1.4rem;
      font-weight: normal;
    }
    
    figcaption:nth-of-type(1){
      box-sizing: border-box;
      width: 30%;
      padding: 10px;
      color: white;
      text-align: left;
    }
    
    /* 2) */
    
    figcaption:nth-of-type(2) {
      position: absolute;
      top: 6.5rem;
      left: 2rem;
      font-size: 1.4rem;
      font-weight: bold;
    }
    
    figcaption:nth-of-type(2){
      box-sizing: border-box;
      width: 50%;
      padding: 10px;
      color: white;
      text-align: left;
    }
    
    /* 3) */
    
    figcaption:nth-of-type(3) {
      position: absolute;
      top: 9rem;
      left: 2rem;
      font-size: 1.4rem;
      font-weight: bold;
    }
    
    figcaption:nth-of-type(3){
      box-sizing: border-box;
      width: 50%;
      padding: 10px;
      color: white;
      text-align: left;
    }
}

@media screen and (max-device-width: 834px) and (max-device-height: 1194px) {

     /* 1) */
    
    figcaption:nth-of-type(1) {
      position: absolute;
      top: 4.5rem;
      left: 2rem;
      font-size: 1.6rem;
      font-weight: normal;
    }
    
    figcaption:nth-of-type(1){
      box-sizing: border-box;
      width: 30%;
      padding: 10px;
      color: white;
      text-align: left;
    }
    
    /* 2) */
    
    figcaption:nth-of-type(2) {
      position: absolute;
      top: 7rem;
      left: 2rem;
      font-size: 1.4rem;
      font-weight: bold;
    }
    
    figcaption:nth-of-type(2){
      box-sizing: border-box;
      width: 50%;
      padding: 10px;
      color: white;
      text-align: left;
    }
    
    /* 3) */
    
    figcaption:nth-of-type(3) {
      position: absolute;
      top: 9rem;
      left: 2rem;
      font-size: 1.4rem;
      font-weight: bold;
    }
    
    figcaption:nth-of-type(3){
      box-sizing: border-box;
      width: 50%;
      padding: 10px;
      color: white;
      text-align: left;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    
    /* CARD TOP IMAGE */
    
    .cl-card-img-top {
        width: 100%;
        height: 30vw;
        object-fit: cover;
    }    

}

@media screen and (max-device-width: 393px) and (max-device-height: 852px) {
    
    /* CARD TOP IMAGE */
    
    .cl-card-img-top {
        width: 100%;
        height: 30vw;
        object-fit: cover;
    }    
    
     /* 1) */
    
    figcaption:nth-of-type(1) {
      position: absolute;
      top: 0.1rem;
      left: 1rem;
      font-size: 1rem;
      font-weight: normal;
    }
    
    figcaption:nth-of-type(1){
      box-sizing: border-box;
      width: 50%;
      padding: 10px;
      color: white;
      text-align: left;
    }
    
    /* 2) */
    
    figcaption:nth-of-type(2) {
      position: absolute;
      top: 1.5rem;
      left: 1rem;
      font-size: 1rem;
      font-weight: bold;
    }
    
    figcaption:nth-of-type(2){
      box-sizing: border-box;
      width: 100%;
      padding: 10px;
      color: white;
      text-align: left;
    }
    
    /* 3) */
    
    figcaption:nth-of-type(3) {
      position: absolute;
      top: 3rem;
      left: 1rem;
      font-size: 1rem;
      font-weight: bold;
    }
    
    figcaption:nth-of-type(3){
      box-sizing: border-box;
      width: 100%;
      padding: 10px;
      color: white;
      text-align: left;
    }
}