html {
    background: url(back_ami.jpg) left top repeat;
}
img {
    max-width: 100%;
    height : auto ;
}
iframe {
    width : 100% ;
}
p,dd,dt,dl {
    margin:0;
    padding:0;
}
#content {
    margin: 0 auto;
    padding: 20px;
    max-width:980px;
    background:#FFF;
    text-align: center;
}
dl {
    margin: 20px;
    padding:10px;
    font-size: 0.8rem;
    border:2px solid blue;
    border-radius: 10px;
}
.red {
    color: red;
}
#form1 {
    margin: 20px auto;
    padding:20px;
    max-width: 400px;
	border: 2px solid blue;
	border-radius: 10px;
    text-align: left;
}
#form1 label {
    text-align: left;
}
#form1 input[type=text],
#form1 textarea{
    margin-bottom: 15px;
	box-sizing: border-box;
	width: 100%;
	padding: 0.5em;
	transition: 0.3s;
	border: 1px solid #1b2538;
	border-radius: 4px;
	outline: none;
    transition: 0.3s;
}
#form1 input[type='text']:focus,
#form1 textarea:focus {
	border: 1px solid blue;
}
#form1 .radio{
    margin-bottom: 15px;
}
#form1 .radio-label {
    font-size:0.8rem;
}
@media (min-width: 769px){
 .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    padding-right:10px;
}
 .dl-horizontal dd {
        text-align: left;
}
}