@charset "UTF-8";
/* CSS Document */




@media only screen and (max-width: 1023px)
{
#visore .caption {
  position: relative;
  padding-top:30px;
  padding-bottom:30px;
  margin-top: 0;
  width:100%;
box-sizing:border-box;
  right: auto;
  background-color:#FFFBE6;
padding-left:30px;
padding-right:30px;
}
#premi .focus::before
{
display:none;
}
#visore .caption::before
{
content: "";
width: 100%;
height: 30px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
transform: skewY(1.3deg);
transform-origin: top right;
background-color: #FFFBE6;
}

.steps .col2
{
width:50%;
}

#popup .col2
{
width:50%;
}
#header .left img
{
margin-left:auto;
}

.steps .col3
{
width:100%;
margin-top:50px;
}
.steps .col4
{
width:50%;
margin-top:50px;
}
.steps .actions
{
margin-top:15px;
}

}

@media only screen and (max-width: 767px)
{
.steps .col4
{
width:100%;
margin-top:50px;
}
#popup,#popup3
{
max-width:80%;
padding:20px;
}
#footer ul li {
  padding-left: 10px;
  padding-right: 10px;
line-height:1em;
}
#footer a
{
font-size: 0.7rem;
}
}

@media only screen and (max-width: 480px)
{
h2
{
font-family: 'Roboto Slab';
font-size: 1.84rem;
}
h1
{
font-size: 2rem;
}
#page p,#visore .caption p,label
{
font-size: 1.08rem;
}
.focus {
  width: 100%;
}
#premi .focus,#richiedi_premio .focus
{
padding-top:50px;
padding-bottom:50px;
}
#footer a {
  font-size: 0.58rem;
}
#footer img {
  margin-top: 30px;
  width: 120px;
}
#popup .col2 {
  width: 100%;
}
#scelta_premio img {
  max-width: 100%;
}
#popup img.esclamativo
{
margin-top:10px;
}
}