.margin -top-25-a{
  margin-left: -25px;
}
 .div-profile-a {
  display: inline-block;
  margin-left: 55px;
  height: 150px;
  width: 150px;
  border-radius: 100%;
  border: 2px solid black;
  text-align: center;
  position: relative;
  overflow: hidden;
}
 .div-profile-teacher {
  display: inline-block;
  margin-left: 55px;
  height: 150px;
  width: 150px;
  border-radius: 10%;
  border: 2px solid black;
  text-align: center;
  position: relative;
  overflow: hidden;
  
}
.div-profile-about {
  display: inline-block;
  margin-left: 55px;
  height: 150px;
  width: 150px;
  border-radius: 10%;
  border: 2px solid black;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.text-color-menu{
  color: white;
}

.div-profile-coordinator {
  display: inline-block;
  margin-left: 55px;
  height: 200px;
  width: 170px;
  border-radius: 10%;
  border: 2px solid black;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.div-moralquote {
  display: inline-block;
 
  height: 200px;
  width: 320px;
  border-radius: 10%;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.img-profile-a {
  width: 180%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.div-studentprofile-a {
  display: inline-block;
  margin-left: 55px;
  height: 280px;
  width: 280px;
  border-radius: 100%;
  border: 2px solid black;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.img-studentprofile-a {
  width: 180%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
 .div-profile-a-2 {
  display: inline-block;
  margin-left: 55px;
  height: 250px;
  width: 250px;
  border-radius: 100%;
  border: 2px solid black;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.img-profile-a-2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.image-radius{
  border-radius: 20px;
}
.tile-color-sky{
  background: linear-gradient(to bottom, #33ccff 0%, #6699ff 71%);
}
.text-justify
{
  text-align: justify; 
}
.white-text-color
{
  color: white;
}

.top-margin-a-20{
  margin-top: 40px;
}

.image-radius-circle{
  border-radius: 50%;
}

.margin-bottom-img{
  margin-top: -25%;
  margin-left: 90%;
}

.margin-top-40{
  margin-top: -40px;
}
.margin-tops-10{
  margin-top: -10px;
}
.top-radius-circle{
  border-top-right-radius: 10%;
  border-top-left-radius: 10%;
}
.bottom-radius-circle{
  border-bottom-right-radius: 10%;
  border-bottom-left-radius: 10%;
}
.upcoming-margin-top
{
  margin-top: -7%
}

.float-right-2
{
 margin-left: 90%;
}
.birthday-cake{
   width: 70px; color:red; float: right; margin-top: 15%; margin-right: 80px;
}
@media only screen and (min-width:320px) and (max-width:1024px) {
 .upcoming-margin-top
{
  margin-top: -10%
} 

.img-profile-a {
  width: 180%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.text-color-menu{
  color: black;
}
 .upcoming-margin-bottom
{
  margin-top: -20%
}
.birthday-cake{
   width: 70px; color:red; float: right; margin-top: 18%; margin-right: 33px;
}
.div-studentprofile-a {
  display: inline-block;
  margin-left: 40px;
  margin-bottom: 20px;
  height: 220px;
  width: 220px;
  border-radius: 100%;
  border: 2px solid black;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.img-studentprofile-a {
  width: 180%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.div-profile-teacher {
  display: inline-block;
  margin-left: 55px;
  height: 150px;
  width: 150px;
  border-radius: 10%;
  border: 2px solid black;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin-left: 90px;
  
}
}

.font-size-a{
font-size: 20px;
color : red; font-size: 18px; margin-right : 120px;
}

@media (min-width: 280px) and (max-width: 1200px) {
.font-size-a{
font-size: 10px;
color : red; font-size: 12px; margin-right : 10px; margin-left :5px; padding-bottom: 50px;
}
	
}
.font-size-b{
font-size: 20px;
color : #00BCD4 ; font-size: 18px; margin-right : 80px; margin-left :22px;
}

@media (min-width: 280px) and (max-width: 1200px) {
.font-size-b{
font-size: 10px;
color : #00BCD4; font-size: 12px; margin-right : 10px; margin-left :5px; margin-top: -40px; margin-bottom: 40px;
}
	
}
@media (min-width: 768px) and (max-width: 1024px) {
.font-size-b{
font-size: 10px;
color : #00BCD4; font-size: 12px; margin-right : 10px; margin-left :5px; margin-top: -40px; margin-bottom: 40px;
}
	
}