/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/* Start Ctt Hero */
#ctt-hero {
    justify-content: center;
    align-items: flex-start;
    width: 100vw;
    height: auto;
    min-height: 600px;
    max-width: var(--max-width-001);
    background: url(../images/ctt/ctt-hero.jpg) no-repeat right center;
    background-size: cover;
}

#ctt-hero__box {margin-top: 80px; padding-left: 100px;}
#ctt-hero__box h1 {color: var(--color-ffffff); font-size: 4rem;}
#ctt-hero__box p {width: 480px; padding: 15px 0px; font-weight: var(--font-weight-regular); font-size: var(--font-size-20); color: var(--color-ffffff); line-height: var(--line-height-35);}
/* End Ctt Hero */

/* Start Ctt Sezione 1 */
#ctt-sez1 {align-items: center; width: 100vw; max-width: var(--max-width-001); padding: 100px 100px 0px 100px;}
#ctt-sez1 .button {color: var(--color-ffffff); font-weight: var(--font-weight-bold);}
#ctt-sez1 .button:hover {color: var(--color-d36f29);}
.ctt-sez1__box {width: 100%; max-width: var(--max-width-003); justify-content: space-evenly;}
.ctt-sez1__box-img {display:flex; width: 640px; height: 450px;}
.ctt-sez1__box-img img {width: 100%; height: 100%; border-radius: var(--border-radius-001);}
.ctt-sez1__box-info {width: 400px;}
.ctt-sez1__dot {width: 100%; margin-bottom: 50px;}
.ctt-sez1__dot h2 {margin-bottom: 5px;}
.ctt-sez1__dot a {display: flex; align-items: center; width: fit-content; font-weight: var(--font-weight-regular); line-height: var(--line-height-25); color: var(--color-000000);}
.ctt-sez1__dot p {margin-bottom: 25px; color: var(--color-000000);}
.ctt-sez1__dot a img {width: 20px; margin-right: 10px;}
.ctt-sez1__dot span {width: 110px; margin-top: 5px; margin-bottom: 15px; border: 2px solid var(--color-707070);}
.ctt-sez1__dot div a {display: inline-block;}
.ctt-sez1__dot-a a {margin-top: 15px;}
.ctt-sez1__dot-a-center img {margin-top: 2px;}
.ctt-sez1__dot-start a {color: var(--color-000000);  font-weight: var(--font-weight-regular);}
.ctt-sez1__dot-mrt1 p {margin-bottom: 0px;}
/* End Ctt Sezione 1 */

/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/* Start Mobile */
/* Start Weight */
@media screen and (max-width: 1400px){
  /* Contatti Sezione 1 */
  #ctt-sez1 {padding: 100px 0px 0px 0px;}
  .ctt-sez1__box {justify-content: space-around;}
}

@media screen and (max-width: 1160px){
   /* Contatti Sezione 1 */
   #ctt-sez1 {padding: 80px 0px 0px 0px;}
   .ctt-sez1__box-img {width: 440px;  height: 312px;}
}

@media screen and (max-width: 900px){
  /* Contatti Sezione 1 */
  #ctt-sez1 {padding: 70px 0px 0px 0px;}
  .ctt-sez1__box {flex-direction: column-reverse; align-items: center;}
  .ctt-sez1__dot {align-items: center;}
  .ctt-sez1__dot-text p {text-align: center;}
}

@media screen and (max-width: 750px){
  /* ctt Hero */
  #ctt-hero__box h1 {font-size: var(--font-size-50);}
}

@media screen and (max-width: 700px){
  /* Contatti Sezione 1 */
  .ctt-sez1__dot-text a {font-size: var(--font-size-18);}  
}

@media screen and (max-width: 600px){
  /* ctt Hero */
  #ctt-hero__box {padding-left: 30px;}
  #ctt-hero__box h1 {font-size: var(--font-size-40);}
  #ctt-hero__box p {width: 80%; line-height: var(--line-height-30);}
}

@media screen and (max-width: 500px){
  /* ctt Hero */
  #ctt-hero__box h1 {font-size: var(--font-size-38);}

  /* Contatti Sezione 1 */
  .ctt-sez1__box-img {width: 380px;  height: 270px;}
}

@media screen and (max-width: 450px){
  /* ctt Hero */
  #ctt-hero__box {padding-left: 5%;}

  /* Contatti Sezione 1 */
  .ctt-sez1__box-info {width: 85%;}
}

@media screen and (max-width: 400px){
  /* Contatti Sezione 1 */
  .ctt-sez1__box-img {width: 340px;  height: 241px;}
}

@media screen and (max-width: 350px){
  /* Contatti Sezione 1 */
  .ctt-sez1__box-info {width: 90%;}
  .ctt-sez1__box-img {width: 300px;  height: 213px;}
}
/* End Weight */
/* End Mobile */
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/