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

/* screenwidth less than 1100px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1100px) {

#contact article {
    width: 90%;
}
}

/* screenwidth less than 900px
--------------------------------------------------------------------- */
@media only screen and (max-width: 900px) {

#contact article p{
   text-align:left;
}
}



/* screenwidth less than 980px
--------------------------------------------------------------------- */
@media only screen and (max-width: 980px) {

form {
    width: 90%;
}

}


/* screenwidth less than 500px
--------------------------------------------------------------------- */
@media only screen and (max-width: 500px) {


form dl dd textarea {
    width: 90%;
}
form dl dd {
    margin: 0 auto 5px auto;
}

input.send {
    width: 90%;
}
}





/* screenwidth less than 439px
--------------------------------------------------------------------- */
@media only screen and (max-width: 439px) {

#contact h2{
   padding:0 0 4px 0;
   width:100%;
}
.mailform h3{
   padding:0 0 4px 0;
   width:100%;
}
}


/* screenwidth less than 320px
--------------------------------------------------------------------- */
@media only screen and (max-width: 320px) {

.inline_input {
    width: 80%;
}


}