html {
  height: 100%;
  padding:0px;
  margin:0px;
}

body {
  background: #FFF;
  background-image:url('imgs/sfondo.jpg');
  background-size:cover;
  background-repeat:no-repeat;
  background-position: center top;
  display: block;
  height:100%;
  padding:0px;
  margin:0px;
  font-family: 'Roboto', sans-serif;
  position:relative;
}

/* debug
div {
   border: 1px solid #eee;
   padding: -1px;
}
*/

h1 {
    font-weight:300;
    color: #000;
    font-size:115px;
    line-height:76px;
    /*letter-spacing:11px;*/
    margin-bottom: 0;
}

.container {
    margin: 0 auto;
    position: relative;
    display:block;
    width: 1466px;
    height:100%
}

.head {
    display:block;
    position: relative;
    padding-top:7%
}


.logo {
    /*margin-top: 100px;*/
    float:left;

}

.email {
   float:right;
   /*margin-top: 150px;*/
   margin-top: 50px;
}

.email a {
   font-size:35px;
   font-weight:bold;
   text-decoration:none;
   color:#000;
}

.content {
    display: block;
    margin: 0 auto;
    clear:both;
    position:relative;
}


.footer {
    bottom: 7%;
    display:block;
    margin: 0 auto;
    position:absolute;
    width: 100%;
}

.sub-footer {
   position:absolute;
   width:100%;
   bottom: 0;
   margin:auto;
}

.sub-footer p{
   text-align: center;
   margin-bottom:3px;
   color:#AAA;
   font-size:14px;
}

.col {
    width: 50%;
    float:left;
}

.col_1 {
    width: 75%;
}

.col_2 {
    width: 24%;
    margin-top:65px;
}

.col .right {
    float:right;
}

.col .left {
    float:left;
}

.col p {
    font-weight:600;
    font-size: 14px;
    line-height:20px;
    color:#9d948f;
}

.col p a{
    text-decoration:none;
    color:#9d948f;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- */

@media screen and ( max-width: 1466px  )
{
    .container {
        width: 94%; /**/
    }

/*
    .text h1 {
        font-size:54px;
        line-height:64px;
    }

    .footer {
        width: 94%;
        padding: 2%;
        margin:auto;
    }
    */
}

@media screen and ( max-width: 1200px  ) {
/*
    .logo {
        margin-top: 10vh;
    }

    .text h1 {
        font-size:40px;
        line-height:52px;
    }
    */
}

@media screen and ( max-width: 960px  ) {
/*
    .text h1 {
        font-size:30px;
        line-height:42px;
    }
    */
}

@media screen and ( max-width: 800px  ) {
/*
    .text h1 {
        font-size:24px;
        line-height:36px;
        font-weight:400;
    }

    .col_1, .col_2 {
        width: 50%;
    }

    .col .right {
        float: left;
    }

    .col p {
        margin: 0.5em 0px;
    }
*/
}

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

   body {
    background-image:none;
   }

   h1 {
      font-size: 24px;
      text-transform: capitalize;
      line-height:24px;
   }

   .head {
      padding:5px;
   }

   .container {
        width: 100%;
    }

   .email, .logo, .col .col_1, .col .col_2, .col .right {
      float:none;
   }

   .logo {
      background-image:url('imgs/logo.jpg');
      background-size:contain;
      background-repeat:no-repeat;
      background-position: center top;
      display: block;
      width:100%;
      height:15vh;
   }

   .logo img {
      display:none;
   }
   .email {
      text-align:center;
      margin: 75px 5px;
   }

   .email a{
      margin:auto;
      margin-top:20px;
      font-size:16px;
   }

   .content {
      background-image:url('imgs/sfondo_mob.jpg');
      background-size:contain;
      background-repeat:no-repeat;
      background-position: center top;
      display: block;
      width:100%;
      height:20vh;
   }

   .footer {
      position: static;
      margin:auto;
   }

   .col_1, .col_2 {
      width:100%;
      text-align: center;
   }

   .col_2 {
     margin-top: 0;
      position: absolute;
      bottom: 40px;
   }

   .col_2 img {
    width: 50%;
   }
}

@media screen and ( max-width: 620px  ) {
/*
    .text {
    margin-top: 47vh;
    }
    .text h1 {
        font-size:18px;
        line-height:20px;
        letter-spacing:3px;
    }
    */
}

@media screen and ( max-width: 520px  ) {
/*
    .logo {
        margin-top: 7vh;
    }

    .logo img{
        width:80%;
    }

    .text h1 {
        font-size:18px;
        line-height:20px;
    }

    .col_1, .col_2, .col_3, .col_4 {
        width: 100%;
    }
*/
}

@media screen and ( max-width: 480px  ) {
/*
    .text h1 {
        font-size:16px;
        line-height:18px;
    }
    */
}