body{
    display: flex;
    width: 100%;
	flex-direction: column;
}

.header{
	position: fixed;
	left: 0;
	top: 0;
    width: 100%;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	min-height:40px;
	font: 16px/1.5 Arial, sans-serif;
}

.footer{
	background:#304050;
	color:#ffffff;
	text-align:center;
	padding-top:20px;
	padding:1px;
	margin:auto;
	width:99.8%;
#	position: fixed;
	left: 0;
	bottom: 0;
}


.navbar-menu{
	float:right;
	color: 0x335070;
    font-size: 16px;
}

.navbar-menu li{
	float:left;
	display:inline;
	padding: 10px 10px 0 10px;
	font-weight:bold;
}

.header img{
	width: 6%;
}

.navbar-menu a{
	color:#f05020;
	text-decoration: none;
	font-size: 18px;
	padding-right: 20px;
	text-transform: uppercase;
}

.navbar-menu a:hover{
	color:#ffffff;
}

.header{
	background:#304050;
	color:#f05020;
	width:100%;
	margin:auto;
	overflow:hidden;
	z-index: 1;
}

.content {
	padding-top: 80px;
	display: flex;
    justify-content: center;
	text-align: center;
	flex-direction: column;
	width: 100%;
	align-items: center;
}

.container ul{
	margin:1;
	padding:0;
}

ul{
	margin:0;
	padding:0;
}

.content p{
	padding-left:100px;
	width:90%;
    justify-content: center;
}

.description{
	align-items: center; /* Centers items vertically along the cross axis */    
	justify-content: center;
	text-align: center;
	display: flex;
	width: 100%;
	flex-direction: column;
	font-size: 20px; 
}

.services {
	display: flex;
	width: 90%;
	font-size: 50px; 
	flex-direction: row;
}

.about {
	display: flex;
	width: 80%;
	font-size: 50px; 
	flex-direction: row;
	padding: 2rem;
	align-items: center;
}


.text{
    justify-content: center;
    align-content: center;
	display: flex;
	flex-direction: column;
	flex: 50%;
	font-size: 20px; 
}

.bio{
    justify-content: center;
	text-align: justify;
    align-content: center;
	display: flex;
	flex-direction: column;
	flex: 85%;
	font-size: 20px; 
}

.text_heading{
	font-size: 30px; 
	
}

.text_para{
	width:90%;
	
}

.main-pic{
}

.main_pic img{
	width:90%;
	object-fit: cover;
	opacity: 0.5;
}


.img{
    justify-content: center;
    align-content: center;
	display: flex;
	flex-direction: row;
	flex: 40%;
}

.img img{
	width: 70%;
	object-fit: cover;
	font-size: 20px; 
	padding: 2rem;
}

.pic{
    justify-content: center;
    align-content: center;
	display: flex;
	flex-direction: column;
	width: 15%;
}

.pic img{
	width: 90%;
	object-fit: cover;
}

.empty_column{
	flex: 10%;
	
}

.text_column{
	justify-content: center;
	text-align: justify;
    align-content: center;
	display: flex;
	flex-direction: row;
	flex: 70%;
	font-size: 20px; 

}

.logo img{
	height: 50px;
	padding:10px;
}

@media screen and (max-width: 800px){
	.about {
		display: flex;
		width: 90%;
		font-size: 50px; 
		flex-direction: column;
		padding: 2rem;
	}
}


.container{
	width : 100%;
	height : 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size: 20px; 
}

.container iframe{
	width : 80%;
	height: 60vh;
}