body {
  background-repeat: no-repeat;
  background-size: 110% ;
  background-image: url("bckgnd.png");
}

#form{

/* arrotondiamo angoli */

    border-radius:8px;
/* ombre del bloco*/

    margin: 0 auto;
    overflow: hidden;
    padding-top: 5%;
    text-align: center;
/* impostiamo la larghezza della forma a seconda della nostra idea
 ** la nostra forma sara adattiva  */
    width: 100%;
    max-width: 700px;
}
#form h2{
/* stilizare titolo della forma
 ** colore grandezza e famiglia del font  */

    color: #95b4d8;
    font: 40px Josefin, sans-serif;
    margin: 10px 24px;
	font-weight: bold;
    padding: 0 5px 10px 0;
/* aggiungo ombra al testo */
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        }
#form fieldset{
/* formattiamo blocchi al interno della forma  */
    margin:0;
    padding:0;
    border:none;
    float:left;
    display:inline;
    margin-left:26px;
}
/* formattiamo intestazioni  delle input */

#form label{
  font:28px Josefin, sans-serif;
  display:block;
  color:#95b4d8;
  font-weight: bold;
  margin-bottom:1px;
}
#form input, #form textarea{
    font:20px Josefin, sans-serif;
    color:#6B6B6B;
/* eliminiamo bordi nel input */
    border: none;
/* arrotondiamo angoli degli input  */

    border-radius:.3em;
    background-color: #F7F7F7;
    padding:3px;
/* aggiungere ombre interne a input e aria di testo grande*/

    box-shadow: inset 0 0 5px rgba(0,0,0,0.1), inset 0 1px 2px rgba(0,0,0,0.3);
    color: #5B5B5B;
}
#form input {
/* impostiamo larghezza del aria d'input */
    width:300px;
	height:35px;
}
/* Modifichiamo stilizzazione dei campi d'input al passaggio del mouse */
#form input:focus, #form textarea:focus {
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2), inset 0 1px 2px rgba(0,0,0,0.4);
    background: #F2F2F2;
    color: #333;
}

#form .submit{
    clear:both;
    padding: 0px 25px 20px;
    margin:0;
    float:right;
}
/* stilizzazione del bottone invia */
#form button{
/* grandezza del bottone */
    width:300px;
	height:35px;
    line-height:50px;
	font: 16px Josefin, sans-serif;
/* ombre esterne */

    box-shadow: #FDCA26;
    border: solid #FDCA26;
/* arrotondare angoli del bottone */
    border-radius: 5px;
    background-color: #FDCA26;
/* sfondo a gradiente */
    background-image:linear-gradient(center top , #5BC0DE, #2F96B4);
    color:#333;
    cursor:pointer;
    text-align:center;
}
/* cambio dello stile del bottone al passaggio del mouse */
#form button:hover {
    border-color: #FDCA26;
    box-shadow: none;
}