.container {
	background-color: #fff;
	width: 99.1vw;
	margin: auto;
	font-size: 2.2vh;
	color: #000;
	font-family: 'Ubuntu', sans-serif;
	text-align: justify;
}

a {
	color: #9A9992;
	text-decoration: none;
}

p {
	padding: 2vh 2vw;
	line-height: 4vh;
	text-align: justify;
}

h2 {
	color: #000;
	font-size: 2em;
	font-weight: bold;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
}

h4 {
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
}

.bold {
	font-weight: bold;
}

.blue {
	background-color: aqua;
}

nav {
	background: rgba(0, 0, 0, 0.712);
	padding-top: 2vh;
	padding-bottom: 2vh;
	font-family: 'Ubuntu', sans-serif;
}

.nav-link {
	font-size: 1.1em;
	padding: 3vw;
}

.nav-right {
	float: right;
}

.social-icon {
	font-size: 2em;
	color: #9A9992;
	text-align: center;
	padding-right: 4vw;
}

.banner {
	height: 45vh;
	background-image: url("../images/banner.jpg");
	background-repeat: no-repeat;
	background-size: 100% 150%;
	border-bottom: #000 6px solid;
}

.logo {
	border-radius: 50px;
	width: 26vw;
	margin-top: 1vh;
	padding-bottom: 15vh;
	padding-left: 2vw;
}

.location {
	font-size: 1.2em;
	text-align: right;
	padding: 2vh 2vw;
}

.span {
	height: 72vh;
	width: 100%;
	padding-bottom: 3em;
}

.left_article {
	width: 40vw;
	height: 50vh;
	float: left;
	color: #000;
	margin-bottom: 5vh;
	margin-left: 5vw;
}

.right_article {
	width: 40vw;
	height: 50vh;
	float: right;
	color: #000;
	margin-bottom: 5vh;
	margin-right: 5vw;
}

.services {
	width: 30vw;
	font-size: 0.8em;
	text-align: center;
	padding: .3em;
	margin-left: 4em;
}

.med_span {
	height: 55vh;
	width: 100%;
}

.small_span {
	height: 25vh;
	width: 100%;
	padding-top: 2em;
}

.left_small {
	width: 38vw;
	float: left;
	margin-left: 5vw; 
}

.right_small {
	width: 38vw;
	float: right;
	margin-right: 5vw;
} 

.X {
	text-align: center;
	padding: .5vh;
}

.X2 {
	padding: .5vh;
}

.thumbnail {
	width: 58%;
	border-radius: 100px;
	text-align: right;
	margin: auto;
	border:  rgba(0, 0, 0, 0.712) 2px solid;
}

.thumbnail_align {
	text-align: center;
}

.thumbnail_logo {
	padding: 3vw;
	width: 6vw;
}

.logos_icon {
	display: table-cell;
	width: 100vw;
	margin: auto;
	text-align: center;
}

.footer {
	background: rgba(0, 0, 0, 0.712);
	height: 2vh;
}

.copyright {
	text-align: center;
	background: rgba(0, 0, 0, 0.712);
	padding-top: 1vh;
	padding-bottom: 1vh;
	color: #fff;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
}

/* Ends new style ====================================================*/ 

@media screen and (max-width: 600px) {
	.container {
		background-color: #fff;
		width: 99.1vw;
		margin: auto;
		font-size: 1.5vh;
		color: #000;
		font-family: 'Ubuntu', sans-serif;
		text-align: justify;
		word-wrap: normal;
	}
	
	p {
		padding: 1vh 2vw;
		line-height: 2vh;
		text-align: justify;
	}
	.services {
		width: 30vw;
		font-size: 0.8em;
		text-align: center;
		padding: .3em;
		margin-left: 11em;
	}
	
	nav {
		background: rgba(0, 0, 0, 0.712);
		padding-top: 2vh;
		padding-bottom: 4vh;
		font-family: 'Ubuntu', sans-serif;
	}
	
	.nav-link {
		font-size: 1em;
		padding-top: 1vw;
	}
	
	.nav-right {
		float: right;
		padding-top: 1vw;
	}
	
	.banner {
		height: 30vh;
		background-image: url("../images/banner.jpg");
		background-repeat: no-repeat;
		background-size: 100% 120%;
		border-bottom: #000 3px solid;
	}
	
	.mobile_span {
		height: 75vh;
		width: 100%;
		text-align: center;
	}

	.mobile_span_med {
		height: 45vh;
		width: 100%;
		text-align: center;
	}
	
	.map {
		width: 60vw;
		margin: 1vh 5vw;
		border-radius: 10px;
		border: rgba(0, 0, 0, 0.712) 2px solid;
	}
	
	.thumbnail {
		width: 50%;
		border-radius: 200px;
		text-align: right;
		margin: auto;
		border:  rgba(0, 0, 0, 0.712) 2px solid;
	}
	
	.thumbnail_align {
		text-align: center;
	}

	.mobile_article {
		width: 80vw;
		height: 15vh;
		color: #000;
		padding-bottom: 12vh;
		padding-right: 4vw;
		padding-left: 4vw;
		text-align: center;
	}

	.mobile_med {
		width: 80vw;
		height: 35vh;
		padding-bottom: 8vh;
		padding-right: 4vw;
		padding-left: 4vw;
		text-align: center;
	}

	.mobile_small {
		width: 80vw;
		height: 10vh;
		padding-bottom: 6vh;
		padding-right: 4vw;
		padding-left: 4vw;
		text-align: center;
	}
  }