@font-face {
    font-family: PoppinsRegular;
    src: url(fonts/Poppins-Regular.ttf);
}

@font-face {
    font-family: PoppinsLight;
    src: url(fonts/Poppins-Light.ttf);
}

@font-face {
    font-family: PoppinsMedium;
    src: url(fonts/Poppins-Medium.ttf);
}

@font-face {
    font-family: PoppinsSemiBold;
    src: url(fonts/Poppins-SemiBold.ttf);
}

@font-face {
    font-family: PoppinsBold;
    src: url(fonts/Poppins-Bold.ttf);
}

body {
	color: #777777;
	margin: 0px;
	font-family: PoppinsRegular;
}

header, footer {
	background-color: #5c0000;
	padding-top:20px;
	padding-bottom: 20px;
	margin: 0px;
}

#logo {
	display:inline-block;
	vertical-align: middle;
}

.icon {
	display:inline-block;
	vertical-align: super;
}

.container {
	padding-top: 20px;
	padding-bottom: 20px;
}

.container_title {
	margin-left:auto;
	margin-right: auto;
	margin-top: 6px;
	margin-bottom: 0px;
	width: 50%;
	text-align: center;
	font-family:PoppinsBold;
}

.container_title_line {
	background-color: #26c7fd;
	height:4px;
	width: 28px;
	margin-left: auto;
	margin-right: auto;
}

.content_wrapper {
	width: 900px;
	margin-left:auto;
	margin-right: auto;
	position: relative;
}

/* index.html specific styles*/

#attraction_wrapper {
	position:relative;
	width: 100%;
}

#nav_wrapper {
	background-color: rgba(255,255,255,.5);
	position: absolute;
	width: 100%;
}

#nav_list {
	padding:0;
	margin-left: 270px;
	display: inline;
	float: left;
}

#nav_list li {
	display: inline;
	padding-right: 32px;
	font-size: 14px;
}

#nav_list li a {
	text-decoration: none;
	font-family: PoppinsSemiBold;
	color:#5c0000;
}

#nav_list li a:hover {
	color:#a23f3f;
	cursor: pointer;
}

#container_services {
	width: 100%;
	background-color: #dbe0e0;
}

#service_list {
	list-style: none;
	width: auto;
	text-align: center;
	padding: 0;
	margin: 40px;
	margin-top: 40px;
}

#service_list li {
	display: inline-block;
	width: 30%;
	margin-bottom: 40px;
}

.icon_circle {
	background: url("../images/icon/blue.png");
	background-size: 32px 32px;
	height:32px;
	width:32px;
	display:table-cell;
	vertical-align: middle;
}

#container_areas {
	background-color: #5c0000;
}

#areas_list {
	height: 100px;
	margin: 0;
	margin-top: 40px;
	text-align: center;
}

#areas_list li {
	font-size: 22px;
	color:#FFFFFF;
	margin-right: 10px;
	width:auto;
	display:inline;
}

#container_why {
	width: 100%;
}

#why_list {
	display: flex;
	align-items: center;
	padding: 0;
	margin-top: 40px;
}

#why_list > div {
	display:inline-block;
	width: 300px;
	height: 320px;
	padding-left: 10px;
	padding-right: 10px;
}

#container_request {
	width:100%;
}

/* about.html specific styles*/
#container_odd {
	background-color:#ecf0f1;
}

#container_even {
	background-color:#ffffff;
}

/* For the map on the contact page */
.google-map {
     padding-bottom: 50%;
     position: relative;
	align-content: center;
}

.google-map iframe {
     height: 100%;
     width: 100%;
     left: 0;
     top: 50%;
     position: absolute;
}