@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');
body {
	font-family: 'Open Sans', sans-serif;
}
#navigation {
	position: absolute;
	right: 13%;
	top: 13%;
}
#navigation .nav-item a {
	font-size: 15px;
	/*color: #7d7d7d;*/
	color: #fff;
	border-bottom: 1px solid #404040;
	margin: 0;
	/*padding: 0 50px 10px 0;*/
	padding: 0 46px 10px 0;
	text-transform: uppercase;
	font-weight: 400;
}
#navigation .nav-item.active a, #navigation .nav-item a:hover {
	color: #f8981d;
	/*font-weight: 600;*/
	font-weight: 400;
}
.nopad-r {
	padding-right: 0 !important;
}
.contentwrap-l, .contentwrap-r {	
	/*max-height: 740px;*/
	max-height: 748px;
	/*width: 684px;*/
	height: 100%;
	/*padding: 130px;*/
	padding: 40px 70px 40px 70px;
}
.contentwrap-l {
	background: url(../images/bg-grey.jpg) top repeat-y;
	background-position: right;
	/*float: right;*/
}
.contentwrap-r {
	background: url(../images/bg-grey-2.jpg) top repeat-y;
	background-position: left;
	float: left;
}
.contentwrap-l h1, .contentwrap-r h1 {
	font-size: 42px;
	color: #000;
	text-align: left;
	/*text-align: center;*/
	padding: 0 0 50px;
	margin: 0;
	text-transform: uppercase;
	font-weight: 700;
}
.contentwrap-r h1 {
	padding: 0 17px 20px;
}
.contentwrap-l p, .contentwrap-r p {
	font-size: 20px;
	color: #000;
	text-align: left;
	padding: 0 0 10px;
	margin: 0 0 30px;
	text-transform: uppercase;
	font-weight: 400;
	border-bottom: 1px solid #6a6a6a;
}
.contentwrap-l p span, .contentwrap-r p span {
	color: #3b3b3b;
	float: right;
	text-transform: capitalize;
}
.contentwrap-l p.context, .contentwrap-r p.context {
	font-size: 15px;
	color: #000;
	text-align: left;
	padding: 0;
	margin: 0;
	border: none;
	line-height: 21px;
	text-transform: none;
	font-weight: 300;
}
#contactform {
	/*margin: 40px 0 0;*/
	margin: 0px 0 0;
}
#contactform input {
	width: 100%;
	height: 40px;
	border: none;
	padding: 0 20px;
	font-size: 15px;
	color: #707070;
}
#contactform textarea {
	width: 100%;
	height: 100px;
	border: none;
	padding: 0 20px;
	font-size: 15px;
	color: #707070;
}
#contactform button {
	width: auto;
	height: 40px;
	border: none;
	font-size: 15px;
	padding: 0 20px;
	text-transform: uppercase;
	font-weight: 400;
	background: #000;
	color: #fff;
}

@media screen and (min-width: 241px) and (max-width: 767px) {
	.contentwrap-l, .contentwrap-r {
		max-height: inherit;
		width: 100%;
		height: 100%;
		padding: 50px;
	}
	.contentwrap-l h1, .contentwrap-r h1 {
		font-size: 28px;
		padding: 0 0 30px;
	}
	.contentwrap-l p, .contentwrap-r p {
		font-size: 15px;
		margin: 0 0 15px;
	}
	.contentwrap-l p.context, .contentwrap-r p.context {
		font-size: 14px;
	}
	#navigation {
		position: fixed;
		right: 4%;
		top: 2%;
		width: 96%;
	}
	#navigation button {
		position: fixed;
		right: 4%;
		top: 2%;
	}
	#navbarNav {
		margin-top: 50px;
	}
}

/* -----8-9-2019----- */
  .contentwrap-l label {
    font-size: 20px;
    /*color: #f8981e;*/
    color: #e48306;
    text-align: left;
    padding: 0 0 10px;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-weight: 400;
    border-bottom: 1px solid #f8981e;
  }

  #map {
    /*height: 330px;   The height is 400 pixels */
    height: 188px;  
    width: 100%;  /* The width is the width of the web page */
  }

  #contactform label {
    /*color: #e29214;*/
    color: #e48306;
    padding-top: 0px;    
  }

.container {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  max-height:800px;
  padding-left: 0px;
  padding-right: 0px;
}

.container img {vertical-align: middle;}

.container .content {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}
/* -----8-9-2019----- */