@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	padding: 0px;
	box-sizing: border-box;
	z-index: 0;
	line-height: 30px
		
}

span.s1 {
	text-decoration: underline ;
	color: #0000ee
}

.title-box{
	flex: 1 0 auto;
  	display: flex;
    align-items: center;
	justify-content: center;
	z-index: 1;
	background-color: rgba(18,41,104,0.58);
	outline: 3px solid white;
	outline-offset: -10px;
}

.title-card {

	text-align: center;
	padding: 50px 25% 25px 25%;
	color: white;
	letter-spacing: 3px;
	font-size: 40px;
}

.title-card p {
	font-size: 15px;
    letter-spacing: 10px;

}
.group-info{
	background-color: rgba(0);
	flex: 1 0 auto;
  	display: flex;
    align-items: center;
	justify-content: center;
	z-index: 1;
	text-align: center;
	padding: 30px 5% 10px 5%;
	
}
.contact-info{
	flex: 1 0 auto;
  	display: flex;
    align-items: center;
	justify-content: center;
	z-index: 1;
	text-align: center;
	padding: 10px 10% 10px 10%;
	
	
}
.contact-info a{
	font-size: 16px;
	text-decoration: none;
	color: black;
	transition: background .5s ease, color .5s ease, border 0s ease, transform .5s ease;
	
}
.contact-info p a b{
	font-size: 16px;
	text-decoration: none;
	transition: background .5s ease, color .5s ease, border 0s ease, transform .5s ease;
	
}
.contact-info p a b:hover{
	font-size: 18px;
	transition: font-size .25s ease;
	
}
.institute-info{
	flex: 1 0 auto;
  	display: flex;
    align-items: center;
	justify-content: center;
	z-index: 1;
	text-align: center;
	padding: 10px 10% 10px 10%;
	
}
.fhe-info{
	background-color:#C4E9F8;
	flex: 1 0 auto;
  	display: flex;
    align-items: center;
	justify-content: center;
	z-index: 1;
	text-align: center;
	padding: 10px 5% 10px 5%;
	
}
.fhe-text {
	text-align: center;
	padding: 0px 2.5% 0px 2.5%;
}

.fhe-text a{
	font-size: 16px;
	text-decoration: none;
	color: black;
	transition: background .5s ease, color .5s ease, border 0s ease, transform .5s ease;
	
}
.fhe-text a b{
	font-size: 20px;
	text-decoration: none;
	transition: background .5s ease, color .5s ease, border 0s ease, transform .5s ease;
	
}
.fhe-text a b:hover{
	font-size: 20px;
	transition: font-size .25s ease;
	
}
.fhe-text2{
	text-align: center;
	padding: .5%;
	outline: 3px solid white;
	outline-offset: 5px;
}
.officer-info{
	flex: 1 0 auto;
  	display: flex;
    align-items: center;
	justify-content: center;
	z-index: 1;
	text-align: center;
	padding: 10px 10% 10px 10%;
	
}