.form-basic{
max-width: 450px;
margin: 0 auto;
padding: 11px;
background-color:  #ffffff;
font: bold 14px sans-serif;
text-align: left;
}
.form-basic .form-row{
text-align: center;
margin-bottom: 5px;
}
.form-basic .form-row > label span{
display: inline-block;
box-sizing: border-box;
color: black;
width: 230px;
text-align: left;
vertical-align: top;
padding: 1px 1px;
}
.form-basic input{
color:  black;
box-sizing: border-box;
width: 230px;
box-shadow: 3px 3px 3px #888888;
font: normal 14px sans-serif;
padding: 12px;
border: 1px solid teal;
}
.form-basic textarea{
color:  black;
box-sizing: border-box;
width: 230px;
height: 80px;
box-shadow: 3px 3px 3px #888888;
font: normal 14px sans-serif;
padding: 12px;
border: 1px solid teal;
resize: vertical;
}
.form-basic button{
display: block;
border-radius: 2px;
background-color:  teal;
color: #ffffff;
font-weight: bold;
box-shadow: 3px 3px 3px #888888;
padding: 5px 10px;
border: 0;
margin: 15px 88px 0;
}

@media (max-width: 600px) {
.form-basic{
padding: 15px;
max-width: 450px;
}
.form-basic .form-row{
max-width: 300px;
margin: 15px auto;
text-align: left;
}
.form-basic .form-row > label span{
display: block;
text-align: left;
padding: 0 0 5px;
}
.form-basic button{
margin: 0;
}
}


#emailbut
{
width: 120px;
height: 30px;
background-color: teal;
color: white; 
}
#emailbut:hover
{
background-color: paleturquoise;
color: black; 
}