@font-face {
    font-family: 'Sofia Pro';
    src: url('../font/SofiaProRegular.eot');
    src: url('../font/SofiaProRegular.eot?#iefix') format('embedded-opentype'),
        url('../font/SofiaProRegular.woff2') format('woff2'),
        url('../font/SofiaProRegular.woff') format('woff'),
        url('../font/SofiaProRegular.ttf') format('truetype'),
        url('../font/SofiaProRegular.svg#SofiaProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Typography */
html, body {height: 100%;}
html {font-size: 100%;}
body {overflow-x:hidden;font-family: 'Sofia Pro';font-size: 13px;}
h1,h2,h3,h4,h5,h6{color: #5e839c;}
h1, .h1, h2, .h2, h3, .h3 {margin-top: 0px;margin-bottom: 0px;}
h4, .h4, h5, .h5, h6, .h6 {margin-top: 0px;margin-bottom: 0px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height: 1.1;}
h1 {font-size: 2.571em;}
h2{font-size: 2.142em;}
h3{font-size: 1.714em;}
h4{font-size: 1.285em;}
h5{font-size: 1em;}
h6{font-size: 0.857em;}
p {font-size: 1em;line-height:1.42857143;text-align:justify;}
p {margin: 0 0 0px;color: #5e839c;}
.x-small{font-size:80%;}
a{text-decoration:none;color: #5e839c;}
a:focus, a:hover {text-decoration:none;color: #5e839c;}
/* END Tipography*/

#sfondo{position: fixed;left: 0;top:0;width:100%;height: 100%;background: url(../images/dulisse.jpg) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#logo{position: fixed;left: 30px;width: calc(100% - 60px);bottom: 60px;}
#text{position: fixed;left: 0;bottom: 20px;width: 100%;}
.box-text{padding-left: 50px;}
.box-text2{padding-right: 50px;}
.box-text2 p{float: right;margin-right: 45px;}
.last{margin-right: 0;}
.mobile{display: none;}
itemscope{display: none;}

#error-404{position: fixed;width: 100%;left: 0;top: 60px;}
#error-404 h2{text-align: center;}

@media (max-width: 1600px) {
}
@media (max-width: 1400px) {
}
@media (max-width: 1200px) {
    body{font-size: 12px;}
    .box-text2 p{margin-right: 30px;}
}
@media (max-width: 992px) {
     body{font-size: 11px;}
    .box-text2 p{margin-right: 15px;}
}
@media (max-width: 767px) {
    #logo{left: 15px;width: calc(100% - 30px);bottom: inherit;top: 30px;}
     body{font-size: 13px;}
     .box-text p{text-align: center;}
    .box-text2 p{margin-right: 15px;text-align: center;float: none;display: inline-block;}
    .last{float: none !important;display: block !important;}
    .mobile{display: block;}
    .desktop{display: none;}
    .social{width: 100%;text-align: center;margin-top: 5px;margin-bottom: 5px;}
    .phone{width: 100%;clear: both;}
    .box-text{padding: 0;}
    .box-text2 {padding: 0px;}
    #error-404 {top: 50%;margin-top: -15px;}
    #error-404 h2{font-size: 1.5em;}
}
@media (max-width: 320px) {
}