@media print, only screen and (min-width: 984px) {

#contatti {
width: 672px;
text-align: left;
background-color: #eee;
border-radius: 12px;
padding: 48px 96px 24px 96px;
}

#contatti ul {
list-style: none;
margin-bottom: 24px;
}

#contatti ul li {
font: 17px/24px 'Joanna MT Std', Helvetica, sans-serif;
letter-spacing: 0.08em;
color: #102F4C;
background-color: #eee;
}

form {
width: 100%;
background-color: #fff;
margin: 72px 0 48px 0;
}

form p {
font: 17px/24px 'Joanna MT Std', Helvetica, sans-serif;
letter-spacing: 0.08em;
color: #102F4C;
margin-bottom: 20px;
}

form p:first-child {
margin-bottom: 24px;
}

form p input, form p textarea {
font: 16px/24px 'Joanna MT Std', Helvetica, sans-serif;
width: 480px;
letter-spacing: 0.07em;
color: #102F4C;
background-color: #D2D2D2;
border-top: 1px solid #ccc;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #ccc;
padding: 3px 6px;
}

form p textarea {
min-width: 480px;
max-width: 480px;
height: 238px;
min-height: 70px;
max-height: 478px;
}

form p:last-child input {
font: 20px/20px 'Joanna MT Std', Helvetica, sans-serif;
width: 240px;
height: 42px;
font-variant: small-caps;
letter-spacing: 0.08em;
color: #102F4C;
background-color: #96DED1;
}

form p:last-child input:hover {
color: #000;
background-color: #007FFF;
border: 1px solid #102F4C;
}

form p.avviso {
font: 18px/24px 'Joanna MT Std', Helvetica, sans-serif;
font-weight: bold;
color: red;
}

#messaggio {
margin-bottom: 72px;
}

}






@media only screen and (max-width: 983px) {

#contatti {
width: 90%;
text-align: left;
background-color: #eee;
border-radius: 12px;
padding: 24px 5% 24px 5%;
}

#contatti ul {
list-style: none;
margin-bottom: 24px;
}

#contatti ul:last-child {
margin-bottom: 0;
}

#contatti ul li {
font: 17px/24px 'Joanna MT Std', Helvetica, sans-serif;
letter-spacing: 0.08em;
color: #102F4C;
background-color: #eee;
}

form {
width: 100%;
background-color: #fff;
margin: 48px 0;
}

form p {
font: 17px/24px 'Joanna MT Std', Helvetica, sans-serif;
letter-spacing: 0.08em;
color: #102F4C;
margin-bottom: 20px;
}

form p:first-child {
margin-bottom: 24px;
}

form p input, form p textarea {
font: 16px/24px 'Joanna MT Std', Helvetica, sans-serif;
width: 98%;
letter-spacing: 0.07em;
color: #102F4C;
background-color: #D2D2D2;
border-top: 1px solid #ccc;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #ccc;
padding: 3px 1%;
}

form p textarea {
width: 98%;
max-width: 98%;
min-width: 98%;
height: 238px;
min-height: 70px;
max-height: 478px;
}

form p:last-child {
text-align: center;
}

form p:last-child input {
font: 20px/20px 'Joanna MT Std', Helvetica, sans-serif;
width: 75%;
height: 42px;
font-variant: small-caps;
letter-spacing: 0.08em;
color: #102F4C;
background-color: #96DED1;
}

form p:last-child input:hover {
color: #000;
background-color: #007FFF;
border: 1px solid #102F4C;
}

form p.avviso {
font: 18px/24px 'Joanna MT Std', Helvetica, sans-serif;
font-weight: bold;
color: red;
}

#messaggio {
margin-bottom: 72px;
}

}