* { box-sizing: border-box; }
html { 
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}
body { 
  font-family: helvetica; 
    font-size: 10pt;
}

#container {
margin-left:2em;
margin-top:2em;
margin-bottom:6em;

}


p {
  font-family: helvetica; 
    font-size: 10pt;
}


div > img { 
  position: fixed; width: 8%;
  height: auto; 
}

main { 
  max-width: 90vw;
  width : 90vw;
  margin: 0 none;
  font-size: 2rem; 
  overflow:none;
}

#a {
display:relative;
width:30vw;
height:30vw;
margin-right:2vw;


}

#riso {
display:inline-block;
width:30vw;
margin-right:2vw;
margin-left:20vw;
}

#b {
opacity:0;

display:inline-block;
width:30vw;
padding-right:2vw;
position:absolute;
top:10;
margin-top:15vw;
}

#c {
display:inline-block;
width:30vw;
height:30vw;
margin-right:2vw;

margin-bottom:5vw;
}

.menu {
width:5vw;
margin-top:9%;
position:fixed;
font-size: 10pt;
z-index:10;
}

.mobilemenu {
opacity:0;
width:5vw;
margin-top:9%;
position:fixed;
font-size: 10pt;
z-index:10;
}




.copyright {
width:5vw;
position:absolute;
bottom:10px;
font-size: 10pt;
}

.pay {
margin-bottom:2rem;
margin-left:20vw;

}

#textContainer{
padding-left:20vw;
}

#squirrelContainer
{
position: relative;
display: inline-block;
width:60vw;
height:40vw;
margin-bottom:5vw;
cursor:pointer;

}


.squirrel
{
    position: relative;
    display: none;
}

.squirrel.default
{
    display: inline-block;
}



@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

body {
overflow:none;

}
.menu {
opacity:0;

}

#b {
opacity:0;
height:0vw;
width:0vw;

}


.mobilemenu {
opacity:1;

}




#a {
display:relative;
width:70vw;
height:70vw;
margin-right:0vw;
margin-left:20vw;
margin-bottom:5em;
}

#c {
display:relative;
width:70vw;
height:70vw;
margin-right:0vw;
margin-left:20vw;
margin-bottom:5em;

}


}