body {
    font-family: 'Poppins' , sans-serif ;
    margin: 0;
    padding: 0;
    background-color:rgb(241, 239, 239);
}

header {
    flex: 1 1 calc(25% - 2em);
    margin: 1em;
    padding: 2em;
    box-shadow: 0 0 10px rgb(23, 60, 110);
    background-color: rgb(255, 255, 255);  
    
}

header h1{
    text-align: center;
    color: red;
}

header h2{
    margin-left: 5%;
    margin-right: 5%;
    font-size: x-large;
    text-align: center;
}

section {
    background-color: #f8f9fa;
}

section .member1  {
    background-color:rgb(208, 208, 208);
}

section .member2 {
    background-color: white;
}

section .member3 {
  /*  background-color: rgb(208, 208, 208);*/
}

section .member4 {
     background-color: rgb(208, 208, 208);
}

section .member5 {
    background-color: white;
}

section .member6 {
    background-color: rgb(208, 208, 208);;
}
section .member7 {
    background-color: rgb(208, 208, 208);
}


header {color: black}
header h1{font-family: 'Poppins' , sans-serif;}
header h1{text-decoration: underline;}
header h1{font-size: 4cap;}
header h2{font-family: 'Poppins' , sans-serif}
header h2{font-size: large;}
header h2{font-weight: lighter;}


.member1 {
    flex: 1 1 calc(25% - 2em);
    margin: 1em;
    padding: 2em;
    box-shadow: 0 0 10px rgb(23, 60, 110);
    text-align: center;}

.member1 img {
    max-width: 175px;
    border-radius: 10%;
    
}
.member1 h2 {
    text-align: left;
}

.member1 h2 {
    font-size: 1.sem;
    margin: 0.5em 0;
}
.member1 img{
    float: left;
    margin-right: 4%;
    margin-top: 1%;
}

.member1 h2 {
    font-family: 'Poppins' , sans-serif;
    font-size: x-large;
    text-decoration: solid;
}

.member1 h3 {
    font-size: x-large;
}

.member1 p {
    font-size: 1em;
    margin: 1em 0;
    text-align: left;
    font-size: large;
    margin-left: 21%;
    margin-right: 5%;
}

.member1 a {
    display: inline-block;
    margin-left: 0%;
    text-decoration: underline;
    color: #333;
    text-align: end;
}

.member1 a {
    color: #0073e6;
}

.member2 {
    flex: 1 1 calc(25% - 2em);
    margin: 1em;
    padding: 2em;
    box-shadow: 0 0 10px rgb(23, 60, 110);
    text-align: center;}

.member2 img {
max-width: 200px;
border-radius: 10%;
        
}
.member2 h2 {
    text-align: left;
}

.member2 h2 {
    font-size: 1.sem;
    margin: 0.5em 0;
}
.member2 img{
    float: left;
    margin-left: 0%;
    margin-right: 5%;
    margin-top: 1%;
    margin-bottom: 0%;
}

.member2 h2 {
    font-family: 'Poppins' , sans-serif;
    font-size: x-large;
    text-decoration: solid;
}

.member2 h3 {
    font-size: x-large;
}

.member2 p {
    font-size: 1em;
    margin: 2em 0;
    text-align: left;
    font-size: large;
    margin-left: 23%;
    margin-right: 5%;
}

.member2 a {
    display: inline-block;
    margin-left: 0%;
    text-decoration: underline;
    color: #333;
    text-align: end;
}

.member2 a {
    color: #0073e6;
}

.member3 {
    flex: 1 1 calc(25% - 2em);
    margin: 1em;
    padding: 2em;
    box-shadow: 0 0 10px rgb(23, 60, 110);
    text-align: center;}

.member3 img {
    max-width: 160px;
    border-radius: 10%;    
}

.member3 h2 {
    text-align: left;
}

.member3 h2 {
    font-size: 1.sem;
    margin: 0.5em 0;
}

.member3 img{
    float: left;
    margin-right: 5%;
    margin-top: 1%;
    margin-bottom: 3%;
    margin-left: 0.5%;
}

.member3 h2 {
    font-family: 'Poppins' , sans-serif;
    font-size: x-large;
    text-decoration: solid;
}

.member3 h3 {
    font-size: x-large;
}

.member3 p {
    font-size: 1em;
    margin: 2em 0;
    text-align: left;
    font-size: large;
    margin-left: 10%;
    margin-right: 5%;
}

.member3 a {
    display: inline-block;
    margin-left: 1%;
    text-decoration: underline;
    color: #333;
    text-align: end;
}

.member3 a {
    color: #0073e6;
}

.member4 {
    flex: 1 1 calc(25% - 2em);
    margin: 1em;
    padding: 2em;
    box-shadow: 0 0 10px rgb(23, 60, 110);
    text-align: center;}

.member4 img {
    max-width: 1000px;
    border-radius: 10%;
    
}
.member4 h2 {
    text-align: left;
}

.member4 h2 {
    font-size: 1.sem;
    margin: 0.5em 0;
}
.member4 img{
    float: left;
    margin-right: 5%;
    margin-top: 2%;
}

.member4 h2 {
    font-family: 'Poppins' , sans-serif;
    font-size: x-large;
    text-decoration: solid;
}

.member4 h3 {
    font-size: x-large;
}

.member4 p {
    font-size: 1em;
    margin: 2em 0;
    text-align: left;
    font-size: large;
    margin-left: 10%;
    margin-right: 5%;
}

.member4 a {
    display: inline-block;
    margin-left: 20%;
    text-decoration: underline;
    color: #333;
    text-align: end;
    margin-right: 20%;
}

.member4 a {
    color: #0073e6;
}

.member5 {
    flex: 1 1 calc(25% - 2em);
    margin: 1em;
    padding: 2em;
    box-shadow: 0 0 10px rgb(23, 60, 110);
    text-align: center;}

.member5 img {
    max-width: 1000px;
    border-radius: 10%;
    
}
.member5 h2 {
    text-align: left;
}

.member5 h2 {
    font-size: 1.sem;
    margin: 0.5em 0; 
}
.member5 img{
    float: left;
    margin-right: 5%;
    margin-top: 2%;
}

.member5 h2 {
    font-family: 'Poppins' , sans-serif;
    font-size: x-large;
    text-decoration: solid;
}

.member5 h3 {
    font-size: x-large;
}

.member5 p {
    font-size: 1em;
    margin: 2em 0;
    text-align: left;
    font-size: large;
    margin-left: 10%;
    margin-right: 5%;
}

.member5 a {
    display: inline-block;
    margin-left: 0%;
    text-decoration: underline;
    color: #333;
    text-align: end;
}

.member5 a {
    color: #0073e6;
}

.member6 {
    flex: 1 1 calc(25% - 2em);
    margin: 1em;
    padding: 2em;
    box-shadow: 0 0 10px rgb(23, 60, 110);
    text-align: center;}

.member6 img {
    max-width: 165px;
    border-radius: 10%;
    
}
.member6 h2 {
    text-align: left;
}

.member6 h2 {
    font-size: 1.sem;
    margin: 0.5em 0;
}
.member6 img{
    float: left;
    margin-right: 5%;
    margin-top: 1.5%;
    margin-left: 1%
}

.member6 h2 {
    font-family: 'Poppins' , sans-serif;
    font-size: x-large;
    text-decoration: solid;
}

.member6 h3 {
    font-size: x-large;
}

.member6 p {
    font-size: 1em;
    margin: 2em 0;
    text-align: left;
    font-size: large;
    margin-left: 10%;
    margin-right: 5%;
}

.member6 a {
    display: inline-block;
    margin-left: 0%;
    text-decoration: underline;
    color: #333;
    text-align: end;
}

.member6 a {
    color: #0073e6;
}

.member7 h2 {
    font-family: 'Poppins', sans-serif;
    font-size: x-large;
    text-decoration: solid;
	text-align: left;
}
.member7 img {
    float: left;
    margin-left: 0%;
    margin-right: 5%;
    margin-top: 1%;
    margin-bottom: 0%;
	max-width: 200px;
    border-radius: 10%;
}
.member7 h3 {
    font-size: x-large;
}
.member7 p {
    margin: 2em 0;
    text-align: left;
    font-size: large;
    margin-left: 23%;
    margin-right: 5%;
}
.member7 {  
    margin: 1em;
    padding: 2em;
    box-shadow: 0 0 10px rgb(23, 60, 110);
    text-align: center;
}

@media (min-width: 320px) and (max-width: 992px) {
	header h1 {
		font-size: 28px;
		text-decoration: none;
	}
 
	.members > div h2{
		font-size: 22px;
	}
 
	.members > div h3{
		font-size: 20px;
	}
 
	.members > div img {
		display: block;
		width: 100%;
		
	
		
		float: left;
    margin-left: 0%;
    margin-right: 5%;
    margin-top: 1%;
    margin-bottom: 0%;
	max-width: 200px;
    border-radius: 10%;
	}
 
	.members > div p {
		margin: 0;
		font-size: 16px;
		margin-left: 35%;
	}
}
@media (min-width: 320px) and (max-width: 767px){
	.members > div img {
		display: block;
		width: 100%;
		float: none;
		max-width: 50%;
		margin: 0 auto;
	}
	.members > div p{
		    margin-left: 23%;
	}
}

@media (min-width: 1024px) and (max-width: 1366px){
	.members > div p{
		    margin-left: 27%;
	}
}