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

@media all and (min-width: 120px) {

#footer{
text-align: center;
padding: 10px 0px 60px 0px;
bottom: 0;
position: absolute;
}

#contenitore-testi-footer{
width: 90%;
height: auto;
position: relative;
z-index: 0;
float: left;
left: 0;
margin: -25px 0px 0px 0px;
padding: 15px 5% 0px 5%;
}


#logo-footer{
width: 90%;
height: auto;
float: left;
background-color: rgba(241,241,241,1);
padding: 5%;
position: relative;
left: 0%;
margin: 0px 0px 0px 0px;
}

#raccolta-temi-footer{
width: 100%;
height: auto;
float: left;
margin: 50px 0px 0px 0px;
border-bottom: solid 1px rgba(255,255,255,1);
}


.tema-footer{
width: 100%;
height: auto;
text-transform: uppercase;
font-weight: bold;
font-size: 15px;
padding: 0px 0px 10px 0px;
float: left;
text-align:left;
}


#social{
width: 90%;
height: auto;
float: left;
margin: 50px 5% 0px 5%;
border-bottom: solid 1px rgba(255,255,255,1);
text-transform: uppercase;
font-weight: bold;
font-size: 17px;
}


#contenitore-slot-social{
width: 90%;
height: auto;
float: left;
margin: 10px 5% 0px 5%;
text-transform: uppercase;
font-weight: bold;
font-size: 17px;
padding: 0px 0px 10px 0px;
}


#slot-social{
width: 40px;
height: auto;
float: left;
margin: 0px 10px 0px 0px;
}


#credits{
width: 90%;
height: auto;
float: left;
margin: 50px 5% 0px 5%;
padding: 0px;
font-size: 10px;
}


}




@media all and (min-width: 1024px) {

#footer{
width: 99vw;
padding: 0.5vw 0;
height: auto;
float: left;
position: fixed;
z-index: 998;
bottom: 0;
}

#contenitore-testi-footer{
width: 1140px;
height: auto;
position: relative;
z-index: 0;
float: left;
left: 50%;
margin: -25px 0px 0px -630px;
padding: 15px 60px 0px 60px;
}


#logo-footer{
width: 370px;
height: auto;
float: left;
background-color: rgba(241,241,241,1);
padding: 10px;
position: relative;
left: 50%;
margin: 0px 0px 0px -185px;
}

#raccolta-temi-footer{
width: 1140px;
height: auto;
float: left;
margin: 50px 0px 0px 0px;
border-bottom: solid 1px rgba(255,255,255,1);
}


.tema-footer{
width: auto;
height: auto;
text-transform: uppercase;
font-weight: bold;
font-size: 15px;
padding: 0px 15px 30px 0px;
float: left;
}


#social{
width: 1140px;
height: auto;
float: left;
margin: 50px 0px 0px 0px;
border-bottom: solid 1px rgba(255,255,255,1);
text-transform: uppercase;
font-weight: bold;
font-size: 17px;
}


#contenitore-slot-social{
width: 150px;
height: auto;
float: left;
margin: 10px 495px 0px 495px;
text-transform: uppercase;
font-weight: bold;
font-size: 17px;
padding: 0px 0px 10px 0px;
}


#slot-social{
width: 40px;
height: auto;
float: left;
margin: 0px 10px 0px 0px;
}


#credits{
width: 1140px;
height: auto;
float: left;
margin: 25px 0px 25px 0px;
padding: 0px;
}


}