/*------------------------heading-----------------------*/
.header{
	display: grid;
	background: url('../img/tmesContact-min.jpg');
	background-attachment:;
	background-repeat: no-repeat;
	background-position:top;
	background-size:cover;

	box-shadow: inset 768px 0 0 0 rgba(0,0,0,0.4);
}
.heading{
	display:grid;
	justify-content:center;
	color: rgba(255,255,255);
	text-align: center;
	margin: 20% 10% 20% 10%;
  	padding-top:100px;
}
h1{
	font-size:1.5em;
	border-bottom: solid rgba(255,255,255);
	padding-bottom: 10px;
	margin-bottom: 0px;
}
h2{
	font-size:1.3em;
	font-weight: 400;
	text-align: center;	
}
.header h2{
	border-bottom: solid rgba(255,255,255);
	padding-bottom: 10px;
	margin-bottom: 0px;
}
/*-----------------------------section-one-----------------------*/
.section-one{
	padding: 30px 0;
}
.section-one h2{
	text-align: center;
	padding-bottom: 30px;
	
}
.section-one p{
	margin: 20px 10%;
	padding-bottom:30px ;
}
@media only screen and (min-width:1200px){
	.section-one p{
		margin: 20px 15%;
	}
}
.social{
	display:grid;
	grid-template-columns: repeat(4, 50px);
	grid-gap: 30px;
	justify-content:center;
	margin: 10px 0;
}
.social p {
	margin: 0;
}
.facebook, .twitter, .youtube{
	
	width: 40px;
}
/*------------------banner-one--------------------*/

.banner-one img{
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
}
.banner-one-text{
	background-color:rgb(128,140,35);
	color: rgb(255,255,255);
	margin:0px;
	padding: 10%;
}
/*--------------------section-two-----------------------------*/

.section-two{
	display: grid;
	background: rgb(81,87,39);
	color: rgb(255,255,255);
	padding:10%;
}
.section-two h2{
	padding-bottom: 5%;
}
/*------------------section-three----------------------------*/

.section-three{
	background: rgb(81,87,39);
	color: rgb(255,255,255);
	padding:10%;
}
.section-three h1{
	text-align: center;
}
.section-three p{
	margin: 0;
	padding-bottom: 30px;
}
.section-three img{
	display: block;
	width: 100%;
}
/*----------------section-four------------------------------------*/

.section-four{
 padding: 10%;
}
.section-four p{
	margin: 10% 0;
}
.section-four img{
	display:block;
	margin: 30px auto;
	width: 50%;
}
.section-four h2{
	padding-bottom: 10%;
}
/*------------------------------form------------------------------------------*/
.form{
	padding: 10%;
	display: grid;
	background: rgb(81,87,39);
	grid-template-columns: 100%;
	grid-template-rows: 60% 30%;
	justify-content: space-between;

}
.form-left{
	display: grid;
	grid-template-rows: repeat(3, 50px) 150px;
	grid-gap: 5%;
	width: 80%;
	margin: auto;
	color: rgba(255,255,255);
	font-size:0.8em;
}
.form-left p{
	font-size: 10px;
	text-align:center;
	font-style: italic;
}
.form-right{
	display: grid;
	grid-template-rows: 90% 10% ;
	grid-gap: 5%;
	width: 80%;
	margin: auto;
}
.form-left input {
	border-radius: 10px;
	border-style: none;
	border-width: 0;	
}
.form-right input{
	width: 40%;
	margin:auto;
	padding:5px ;
	background: rgb(128,140,35);
	color: rgb(255,255,255);
	font-weight: bold;

	border-radius: 10px;
	border-style: none;
	border-width: 0;
	transition:all 0.5s ease-in-out;	
}
.form-right input:hover{
	background: rgb(118,124,57);
	transition:all 0.5s ease-in-out;

}
::placeholder{
	font-family: Montserrat Regular, sans-serif;
	font-weight:bold;
	color: rgb(0,0,0,0.4);
	padding-left: 10px;
}
textarea{

	border-radius: 10px;
	border-style: none;
	resize: none;
	padding: 10px 15px;
}
textarea:focus, input:focus {
	outline: none!important;
	font-family: Montserrat Regular, sans-serif;
}
/*----------------------------------------office---------------------------*/

.office{
	display: grid;
	grid-template-rows: 50% 50%;
	justify-content:space-around;
}
.contact{
	width: 80%;
	margin: 10%;

}
.map {
	width: 100%;
	margin: auto;
}
.social-btns{
	padding-top: 10%;
}
.mobile{
	width: 100%;
}