.contact_form {
    margin-top: 35px;
}

#overlay {
  background-color: rgba(255,255,255,0.3);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* display: none; */
  text-align: center;

}
 
h1.details {
    font-family: 'Lobster Two', cursive;
    font-size: 60px;
    color: white;
	font-weight:400;
}

input[type="text"], input[type="email"] {
    width: 100%;
    border: solid 1px lightgray;
    height: 50px;
    border-radius: 5px;
	margin-top:15px;
	text-indent: 10px;
	-webkit-appearance: none;
}
input.message{height:200px;}

input.submit_form {
    background: #3498DB;
    border: none;
    padding: 15px 10px;
    color: white;
    font-size: 16px;
    border-radius: 3px;
    width: 100%;
    font-weight: 600;
    margin-top: 30px;
    box-shadow: 0px 3px 0px 0px #175C8A;
	-webkit-appearance: none;
}

footer {
 
    padding: 30px 0px;
 
    text-align: center;
 
}

	
 .thumbnail {
    background-color: #12a09a;
    border: none;
}


section#contact_detail {
    background: #3498db;
    padding: 25px 0px;
}



/*
.thumbnail .caption {

    margin-top: -35px;
    position: relative;
    z-index: 5;
}*/

/* Portrait phones and smaller */
@media (max-width: 480px) {
h1.details {
    font-family: 'Lobster Two', cursive;
    font-size: 60px;
    color: white;
	font-weight:400;
}

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
h1.details {
    font-family: 'Lobster Two', cursive;
    font-size: 60px;
    color: white;
	font-weight:400;
}



}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
 
h1.details {
    font-family: 'Lobster Two', cursive;
    font-size: 60px;
    color: white;
	font-weight:400;
}

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
 h1.details {
    font-family: 'Lobster Two', cursive;
    font-size: 60px;
    color: white;
	font-weight:400;
}

 


 
}




/* Large desktops and laptops */
@media (min-width: 1200px) {
 
 
 h1.details {
    font-family: 'Lobster Two', cursive;
    font-size: 60px;
    color: white;
	font-weight:400;
}


 
 

input[type="text"], input[type="email"] {
    width: 60%;
    border: solid 1px lightgray;
    height: 50px;
    border-radius: 5px;
	margin-top:15px;
	text-indent: 10px;
}
input.message{
height:200px;
}

input.submit_form {
    background: #38aa9b;
    border: none;
    padding: 12px 0px;
    color: white;
    font-size: 16px;
    border-radius: 5px;
    width: 20%;
    font-weight: 600;
    margin-top: 30px;
    box-shadow: 0px 3px 0px 0px #175C8A;
}
section#contact_detail {
    background:  #359f92;;
    padding: 52px 0px;
}

 
 

 
 

}