@media (max-width: 750px) {
#head h1 {font-size:30px;line-height:33px;}
#head h1 strong {font-size:40px;}
#head p {font-size:18px;}
#sub h2 {font-size:18px;}
}

@media (max-width: 640px) {
body {padding:10px;}
#header {padding:20px;}
#head {float:left;padding:0 0 10px 0;}
#brand {float:right;width:140px;}
#brand .ecampus {float:left;width:135px;height:80px;margin:0;background:url(/landing_conciliazione/img_icone/ecampus-or.png) left 20px no-repeat;}
#brand .amci {float:left;width:135px;height:80px;background:url(/landing_conciliazione/img_icone/amci-or.png) left 20px no-repeat;}
#brand p { font-size:13px;text-align:left;}
#sub h2 {font-size:16px;}
#main {left:auto;margin:0;}
#testo {margin:0;padding:20px;}
#side {width:100%;}
#footer p {font-size:10px;}

.hidden {display:none}
}

@media (max-width: 540px) {
body {padding:6px;}
#header {float:left;height:auto;padding:10px;}
#header h1, #header p, #sub h2 {text-align:center;}
#head {float:none;}
#brand {float:left; width:98%; padding:0 0 10px 0;}
#brand .ecampus {width:50%;background:url(/landing_conciliazione/img_icone/ecampus-or.png) center 20px no-repeat;}
#brand .amci {width:50%;background:url(/landing_conciliazione/img_icone/amci-or.png) center 20px no-repeat;}

#brand p { font-size:13px;}
#sub {position:static;float:left; width:100%}
#testo {padding:10px;}
#cont-form {padding:20px;margin:0 10px 10px 10px;}
#footer {margin:0 10px 10px 10px;padding:6px 20px;background-color:#002E64;}
}

@media (max-width: 330px) {
#brand .ecampus,#brand .amci {width:100%;}
}