@import url("https://fonts.googleapis.com/css?family=Rubik:400,500,700");
/* CSS Document */

body
{
 margin:0 auto;
 padding:0px;
 text-align:center;
 width:100%;
 font-family: 'Rubik', sans-serif;
 background-color: #00612B;
}

#wrapper
{
 margin: 0 auto;
 padding: 0px;
 text-align: center;
 width: 995px;	
}

#wrapper h1
{
 margin-top: 50px;
 font-size: 45px;
 color: #FFFFFF;
}

#wrapper h1 p
{
 font-size: 18px;
}

#form_message input[type="text"]
{
 width: 230px;
 height: 40px;
 border-radius: 2px;
 font-size: 17px;
 padding-left: 5px;
 border: none;
}

#contact_form_div textarea
{
 width: 230px;
 height: 70px;
 border-radius: 2px;
 font-size: 17px;
 padding: 5px;
}

.btn[type="submit"]
{
 width: 230px;
 height: 40px;
 border: none;
 border-radius: 2px;
 font-size: 17px;
 background-color: #40a5eb;
 border-bottom:3px solid #DEDEDE;
 color: #00612B;
 font-weight: bold;
}

@media only screen and (min-width:700px) and (max-width:995px)
{
 #wrapper
 {
  width: 100%;
 }
	
 #wrapper h1
 {
  font-size: 30px;
 }
	
@media only screen and (min-width:400px) and (max-width:699px)
{
 #wrapper
 {
  width:100%;
 }
	
 #wrapper h1
 {
  font-size: 30px;
 }

@media only screen and (min-width:100px) and (max-width:399px)
{
 #wrapper
 {
  width: 100%;
 }
	
 #wrapper h1
 {
  font-size: 25px;
 }
	}	
	}
}