﻿ h1 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
h1 span { display: none; }
 
/* Portrait */
@media screen and (max-width: 320px)
{
	h1 span:nth-child(1) { display: inline; }
}
 
/* Landscape */
@media screen and (min-width: 321px)
{
	h1 span:nth-child(2) { display: inline; }
}
 
  
 label
{
font-style:italic;
font-weight:bold;
color:green;
}
input::placeholder
{
font-style:italic;
color:lightgray;
display:none;
font-weight:lighter;
}
.divisore
{
font-size:1.3em;
font-style:italic;
color:red;
font-weight:400;
}
img
{
width:50%;
}
.titolo
{
font-style:italic;
font-weight:bold;
color:green;
font-size:1.5em;
margin-bottom:50px;
text-align:left;
float:left;
padding-top:30px;
}
.imagewrapper
{
margin-bottom:60px;
margin-top:0px;
}
@media all 
 
and (max-width : 320px)and (max-width:391px) {
/* Styles */

img{width:8%;
margin-bottom:0px;
margin-left:-15px;
display:inline-table;
}
.titolo{font-size:0.85em;
text-align:right;
margin-bottom:100px;
margin-right:-25px;
}
.divisore{font-size:0.85em;}
.imagewrapper{margin-bottom:0px;
text-align:left;}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 321px)
and (max-device-width : 483px)
 {
.imagewrapper{margin-top:-20px;}
img{width:23%;
margin-bottom:-100px;
margin-left:-15px;
}
.titolo{font-size:0.93em;
text-align:right;
margin-bottom:100px;
margin-right:-30px;
}
.divisore{font-size:0.88em;}
.imagewrapper{margin-bottom:0px;
text-align:left;}
}


/* Styles */

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}
/* iPads (portrait and landscape) ----------- */
@media all
and (min-device-width : 484px)
and (max-device-width : 767px) {

.imagewrapper{margin-top:-10px;}
img{width:23%;
margin-bottom:-100px;
margin-left:-10px;

}
.titolo{font-size:1.5em;
text-align:right;
margin-bottom:100px;
margin-right:-50px;
padding-left:50px;
}
.divisore{font-size:0.9em;}
.imagewrapper{margin-bottom:0px;
text-align:left;}
}



/* Styles */

/* iPads (landscape) ----------- */
@media all
and (max-width : 768px)
and (max-width : 1024px)
and (orientation : landscape)
 {
/* Styles */

.imagewrapper{margin-top:-10px;}
img{width:30%;
margin-bottom:-100px;
margin-left:-10px;
}
.titolo{font-size:0,5em;
text-align:right;
margin-bottom:100px;
margin-right:0px;
}
.divisore{font-size:0.9em;}
.imagewrapper{margin-bottom:0px;
text-align:left;}
}


/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
.imagewrapper{margin-top:-10px;}
img{width:80%;
margin-bottom:-90px;
margin-left:-10px;
}
.titolo{font-size:0,5em;
text-align:right;
margin-bottom:100px;
margin-right:0px;
}
.divisore{font-size:0.9em;}
.imagewrapper{margin-bottom:0px;
text-align:left;}
}

}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
