#contact{
width:35%;
text-align:center;
float:left;
padding: 3%;}

.content-data{
width:100%;
text-align:center;
float:left;
}

.content-address2{width:100%;float:left;}
.content-address2 span{width:100%;float:left;}

.content-title{color:#F00;font-size:1em;text-align:center;font-weight:bold;}
.contact-title{background-color:#69ADBE;color:#000;font-weight:bold;}

.content-color{color:#F00;font-size:1em;}


.content-data span{width:100%;text-align:center;float:left;line-height: 1.5em;}

#address{
width:53%;
z-index:11;
text-align:center;
float:right;
padding: 3%;}

#address2{width:28%;z-index:14;font-size:1em;float:left;padding: 3%;text-align: center;}

#mail{
clear:both;
text-align:center;
width:28%;
float:left;
padding: 3%;}

#website{
text-align:center;
width:27%;
float:left;
padding: 3%;}

input, submit {
padding: 0em;
}


/* for 700px or less */
@media screen and (max-width: 600px) {


#contact{
width:50%;
}

#address2{
width:40%;
}

#address{
width:50%;
}

#mail{
clear:none;
width:40%;
}

#website{
width:40%;
}

}


/* for 480px or less */
@media screen and (max-width: 480px) {

#contact{
width:100%;
}

#address2{
width:100%;
}

#address{
width:100%;
}

#mail{
width:100%;
}

#website{
width:100%;
}

}