* {
    font-family: 'Exo', sans-serif;
    font-weight: 400;
}
html {
    scroll-behavior: smooth;
}
body {
    overflow-x: hidden;
}

#header {
    width: 100%;
    height: 110px;
    background-color: rgba(255, 255, 255, 0.95);
}
#header-center {
    width: 1340px;
    margin: auto;
    overflow: hidden;
}
#header-center > a {
    float: left;
    display: block;
    margin-top: 20px;
    max-width: 470px;
}
#header-center > a > img {
    width: 100%;
    height: auto;
}
#header-center img {
    padding-top: 0;
}
#header p {
    float: right;
    margin: 30px 30px 20px;
    font-family: 'Exo', sans-serif;
    position: relative;
}
#header strong {
    font-weight: 700;
    color: #233645;
}
#header p strong a:link, #header p strong a:visited {
    color: #233645;
    font-weight: 700;
}
#header p strong a:hover {
    color: #cf1178;
}
#indirizzo::before {
    content: '';
    position: absolute;
    background-image: url(../img/pin.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    left: -30px;
    top: 10px;
}
#mail::before {
    content: '';
    position: absolute;
    background-image: url(../img/mail.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    left: -30px;
    top: 10px;
}
#telefono::before {
    content: '';
    position: absolute;
    background-image: url(../img/phone.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    left: -30px;
    top: 10px;
}
#center {
    width: 1340px;
    margin: auto;
    position: relative;
    height: calc(100vh - 110px);
}
#center p {
    font-family: 'Exo', sans-serif;
}
#center p strong {
    text-transform: uppercase;
    font-family: 'Exo', sans-serif;
}
#navbar {
    height: 70px;
    margin-top: -20px;
    background-color: #fff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06);
}
#navbar ul {
    width: 100%;
    overflow: hidden;
}
#navbar ul li {
    float: left;
}
#navbar ul li a:link, #navbar ul li a:visited {
    font-family: 'Exo', sans-serif;
    font-size: 18px;
    font-weight: 400;
    padding: 0 25px;
    line-height: 70px;
    text-align: center;
    display: block;
    color: black;
    transition: all .3s linear;
}
#navbar ul li a:hover {
    background-color: #4a9ad3;
    color: white;
}
#navbar ul li a.active {
    background-color: #4a9ad3;
    color: white;
}
#navbar ul li.dx {
    float: right;
}
#navbar ul li.dx a:link, #navbar ul li.dx a:visited {
    background-color: #cf1178;
    color: white;
    text-transform: uppercase;
}
#navbar ul li.dx a:hover {
    background-color: #4a9ad3;
}
#navbar-fixed {
    position: fixed;
    width: 1340px;
    height: 70px;
    background-color: #fff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06);
    z-index: 9999;
    left: 50%;
    margin-left: -670px;
    transition: all .2s linear;
    top: -100px;
}
#navbar-fixed::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    background-color: white;
    width: 100%;
    height: 70px;
    z-index: -1;
}
#navbar-fixed ul {
    width: 100%;
    overflow: hidden;
}
#navbar-fixed ul li {
    float: left;
}
#navbar-fixed ul li a:link, #navbar-fixed ul li a:visited {
    font-family: 'Exo', sans-serif;
    font-size: 18px;
    font-weight: 400;
    padding: 0 25px;
    line-height: 70px;
    text-align: center;
    display: block;
    color: black;
    transition: all .3s linear;
}
#navbar-fixed ul li a:hover {
    background-color: #4a9ad3;
    color: white;
}
#navbar-fixed ul li a.active {
    background-color: #4a9ad3;
    color: white;
}
#navbar-fixed ul li.dx {
    float: right;
}
#navbar-fixed ul li.dx a:link, #navbar-fixed ul li.dx a:visited {
    background-color: #cf1178;
    color: white;
    text-transform: uppercase;
}
#navbar-fixed ul li.dx a:hover {
    background-color: #4a9ad3;
}
@media only screen and (max-width: 1340px) {
  #header-center {
    width: 1170px;
  }
  #center {
    width: 1170px;
  }
  #navbar-fixed {
    width: 1170px;
    margin-left: -585px;
  }
}
@media only screen and (max-width: 1170px) {
    #header-center {
        width: 990px;
    }
    #header p {
      font-size: 14px;
      margin: 25px 30px;
    }
    #center {
        width: 990px;
    }
    #navbar {
        width: 990px;
    }
    #navbar ul li a:link, #navbar ul li a:visited {
      font-size: 18px;
    }
    #navbar-fixed {
        width: 990px;
        margin-left: -495px;
    }
    #navbar-fixed ul li a:link, #navbar-fixed ul li a:visited {
      font-size: 18px;
    }
}
@media only screen and (max-width: 990px) {
    #header {
      height: 90px;
    }
    #header-center {
      width: 768px;
    }
    #header-center > a {
      float: none;
      margin: 5px auto 0;
    }
    #header-center > a img {
      display: block;
      margin: auto;
    }
    #header-center p#indirizzo, #header-center p#mail, #header-center p#telefono {
      display: none;
    }
    #navbar, #navbar-fixed {
        display: none;
    }
    #center {
      width: 768px;
    }
}
@media only screen and (max-width: 768px) {
      #header-center {
        width: 480px;
      }
        #header-center > a {
            margin: 4px auto 0;
        }
        #header-center > a img {
            width: 320px;
        }
      #center {
        width: 480px;
      }
}
@media only screen and (max-width: 480px) {
    #header-center {
      width: 94%;
      padding: 0 3%;
    }
    #header-center > a {
        margin: 17px auto 0;
    }
    #header-center > a img {
        width: 220px;
    }
    #center {
      width: 94%;
      padding: 0 3%;
    }
}