.container-donor-outer {
margin:0px;
padding:0px;
align: center;
}

.row-donor-outer {
margin:0px auto;
padding:0px auto;
align: center;
}





.container container-donor-hr {
  margin: 0;
  padding: 0;
}

.row-donor-hr {
  margin: 0px auto;
  padding: 0px auto;

}

.donor-hr {
  color: #1E3C69;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  text-align: left;
  font-size: 1.8em;
  font-weight: 500;
  text-transform: uppercase; 
  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

.horizontal-line {
  height: 0.1px;
  background-color: #D26300;
  margin: 3px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

/.. horizontal-line-donor ends ../ 



.container .container-donor {
  width: 100%;
  height: 100%;
}

.row-donor-donor {
  width: 100%;
  height: 100%;
  top: 20px;  
  padding: 0px 0px  0px 0px;
  margin: -10px 0px  0px 0px;
}

.col-text-top-donor {
  margin-top: 20px;
  padding: 0px;
}


.donor-col-last {
  margin: 0px;
  padding: 0px;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;

}

donor-col-last img {
  display: block;
  margin: 0px;
  max-width: 100%;
  background-size: cover;
  background-position: center, center;
  border-radius: 0%;
  transition: 5s;
}


.h4-donor {
 color: #DD1B41;
  text-align: center;
  font-size: 1.6em;
  font-weight: 500;  
  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
  margin: -10px -10px 10px -10px;
  padding: 0px 0px 0px 0px;
}

.h4-donor1 {
  color: #1E3C69;
  text-align: left;
  font-size: 1.8em;
  font-weight: 500;  
  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
  margin: 10px 0px 0px 10px;
  padding: 0px 0px 0px 10px;
white-space:nowrap;
}


.name {
  color: #DD1B41;
  text-align: left;
  font-size: 1.2em;
  font-weight: 500;  
  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 10px;
}


.p-donor {
  font-family: 'Slabo 13px', serif;
  font-size: 1.0em;
  text-align: justify;
  color: #003F74;  
}


.h5-donor {
  display: block;
  font-size: 1.3em;
  
  margin-left: 0;
  margin-right: 0;
  font-weight: 600;
  color: #003F74;
}

.h6-donor {
  display: block;
  font-size: 1.1em;
 
  margin-left: 0;
  margin-right: 0;
  font-weight: 600;
  color: #003F74;
}



.donor-first {
 margin: 0 auto;
 padding: 5px;
 align: center;
 display: block;
}


.row-donor-first {
  margin: 0 auto;
  align: center;
  display: block;
}

.col-top {
  margin: -30px 0px;
  align: center;
  display: block;  
  border-radius: 10px;
height: 100%;
 border: 1px solid orange;
  background-clip: content-box;
  min-height: 100px;
  margin-bottom: 15px;

}


.col-bot {
  margin: 0px 0px 15px 0px;
  align: center;
  display: block;  
  border-radius: 10px;
}

.donor-first-image {
  background-size: cover;
  background-position: centre;
  margin: 0px 0px 10px auto;
  align: center;
  width: 100%; 
  max-width: 100%;   
  display: inline-block;
  border: 6px solid white;
  box-shadow: 0 0 2px 2px #daad86;
  overflow: hidden;
  z-index: 1;
  position: relative;
}





.knowmore-donor {
font-size: 1.1em;
font-family: 'Slabo 13px', serif;
text-align: justify;
color: #003F74;  
padding: 0px 0px 0px 0px;
float: right;
}














.col-compact {
  padding:  0px auto;
  padding: 0px 5px;

}






.clear_both {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

clear_both { use for media screen AXXXXXXXXXXXXXXXXXXXX
margin: 0px -70px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid green;
}



.col-text-founder {
  margin: -10px 0px 0px auto;
  padding: 0px 0px 0px auto;

}

.position {
  margin: 20px 0px 0px 0px;
  padding: 0px 0px;
 text-align: center;
font-family: 'Slabo 13px', serif;
  font-size: 1.6em;
font-weight: 600;
  text-align: justify;
  color: #003F74;
letter-spacing: 0.1em;
}





.board-text-color {

color: #FFF1D7;

}









.founder-ordered-list {
  display: block;
  font-size: 0.96em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: 400;
  color: #003F74;
  list-style-type: square;
}

.founder-ordered-list-1 {
  display: block;
  font-size: 0.96em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: 400;
  color: #003F74;
  list-style-type: square;
}

/.. founder general size ends ../ 






@media only screen and (min-width: 480px) and (max-width: 767px) {




}

@media only screen and (min-width: 320px) and (max-width: 479px) {



  


}

@media only screen and (max-width: 319px) {



  


}