body {
        background-color:#eee;
        font-family: 'Roboto', sans-serif;
        margin: 0;
        padding: 0;
	color:#1b1b1b;
        
    }
    
    h1 {
        font-family: 'Roboto Slab', serif;
        color: #1b1b1b;
    }
    
    h2 {
        font-family: 'Roboto Slab', serif;
        color: #AFD6D5;
        font-size: 20px;
    }
 
    h3 {
        font-family: 'Roboto Slab', serif;
        color: #1b1b1b;
        font-size: 35px;
    }


    #mainpage {
        background-color: #eee;
        width: 100%;
        height: 1000px;
        top: 0 px;
        position: relative;
        margin: center;
        z-index:-2;
    }
    
    #logo {

        position: absolute;
        margin: 0 auto;
        left: 115px;
        top: 5px;
	padding:5px;
        text-align: center;
        color: #5e1211;
	z-index: 1;
    }

     #phone {
       float:right;
       margin-left:1350px;
       margin-top:20px; 
       width: 300px;
       color: #fff;
       padding:15px;
       color: #fff;
       position: absolute;
       z-index:1;
	
    }
    
    #navbar {
        background: rgba(43, 43, 43, 0.6);
        width: 100%;
        height: 110px;
        position: absolute;
        margin: 0 auto;
        top: 0px;
        color: #fff;
        font-size: 14px;
        font-family: roboto;
        text-transform: uppercase;
        font-weight: bold;
    }
    
   ul#navmenu {
       margin-left:550px;
       width: 900px;
       color: #fff;
       padding:15px;
	
    }
    
    ul#navmenu li {
        display: inline-block;
        margin:auto;
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
        
    }
    
    ul#navmenu li a {
        text-decoration: none;
        color: white;
    }
    
    ul#navmenu li a:hover {
        color: #AFD6D5;
    }
    
    #mainimage {
     width: 100%;
        height: 726px;
        position: absolute;
        margin: 0 auto;
        top: 0px;
        background-image: url(img/homebanner.png);
        z-index:-1;
    }
    
    .mainimagetext {
    text-align: center;
    padding: 20em 0 0;
        

    }

   .mainimagetext a {
    padding: 20px 50px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Roboto', Sans-serif;
    font-weight: 600;
    font-size: 24px;
    text-decoration: none;
    border: 5px solid;
    border-color: #fff;
    }

.mainimagetext a:hover {
    padding: 20px 50px;
    text-transform: uppercase;
    color: #AFD6D5;
    font-family: 'Roboto', Sans-serif;
    font-weight: 600;
    font-size: 24px;
    text-decoration: none;
    border: 5px solid;
    border-color: #AFD6D5;
    }


    
    #bodytext {
        background-color: #918473;
        width: 100%;
	height: 300px;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        top: 590px;
        text-align: center;
        color: #000;
        font-family: 'Roboto', Sans-serif;
        font-size: 15px;
    }

    #bodytext2 {
        background-color: #fff;
        width: 100%;
	height: 400px;
        position: absolute;
        top: 890px;
        text-align: center;
        color: #000;
        font-family: 'Roboto', Sans-serif;
        font-size: 15px;
    }

    .bodytext3 {
        background-color: #eee;
        width: 100%;
	height: 900px;
        position: absolute;
        top: 300px;
        color: #000;
        font-family: 'Roboto', Sans-serif;
        font-size: 15px;
        line-height: 30px;
    }

    .imgcontainer {
     display: inline-block;
     margin-left: auto;
     margin-right: auto;
     padding: 30px;
	
}

    .container {
     width: 400px;
     margin-left:30%;
     display: inline-block;
	
}

    .container2 {
     width: 400px;
     margin-left:5%;
     display: inline-block;
	
}

    .container3 {
     width: 450px;
     margin-left:5%;
     display: inline-block;
     padding:20px;
	
}
	
  
    
    #footer {
        background-color:#20201f;
        width: 100%;
        height: 400px;
        position: absolute;
        margin: 0 auto;
        top: 1600px;
        color:#fff;
        text-align: center;
        color: #000;
        font-family: 'Roboto', Sans-serif;
        font-size: 15px;
    }

    #footer2 {
        background-color:#20201f;
        width: 100%;
        height: 400px;
        position: absolute;
        margin: 0 auto;
        top: 1300px;
        color:#fff;
        text-align: center;
        color: #000;
        font-family: 'Roboto', Sans-serif;
        font-size: 15px;
    }
    
    .footercontact {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
    text-align: left;
    color: #eee;
    line-height: 23px;

    }
  
    
.simple-subscription-form {
  color: #eee;
  border-radius: 0;
  width: 250px;
  line-height: 30px;
}

.simple-subscription-form .button {
  margin-bottom: 0;
  background-color: #AFD6D5;
  color: white;
  border: none;
}

/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */  
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background-color: #AFD6D5;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button */
input[type=submit]:hover {
    background-color: #eee;
}