.col-sm-2 h1{
	font-family: 'Rammetto One', cursive;
	font-size:100%;
	color: #601d03;
	float:left;
	margin-top: 1.5em;
	padding-right: 1em;
	border-right: 5px;
	border-right-style: solid;
	
}
.col-sm-6 h2{
	font-family: 'Rammetto One', cursive;
	font-size:2em;
	width: 100%
	color: #601d03;
	margin-top: 1.5em;
	padding-right: 1em;
	text-align: left;	
}
.col-sm-9 h2{
	font-weight: 600;
  	font-family: 'Exo', sans-serif;
	font-size:1.5em;
	float:left;
	margin-left: 1em;
	margin-top: 1em;
}
.col-sm-9 p{
	 font-weight: 400;
  	font-family: 'Exo', sans-serif;
	font-size:100%;
	color: #0a0a0a;
	float:left;
	margin-top: -0.3em;
	margin-left: -0.1em;
}
.res_fields p{
	font-weight: 600;
  	font-family: 'Exo', sans-serif;
	color: #601d03;
	font-size:1.4em;
	margin-left: -0.7em;
	margin-bottom: 0.25em;
	margin-top: 0.5em;
	text-align: left;
}
.carrot{
		width: 14em;
		display: block;
		margin-left: auto;
  		margin-right: auto;
		position: relative;
		margin-top: 4em;
	}

input[type=text], select, textarea,
#phone{
  width: 70%;
  padding: 12px;
  border-top: 3px solid #601d03;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
  background-color: #fdf7f2;
}

input[type=submit] {
  background-color: #601d03;
  color: #fdf7f2;
  margin-top: 2em;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
  font-family: 'Exo', sans-serif;
}
input[type=submit]:focus, 
input[type=submit]:hover{
  background-color: #fdf7f2;
  color: #601d03;
  transition:.4s;
  } 

#comments{
	height: 80px;
}





/*-------------------Screen adjustments ------------------------------------------------------------------*/
	
@media (max-width : 320px ) {
	.about{
		margin-top: 0em;
	}
	.col-sm-2 h1{
	font-family: 'Rammetto One', cursive;
	font-size:100%;
	color: #601d03;
	float:left;
	margin-top: 1.5em;
	border-right: none;	
	padding-left: 1em;
	border-left: 5px;
	border-left-style: solid;
	
}
	.footer_link {
	width:3.8em;
	padding: 1.3em;
	padding-right: 0.9em;
	}
	
	.footer {
   left: 0;
   bottom: 0;
   margin-right: 1.0em;
   }
	
}

@media (min-width : 320px ) and ( max-width : 767px ) {
	
.carrot{
	width: 16em;
	margin-top: 8em;	
	}	
	
	.about{
		margin-top: -1em;
	}

}
@media (min-width : 768px ) {
.carrot{ /* Mascot Images Styling home page*/
  display: block; 
  width: 20%;
  height: auto;
  opacity: 1;
  position: absolute;
  margin-right: 5%;
  margin-left: 70%;
  z-index: -1;
}
	.about{
		margin-top: 2em;
	}
	
}