html {
	background-color: #cfcfcf ;
}

body {
	max-width: 960px ;
	background-color: #fff ;
	margin-left: auto ;
	margin-right: auto ;
	margin-top: 60px ;
	margin-bottom: 60px ;
	font-family: "Arial", sans-serif ;
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.5);
/*box-shadow: x y blur spread rgba(red,green,blue,alpha=opacity);*/

}

header {
	background-color: #7bc144 ;
	text-align: center ;
	color: #fff ;
	padding:72px 36px ;
}

header p {
	margin-bottom:0;
	margin-top:0;
	font-size:24px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

header p strong{
	margin-bottom:0;
	font-size:100px;
	font-family:"Times New Roman", serif;
	font-weight:normal;
	text-transform: none;

}

nav {
	background-color: #3b6a26 ;
	display: flex;
	justify-content: center;
}

nav a{
	color:#fff;
	text-decoration:none;
	padding:15px 40px;
	transition-duration: 0.5s;
	transition-property:background-color;
}

nav a:hover {
	background-color: #7bc144;
	transition-duration: 0.5s;
}

h1{
	font-family:"Times New Roman", serif;
	color: #3b6a26 ;
	font-size:36px;
	font-weight:400;
}

h2{
	font-family:"Times New Roman", serif;
	color: #3b6a26 ;
	font-size:24px;
	font-weight:400;
}

img{
	max-width:100%;
}

.center {
	text-align: center;
	padding-bottom:50px;
}

article{
	padding:50px 30px;
	overflow: auto;
	text-align: center;
}

article h1{
	margin-top:30px;
	margin-bottom:30px;
}

article p{
	margin-top:15px;
	margin-bottom:15px;
	color:#5E6D66;
	line-height:24px;
}

.left{
	float:left;
	padding-left:60px;
	padding-right:60px;
}

ul, ol{
	line-height:24px;
	text-align: left;
}

li {
	color:#5E6D66;
}


.right{
	float:right;
	padding-left:60px;
	padding-right:60px;
}

.cta{
	color:#fff;
	display:inline-block;
	background-color:#7bc144;
	text-decoration: none;
	padding:10px 60px;
	margin-top:30px;
	margin-bottom:50px;
	transition-duration: 0.5s;
	transition-property:background-color;
	text-align:center;
}


.cta:hover{
	background-color:#3b6a26;
	transition-duration: 0.5s;
}

.left-align{
	text-align: left;
}

textarea{
	height:130px;
}

footer{
	background-color:#5E6D66;
	color:#fff;
	padding:40px 30px;
	display:flex;
	align-items:center;
}

.flex{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.flex a{
	width: calc( 33.33% - 30px);
	margin:5px 15px;
}

.flex a img{
	width: 100%;
}

.flex img:hover{
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.5);
}

.contact{
	text-align:left;
	font-family: "Helvetica" sans-serif;
}
.contact p{
	font-weight:500;
	color:#000;
}
.contact hr{
	border-style:dotted;
	border-color:rgb(204, 204, 204);
}


.title{
	font-size: 20px;
}

.text{
	font-size: 16px;
}

.text-box{
	width:580px;
}

b{
	color:red;
}

.btn{
	margin-top: 20px;
}

.map{
	width:960px;
	height:365px;

}

footer p{
	font-size:14px;
	flex-grow: 2;
}

footer a{
	padding-left:10px;
	transition-duration: 0.25s;
	transition-property: opacity;
	opacity:0.25;
}

footer a:hover{
	transition-duration: 0.25s;
	opacity:1;
}


/*footer img {
	border-radius: 50%;
	transition-duration: 0.25s;
}

.google:hover{
	background-color:#db3236;
	transition-duration: 0.25s;
}

.facebook:hover{
	background-color:#3b5998;
	transition-duration: 0.25s;
}*/









@media screen and (max-width: 767px)
/* @media screen and (min-width: 0px) and (max-width: 767px)
is also possible */
/*This is phone (S) size*/
{
	body{
		margin-top:0;
		margin-bottom:0;
	}

	header{
		padding:20px;
	}

	header p{
		margin-top:20px;
	}

	header p strong{
		font-size: 60px;
		line-height: 30px;
	}

	nav{
		flex-direction:column;
		text-align: center;
	}

	.right{
		padding:0;
		float:center;
		align-items: center;
	}

	.center-sp{
		text-align:center;
	}

	.phone-sp{
		padding:0;
	}

	.left-align-sp{
		text-align:left;
	}

	.left{
		padding:0;
		float:none;
	}

	/*
	.hide{
		display:none;
	}*/

	.flex a{
		width:45%;
		margin:5px;
	}

	.text-box{
		width:100%;
	}

	.map{
		width:100%;
	}

	iframe{
		width:100%;
	}


	footer a {
		opacity:1;

	}


}

/*@media screen and (min-width: 768px) and (max-width: 1024px){}*/
/*This is tablet (M) size.*/

/*@media screen and (min-width: 1025px){}*/
/*This is laptop (L) size, This website is made based on L size, no need to mention this.*/