body,html{
    width: 100%;
    margin: 0;
    
}
#history{
    text-align: center;
    margin-top: -22px;
    width: 100%;
    margin-bottom: 20px;
    background: linear-gradient(135deg, #005ca9 0%, #d9001b 100%);
  background-attachment: fixed;
  color: #333;
  padding-top: 90px;
    
}
#history p{
    width: 90%;
    text-align: center;
    color: white;
    font-size: 20px;
    margin-left: 50px;
}
#history h1{
    color: white;
    width: 150px;
    margin-left: 550px;
    
}
#history h2{
color: #005ca9;
}
#history h3{
    color:#005ca9;
    font-size: 30px;
}
.new h3{
    text-align: center;
    font-size: 30px;
    font-style: italic;

}
#founders{
    width: 100%;
    gap: 10px;
    display: flex;
   text-align: center;
   margin-right: -10px;
   font-size: 20px;
    background: linear-gradient(135deg, #005ca9 0%, #d9001b 100%);
  background-attachment: fixed;
  color: #333;
}
.founder{
    width: 46%;
    font-size: 20px;
    text-align: center;
    padding: 20px;
  margin: 20px auto;
  background-color: #ffffff;
  border: 1px solid #005ca9;
  border-radius: 8px;
  box-shadow: 0 4px 8px #005ca9;


}
.founder h3{
    color: #005ca9;
}
.founder p{
    margin-left: 50px;
    margin-right: 20px;
    align-items: center;
    color: black;
}
.founder img{
    width: 250px;
    align-items: center;
     display: flex;
     margin-left: 150px;
     border-radius: 15px;
     
}
.co-founder{
    width: 46%;
    padding: 20px;
  margin: 20px auto;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #005ca9;
  border-radius: 8px;
  box-shadow: 0 4px 8px #005ca9;
}
.co-founder h3{
    color: #005ca9;
}
.co-founder p{
    margin-left: 50px;
    margin-right: 20px;
}
.co-founder img{
    width: 320px;
     display: flex;
     margin-left: 130px;
     border-radius: 15px;
}
#milestone{
    width: 80%;
    margin: 40px;
    margin-left: 110px;
   text-align: center;
   font-size: 20px;
    /* margin-top: 80px; */
   
}
#milestone h2{
    color: #005ca9;
     font-size: 30px;
}
#milestone p{
    margin-left: 20px;
    display: block;
    text-align: center;
}
#charism{
    background-color: #005da9a7;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
    margin-top: -18px;    
}  
#charism h2{
    color: black;
}
.char{
    width: 40%;
    
} 
    #charism img{
    width: 100px;
    height: 100px;
    text-align: center;
}
#charism p{
    text-align: center;
    font-size: 20px;
    
}
#corevalues h2{
    color: black;
}
#Corevalues{
    margin-left: 80px;
   width: 40%;
   text-align: center;
}
#Corevalues img{
    margin-left: 200px;
    width: 100px;
    height: 100px;
    display: flex;
}
#spirituality{
   text-align: center;
   font-weight: 300;
   color: #005ca9;
   font-style: italic;
}
#spirituality p{
    color: #005ca9;
    width: 90%;
    text-align: center;
    margin-left: 80px;
    font-size: 20px;
}
#maindevotions h3{
    text-align: center;
    font-size: x-large;
    font-style: normal;
}
#devotions{
    width: 100%;
    display: flex;
    background-color: #005da976;
    /* margin-bottom: 200px; */
}
.master{
    width: 35%;
    text-align: center;
}
.master img{
    width: 300px;
    border-radius: 15px;
}
.mary{
    width: 35%;
    text-align: center;
}
.mary img{
    width: 230px;
    border-radius: 15px;
}
.paul{
    width: 30%;
    text-align: center;
}
.paul img{
    width: 180px;
    border-radius: 15px;
}