@charset "utf-8";

body{
	background-color:#231f20;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	line-height: 1.6em;
	margin:0;
	color:#fff;
}

#main-footer{
	text-align: center;
}	

.container{
	width:100%;
	margin:auto;
	overflow:hidden;
	align-content: center;
	min-height: 600px;
	padding-top: 20px;
}


.bgimage{
	background-image: url("../images/uuuu.png");
    background-repeat:repeat;
	min-height:700px;
	margin-bottom:40px;
	background-position: center;
	padding-top: 0px;
	border-bottom: 1px #ffffff solid;
}

.bgimage h1{
	color:#231f20;
	font-size:120px;
	line-height: 1.6em;
	font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	text-align: center;
	padding-top: 250px;
	margin-top: 0;
}

.bgimage2{
	background-image: url("../images/uuuu3.png");
    background-repeat:repeat;
	min-height:700px;
	margin-bottom:0px;
	background-position: center;
	padding-top: 0px;
	margin-top: 0px;
	border-bottom: 1px #ffffff solid;
}

.bgimage2 p{
	color:#000;
	font-size:40px;
	line-height: 1.em;
	padding-top:1px;
	font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	text-align: center;	
	margin-top: 0px;
}

.bgimage3{
	background-color: white;
    background-repeat:repeat;
	min-height:700px;
	margin-bottom:0px;
	background-position: center;
	padding-top: 0px;
	margin-top: 0px;
	border-bottom: 1px #ffffff solid;
}



section{
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.contact1{
	width: 90%;
	max-width: 700px;
	margin: 0 auto;
	box-shodow: 0px 0px 20px #00000010;
	border-radius: 0px;
	margin-bottom: 20px;
	font-size: 25px;
	padding-top:30px;
	color: #231f20;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	background-color: #ffffff;
}
.write {
	font-size: 25px;
	padding-bottom: 0px;
}
.asterisk p{
	font-size: 19px;
	color: #A09F9F;
	padding-bottom: 0px;
}

.links {
	padding-top:0px;
	margin-top: 0px;
	display: inline;
}
.form-group{
	width: 100%;
	margin-top: 10px;
	font-size: 25px;
}

.form-group input, .form-group textarea{
	width: 100%;
	padding: 10px;
	font-size: 22px;
	border: 1px solid;
	margin-top: 5px;
}

textarea{
	resize: vertical;
}

button[type="send"]{
	width: 100%;
	border: none;
	outline: none;
	padding: 20px;
	font-size: 24px;
	border-radius: 8px;
	color: #35754B;
	text-align: center;
	cursor: pointer;
	margin-top: 10px;
	transition: .3s ease background-color;
}

button[type="submit"]:hover {
	background-color: #888888;
	color: white;
}

.box-2{
	padding-top: 30px;
}

.box-1{
	padding-top: 140px;
}

.follow{
	border-bottom: 1px #ffffff solid; 
	text-align: center;
}



#main-header{
    border-bottom: 1px #ffffff solid;
    text-align: center;
	padding-top: 40px;
	padding-bottom: 30px;
}

#navbar{
	background-color:#231f20;
	text-align: center;
	margin-bottom: 0px;
	padding-right: 40px;
	border-bottom: 1px #ffffff solid;
}

#navbar ul{
	list-style: none;
	text-align: center;	
}

#navbar li{
	display: inline;
}

#navbar a{
	color:#fff;
	text-decoration: none;
	padding-right:30px;
	font-size:24px;
}

/* Style the "active" element to highlight the current page */
/* Change the color of links on hover */
#navbar a:hover {
  color: #35754B;

/* When the screen is less than 600px wide, stack the links and the search field vertically instead of horizontally */
@media screen and (max-width: 600px) {
  #navbar a, #navbar{
    float: none;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 14px;
  }
	
	
	