/*---- GENERIC PAGE CSS ----- */
#generic-page-frame {
	margin: 100px -15px 10px -15px;
}

#generic-page-frame h1{
	margin:20px 10px 0 10px;
}
#generic-page-frame p {
		font-size: 20px;
		margin: 0px 20px 10px 0px;
		padding: 10px 20px 10px 10px;
		/* margin-bottom: 47px; */
		/* font-style: italic;*/
		/* color: #939394; */
		line-height: 24px; 
}
#generic-page-frame p.bare {
		margin:0px;
		padding:0px;
		padding-bottom:5px;
}
#generic-page-content {
		border-color:green;
		/* border-style:dashed; */
		padding: 0 5px 5px 5px;
		margin:0 15px 15px 15px;	
}

#generic-page-content h2 {
	    margin:0px 0 0px 10px;
}
.generic-content-image-right img {
	float:right;
	width:400px;
	padding:0px 10px 10px 10px;
	margin:0px 0px 0px 20px;	
}
.generic-content-image-left img {
	float:left;
	width:400px;
	padding:0px 10px 10px 10px;
	margin:0px 20px 0px 0px;		
}

@media (max-width: 767px) {
   .generic-content-image-right img{
   	    margin-left:5px;
   	    padding-left:5px;
   		float:right;
    	width:250px; 
    }
    
    .generic-content-image-left img{
   	    margin-left:5px;
   	    padding-left:5px;
   		float:left;
    	width:250px; 
    }
}
@media (max-width: 767px) {
	#generic-page-content h1 {
	    margin:10px 0 5px 0;
	   	font-size: 28px;
	}
	#generic-page-content h2 {
	    margin:0px 0 5px 5px;
	   	font-size: 26px;
	}
	#generic-page-content p {
	   	margin: 5px 0 0 2px;
	   	padding: 0 5px 0 5px;
	   	font-size:18px;
	}
}

@media (max-width: 480px) {
   .generic-content-image-right img{
   		margin-right:180px;
   	    margin-left:10px;
   	    padding-left:0px;
   		float:left;
    	width:250px; 
    }
    
}


/*---- CONTACT PAGE CSS ----- */
#contact {
  		margin-top: 40px; 
}
/*main content configuration*/
#contact .contact-form {
    	margin: 100px 0 10px 0; 
}
#contact .contact-form p {

		font-size: 20px;
		margin-bottom: 47px;
		/* font-style: italic;*/
		/* color: #939394; */
		line-height: 24px; 
}
#contact .displaymessage {
    color: black; /*#c4c4c4;*/
    font-style: normal;
    font-family: 'times roman';
    font-weight: 800;
    font-size: 28px;
    margin: 10px 0px 10px 10px;
    text-align: center;	
}
#contact .displayphone {
    color: black; /*#c4c4c4;*/
    font-style: normal;
    font-family: 'times roman';
    font-weight: 800;
    font-size: 32px;
    margin: 10px 0px 10px 10px;
    text-align: center;	
}
#contact .contact-form .submit .right {
		margin-right:20px;
    	float: right; 
}
#contact .contact-form .submit .right input[type="submit"] {
     	float: right;          
      	background: #05562B; /* blue tone #0C8AD2;*/          
       	color: #fff;
       	text-transform: uppercase;
       	font-size: 15px;
       	margin-top:10px;
      	padding: 4px 10px;
      	border: 1px;
      	border-radius: 5px;
      	-webkit-transition: background linear .2s, box-shadow linear .2s;
      	-moz-transition: background linear .2s, box-shadow linear .2s;
       	-o-transition: background linear .2s, box-shadow linear .2s;
       	transition: background linear .2s, box-shadow linear .2s; 
}
/*new separate submit css*/
#contact .contact-form input[type="submit"] {
     	float: right;          
      	background: #4A2009; /* blue tone #0C8AD2;*/          
       	color: #fff;
       	text-transform: uppercase;
       	font-size: 15px;
       	margin-top:20px;
      	padding: 4px 10px;
      	border: 1px;
      	border-radius: 5px;
      	-webkit-transition: background linear .2s, box-shadow linear .2s;
      	-moz-transition: background linear .2s, box-shadow linear .2s;
       	-o-transition: background linear .2s, box-shadow linear .2s;
       	transition: background linear .2s, box-shadow linear .2s; 
}

#contact .contact-form input[type="submit"]:hover {
      	background: #05562B; /*#4A2009; */
}
/**end new separte submit css*/

#contact .contact-form .submit .right input[type="submit"]:hover {
      	background: #4A2009; 
}

#contact .form .box input[type="text"] {
        padding-left: 20px;
        margin-bottom: 10px;
        color: black;
        height: 38px;
        border-radius: 5px; 
}
#contact .form .box textarea {
        padding: 12px;
        margin: 0;
        border-radius: 5px;
        height: 136px; 
}

/* --- FORM PAGE RESPONSIVE ---------------------------------------------- */
@media (max-width: 767px) {
  #contact .displayphone {
	font-size:24px;
  }
  #contact .displaymessage {
	font-size:16px;
  }
  #contact .contact-form {
    	margin: 70px 0 10px 0; 
  }
  #contact .contact-form .submit .box {
    	margin: 10px 0 24px; }
  #contact .contact-form .submit .right {
    	float: none; }
  #contact .contact-form .submit .right input[type="submit"] {
      	margin: 0 auto;
      	float: none;
      	width: 53%;
      	display: block;
      	padding: 7px; }
@media (max-width: 480px) {
  #contact .contact-form .submit .right input[type="submit"] {
    	font-size:12px;
    	width: 60%; }