header
{
    position: fixed;width: 100%;top: 0;padding: 1rem 0;background-color: #fff;}

html
{
    height: 100%;width:100%;
}

#div-testata{position: fixed;}

/*Desktop 1900px*/
@media only screen and (max-width: 1900px)
{
    .div-top{margin-top: 260px;}
}


/*Desktop 1600px*/
@media only screen and (max-width: 1600px)
{
    .div-top{margin-top: 240px;}
}


/*Desktop 1400px*/
@media only screen and (max-width: 1400px)
{
    .div-top{margin-top: 220px;}
}

/*Desktop 1200px*/
@media only screen and (max-width: 1200px)
{
    .div-top{margin-top: 200px;}
}
/*very little screens*/
@media only screen and (min-width: 150px) and (max-width: 299px)
{
    .div-top{top: 200px;}
    .hide-on-desktop{display:block;}
    .hide-on-mobile{display:none !important;}
    .w3-tiny{font-size: 4px !important;}
    .w3-small{font-size: 6px !important;}
    .w3-medium{font-size: 10px !important;}
    .w3-large{font-size: 12px !important;}
    .w3-xlarge{font-size: 14px !important;}
    .w3-jumbo{font-size: 16px !important;}
    .w3-xxlarge{font-size: 20px !important;}
    .w3-xxxlarge{font-size: 22px !important;}
    .messaggi_popup{position:fixed;margin-top:35%;margin-left:25%;border:1px solid #003F7D;background-color:white;width:50%;}
}
/*vertical mobile*/
@media only screen and (min-width: 300px) and (max-width: 499px)
{
    .div-top{top: 200px;}
    .hide-on-desktop{display:block;}
    .hide-on-mobile{display:none !important;}
    .w3-tiny{font-size: 4px !important;}
    .w3-small{font-size: 6px !important;}
    .w3-medium{font-size: 10px !important;}
    .w3-large{font-size: 12px !important;}
    .w3-xlarge{font-size: 14px !important;}
    .w3-jumbo{font-size: 16px !important;}
    .w3-xxlarge{font-size: 20px !important;}
    .w3-xxxlarge{font-size: 22px !important;}
    .messaggi_popup{position:fixed;margin-top:30%;margin-left:25%;border:1px solid #003F7D;background-color:white;width:50%;}
}

/*mobile*/
@media only screen and (min-width: 500px) and (max-width: 768px)
{
    #div-testata{position: fixed;}
    #tdLeft{width: 15% !important;}
    #tdMiddle{width: 70% !important;}
    #tdRight{width: 15% !important;}
    .div-top{top: 200px;}
    .hide-on-desktop{display:block;}
    .hide-on-mobile{display:none !important;}
    .p-alignment{text-align:justify;padding-right:2%;padding-left:2%}
    .testo-enorme{font-family: GLight;font-size: 40px;}
    .testo-grande{font-family: GLight;font-size: 32px;}
    .testo-medio{font-family: GLight;font-size: 24px;}
    .titolo{font-family: GLight;font-size: 1.2rem;color: GrayText;}
    .w3-jumbo{font-size: 24px !important;}
    .w3-large{font-size: 14px !important;}
    .w3-medium{font-size: 12px !important;}
    .w3-small{font-size: 10px !important;}
    .w3-tiny{font-size: 9px !important;}
    .w3-xlarge{font-size: 14px !important;}
    .w3-xxlarge{font-size: 20px !important;}
    .w3-xxxlarge{font-size: 22px !important;}
    .messaggi_popup{position:fixed;margin-top:20%;margin-left:25%;border:1px solid #003F7D;background-color:white;width:50%;}
}

/*Desktop 769 -> 800px*/
@media only screen and (min-width: 769px) and (max-width: 900px)
{
    #tdLeft{width: 35% !important;}
    #tdMiddle{width: 30% !important;}
    #tdRight{width: 35% !important;}
    .div-top{top: 170px;}
    .hide-on-desktop{display: none !important;}
    .testo-enorme{font-family: GLight;font-size: 40px;}
    .testo-grande{font-family: GLight;font-size: 32px;}
    .testo-medio{font-family: GLight;font-size: 30px;}
    .w3-jumbo{font-size: 58px !important;}
    .w3-jumbo-deftone{font-size: 58px !important;line-height:100%;}
    .w3-large{font-size: 14px !important;}
    .w3-medium{font-size: 12px !important;}
    .w3-small{font-size: 10px !important;}
    .w3-tiny{font-size: 8px !important;}
    .w3-xlarge{font-size: 18px !important;}
    .w3-xxlarge{font-size: 30px !important;}
    .w3-xxxlarge{font-size: 40px !important;}
    .messaggi_popup{position:fixed;margin-top:15%;margin-left:25%;border:1px solid #003F7D;background-color:white;width:50%;}
}
/*Desktop 801 -> 1024px*/
@media only screen and (min-width: 901px) and (max-width: 1024px)
{
    #tdLeft{width: 35% !important;}
    #tdMiddle{width: 30% !important;}
    #tdRight{width: 35% !important;}
    .div-top{top: 180px;}
    .first-element{padding-top: 40px;width: 100%;z-index: 10;}
    .hide-on-desktop{display: none !important;}
    .testo-enorme{font-family: GLight;font-size: 40px;}
    .testo-grande{font-family: GLight;font-size: 32px;}
    .testo-medio{font-family: GLight;font-size: 36px;}
    .w3-jumbo{font-size: 58px !important;}
    .w3-jumbo-deftone{font-size: 58px !important;line-height:100%;}
    .w3-large{font-size: 16px !important;}
    .w3-medium{font-size: 12px !important;}
    .w3-small{font-size: 10px !important;}
    .w3-tiny{font-size: 8px !important;}
    .w3-xlarge{font-size: 20px !important;}
    .w3-xxlarge{font-size: 30px !important;}
    .w3-xxxlarge{font-size: 40px !important;}
    .messaggi_popup{position:fixed;margin-top:15%;margin-left:25%;border:1px solid #003F7D;background-color:white;width:50%;}
}

/*desktop*/
@media only screen and (min-width:1025px)
{
    #tdLeft{width: 35% !important;}
    #tdMiddle{width: 30% !important;}
    #tdRight{width: 35% !important;}
    .div-top{top: 180px;}
    .hide-on-desktop{display: none !important;}
    .testo-enorme{font-family: GLight;font-size: 40px;}
    .testo-grande{font-family: GLight;font-size: 32px;}
    .testo-medio{font-family: GLight;font-size: 36px;}  
    .w3-tiny{font-size: 10px !important;}
    .w3-small{font-size: 12px !important;}
    .w3-medium{font-size: 15px !important;}
    .w3-large{font-size: 18px !important;}
    .w3-xlarge{font-size: 24px !important;}
    .w3-xxlarge{font-size: 36px !important;}
    .w3-xxxlarge{font-size: 48px !important;}
    .w3-jumbo-deftone{font-size: 64px !important;line-height:100%;}    
    .w3-jumbo{font-size: 64px !important;}
    .messaggi_popup{position:fixed;margin-top:15%;margin-left:25%;border:1px solid #003F7D;background-color:white;width:50%;}
}


@font-face {
  font-family: 'GLight';
  src: url('/Fonts/OpenSans-CondLight.eot'); /* IE9 Compat Modes */
  src: url('/Fonts/OpenSans-CondLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       /*url('webfont.woff2') format('woff2'),  Super Modern Browsers */
       url('/Fonts/OpenSans-CondLight.woff') format('woff'), /* Pretty Modern Browsers */
       url('/Fonts/OpenSans-CondLight.ttf')  format('truetype'); /* Safari, Android, iOS */
       /*url('webfont.svg#svgFontName') format('svg');  Legacy iOS */
}

.back_white{background-color:white;}
.ginevri-back-blue{background-color: #1279BE;}
.ginevri-back-cyan{background-color: #00B9F1;}
.ginevri-back-green{background-color: #BED875;}
.ginevri-back-grey{background-color: #5A5B5B;}
.ginevri-back-orange{background-color: #FAAA5A;}
.ginevri-back-pink{background-color: #F174AD;}
.ginevri-back-red{background-color: #EF334A;}
.ginevri-btn:hover{background-color: #999999;border-color: #5A5B5B;border-style: solid;border-width: 2px;}
.ginevri-btn{border-style: solid;border-width: 2px;display: inline-block;outline: 0;padding: 8px 16px;vertical-align: middle;text-decoration: none !important;color: #fff;background-color: #5A5B5B;text-align: center;cursor: pointer;white-space: nowrap;}
.HlLight{font-family: GLight;}
.Light-text{font-family: Montserrat-Light;}
.menu_mobile{display:none;color:#000;background-color:#666666;z-index:999}
.messaggi_title{background-color:#003F7D;color:white;text-align:center;width:100%;height:20%;}
.messaggi_content{text-align:left;padding-left:2%;padding-right:10%;}
.messaggi_hide{display:none;}
.padd_4_percento{padding-left:10px; padding-right:10px;}
.responsive-button{width:70%;}
.responsive-textbox{width:100%;}
.span-title{font-family: 'Deftone';}
.tabella-destra{position:absolute;padding:1%;width:40%;top:10%;left: -5%;margin-left:10%;}
.tabella-sinistra{position:absolute;padding:1%;width:40%;top:10%;left: 50%;margin-right:10%;opacity:10;}
.testo-montserrat-white {color: #FFF;font-family: 'Montserrat-Hairline';}
.title-into-image{position: absolute;top: 10%;left: 0;padding-left:10%;padding-right:10%;}
.titolo-deftone{color: #000;font-family:Deftone;}
.w3-ginevrigrey{color: white !important;background-color: #5A5B5B !important;}
.waitPopUp{display:none;margin:auto;border: thick solid #666666;background-color:white;text-align:center;width: 400px;height: 100px;}