@font-face {
  font-family: 'FuturaStd-Book';
  src: url('../fonts/FuturaStd-Book.eot');
  src: url('../fonts/FuturaStd-Book.woff') format('woff'),
       url('../fonts/FuturaStd-Book.ttf') format('truetype'),
       url('../fonts/FuturaStd-Book.svg#FuturaStd-Book') format('svg'),
       url('../fonts/FuturaStd-Book.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

html,body {
  height:100%;
}

body {
  font-family: 'FuturaStd-Book';
  font-size: 14px;
  /*padding-left:70px;
  padding-right:70px;*/
}

#home {
  /*background: url('../img/background-header.png') no-repeat center center fixed;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

#tortello {
  background: url('../img/tortello.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  height:100% !important;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

#storia_1 {
  background: url('../img/storia_1.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  height:100% !important;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

#storia_2 {
  background: url('../img/storia_2.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  height:100% !important;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

#mission_img {
  background: url('../img/mission.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  height:100% !important;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

#chi_siamo_img {
  background: url('../img/chi-siamo.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  height:100% !important;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

#tortello:hover {
  -webkit-filter: grayscale(0%);
  filter: greyscale(0%);
}

#storia_1:hover {
  -webkit-filter: grayscale(0%);
  filter: greyscale(0%);
}

#storia_2:hover {
  -webkit-filter: grayscale(0%);
  filter: greyscale(0%);
}

#mission_img:hover {
  -webkit-filter: grayscale(0%);
  filter: greyscale(0%);
}

#chi_siamo_img:hover {
  -webkit-filter: grayscale(0%);
  filter: greyscale(0%);
}

#contatti {
  background: url('../img/contatti.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  height:100% !important;
}

section { height: 100vh; }

.space-deflow {
  height:45%;
}

.info-section {
  padding-top:75px; /* BEFORE 45 */
  text-align:center;
  color:black;
  font-size:16px;
}

.info-section-2 {
  padding-top:75px; /* BEFORE 45 */
  text-align:center;
  color:black;
  font-size:14px;
  opacity:0.3;
}

#info {
  background-color: white !important;
}

#mission {
  background-color: white !important;
}

#chi-siamo {
  background-color: white !important;
}

#navcap {
  padding-right:40px;
  text-transform:uppercase;
}

.nav-link {
  color: #fff !important;
}

.info-section {
  text-align:left;
  color:black;
  font-size:16px;
}

.mission-section {
  text-align:right;
  color:black;
  font-size:16px;
}

.chi-siamo-section {
  text-align:left;
  color:black;
  font-size:16px;
}

footer2 {
  position: absolute;
  bottom:10px;
  color:white;
  font-size:11px;
  widows: 100%;
  padding-left:70px;
  padding-right:70px;
  text-align:center;
  font-family: 'FuturaStd-Book';
  opacity:0.3;
}

.footer-title {
  color:white;
  font-weight:bold;
  opacity:0.9;
}

.footer-col-2 {
  color:white;
  font-size:22px;
  text-align:right;
}

.logo-torthello {
  text-align:center;
  color:white;
  padding-top:70px; /* BEFORE PADDING-BOTTOM 160px */
}

@media screen and (max-width: 992px) {
  #logo {
      min-height:171px;
  }

  body {
    padding-left:10px;
    padding-right:10px;
    background-color:black;
  }

  footer {
    padding-left:1px;
    padding-right:1px;
    font-size:11px;
    margin-bottom:25px !important;
  }

  #f-col-1 {
    top: 70px !important;
  }

  #f-col-2 {
    text-align:center;
  }

  .info-section {
    padding-top:5px;
  }

  #info-content {
    padding-left:10px;
    padding-right:10px;
    font-size:12px !important;
  }

  #info-content > h1 {
    font-size:18px !important;
  }

  #info-content > h3 {
    font-size:13px !important;
  }

  #back-info {
    display:none;
  }

  #go-info {
    width:100% !important;
  }
  

  .mission-section {
    padding-left:10px;
    padding-right:10px;
    font-size:12px;
  }

  .chi-siamo-section {
    padding-left:10px;
    padding-right:10px;
    font-size:16px;
  }

  #tortello {
    display:none;
  }

  #storia_1 {
    display:none;
  }

  #storia_2 {
    display:none;
  }

  #mission_img {
    display:none;
  }

  #chi_siamo_img {
    display:none;
  }

  .navbar-nav {
    line-height:1;
    font-size:13px;
  }
}

.ct-btn-scroll {
  width: 49px;
  height: 49px;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9;
  border-radius: 50%;
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
  cursor:pointer;
}