/* Base layout */
body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  background-color: #fafafa;
  /*
  background-image: url("imgs/Picture7.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
  */
}

.container {
  width: 70%;
  padding: 20px;
  margin: 0 auto;
}

/* Header styling */
.site-header {
  display: flex;
  align-items: center;
  padding: 1% 1% 1% 5%;
  
  background-color: #fafafa;
}

/* Logo image */
.logo-image {
  width: 100px;
  height: 100px;
  object-fit: contain;
}

/* Logo text */
.logo-text h1 {
  margin: 0;
  font-size: 30px;
  line-height: 0.8;
}

.logo-text .subtitle {
  margin: 5px 0 0 0;
  font-size: 20px;
  color: gray;
}

/* Text Box */
.site-ad-box {
	display: block;
	text-align: center;
	padding: 0 5% 0 5%;
	line-height: 2em;
	margin-bottom: 5%;
}

.content-heading {
	margin-top: 10%;
}

#content-box {
	line-height: 2em;
	margin: 15% 0 15% 0;
	padding-bottom: 15%;
	border-bottom: 2px solid #F0F0F0;
}

#content-box-2 {
	line-height: 2em;
	margin: 15% 0 15% 0;
}

#content-box img {
	max-width:35%; 
	height:auto; 
	float: left;
	margin-right: 5%;
}

#content-box .dark-text {
	font-size:1.6em;
	color: #333;
}

#content-box ul {
	line-height: 2em;
}

.content-heading-ad {
	font-size: 2vw;
	line-height: 3vw;
	font-weight: bolder;
	padding: 3% 0 2% 0;
	text-align: center;
}

.content-heading-WHITE {
	background-color: #C3F665;
	padding:2%;
}
.blue-bgcolor {
	background-color: #8ADCFF;
	color: white;
}

.red-bgcolor {
	background-color: #FF0040;
	color: white;
}

.dark-bgcolor {
	background-color: #333;
	color: white;
}

.footer {
	width: 100%;
	margin: 0 auto;
	height: 200px;
	background-color: black;
	color: gray;
	font-size: 1em;
	align-items: center;
	text-align: center;
	padding-top: 50px;	
}

#nav {
	display: block;
	width: 100%;
	margin: 0 auto;
	background-color:#000000;
}

#nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: black;
  padding-left: 30%;
}

#nav li {
  float: left;
}

#nav li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 30px;
  text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
#nav li a:hover {
  background-color: #FF0040;
}

#site-services {
	background-color: #EFF2F5; 
	text-align: center;
	vertical-align: top;
background-image: url("imgs/Picture4.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}

#site-services-block {
	display: inline-block;
	padding: 5%;
	width: 40%;
}