/* W3.CSS 4.07 December 2017 by Jan Egil and Borge Refsnes */
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html, body{
height:100%;
width:100%;
overflow:hidden;}
#mymenu1{
display:none				
}
#logo{
position:fixed; 
top:0px;
left:0px;
padding-top:40px;
width:100vw;
height:auto;
border-radius: 10px 10px 10px 10px;
z-index:1;}
#logoimg1  { display:none;width:80vw;}
#logoimg2  { display:block;width:80vw;margin-left:5vw}
#logo img {
min-width:440px;
max-width:822px;
width:60%;}
#kookie{
display:none;
width:100%;
height:auto;
margin-top:-40px;
padding:5px 5% 2px 5%;
background-color:fuchsia;
border-radius: 10px 10px 10px 10px;
color:#FFFFFF;
font-family: Verdana, sans-serif;
font-size:15px;
font-weight:bold;
text-align:justify;			
z-index:2;}
#kookie input {width:20%;}
#basso{
background-color:#003366;
position:fixed;
left:0px;
bottom:0px;
width:100%;
height:40px;
color:#fff;
font-size:13.5px;
font-weight:bold;
z-index:1;}
#br1 {display:none;}
#br2 {display:none;}
.white{bottom:40px;}


@media only screen and (max-width: 1000px){
#basso{height:40px;}
#br1 {display:none;}
#br2 {display:block;}
#kookie{font-size:14px;}
}


@media only screen and (max-width: 800px){
.white{bottom:60px;}
#basso{height:60px;}
#br1 {display:block;}
#br2 {display:block;}
#kookie{font-size:13px;}
}


@media only screen and (max-width: 600px){
#kookie{
position:relative;
top:inherit;
left:inherit;
margin-top:0px;
font-size:12.5px;}
#kookie input {width:45%;}
#logoimg2  { display:none}
#logoimg1  { display:block}
#logo{padding-top:0px;
position:relative;
top:inherit;
width:100vw;
min-width:320px;}
#logo img {min-width:320px;}
}


@media only screen and (max-width: 440px){
#basso{font-size:2.8vw;}
}


@media only screen and (max-aspect-ratio: 1/1){
#logo{
position:relative;
top:inherit;
width:100vw;
min-width:320px;}
#logoimg2  { display:none}
#logoimg1  { display:block}
#logo{padding-top:0px;}
#kookie{margin-top:0px;}
}