/*
.App {
  font-family: sans-serif;
  text-align: center;
  display: inline-block;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  }
.container {


}
.row {
  display: flex;
  flex: 10;
  width: 100%;
}

.column {
  display: flex;
  flex: 5;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: '50%';
  border: 1px solid #000;
  background: url('../images/home/tieups.jpg');
  background-repeat: no-repeat;
}

.title {
  font-size: 1.0rem;
  z-index: 4;
  background: url('../images/home/tieups.jpg');
  background-repeat: no-repeat;
}

.bigavatar {
 width: 100%;
}

.anchor {
  width: 50%;
  text-decoration: none;
}

.anchor {
  text-decoration: none;
  color: #000;
  font-size: 16px;
}
*/


.biglogo {
  background-image: url('big-logo.png');
  background-repeat: no-repeat;
  background-size: 150px;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  margin-top: 5px;
  border: 0px solid #fff;
}



@keyframes anim {
from {width: 10%; height: 10%}
  to {width: 100%; height: 100%}
}

@keyframes mymove {
  50% {box-shadow: 10px 20px 30px #dddddd;}
}

.App {
  position: relative;
  font-family: sans-serif;
  width: 100%;
  }

.container {
  position: relative;
  width: 100%;
}


.row {
  position: relative;
  display: flex;
  flex: 10;
  
}

.column {
 position: relative;
 display: flex;
 flex: 5;
 /* border: 1px solid #eee; */
}

.column1 {
  background-image: url('9417835598/mail.png');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 20%;
  border: 1px solid #ccc;
  margin: 15%;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
;
}

.column2 {
  background-image: url('9417835598/location.png');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 20%;
  border: 1px solid #ccc;
  margin: 15%;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
}

.column3 {
  background-image: url('9417835598/management.png');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 20%;
  border: 1px solid #ccc;
  margin: 15%;
  /*box-shadow: 5px 5px 15px #dddddd;*/
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12) 
}

.column4 {
  background-image: url('9417835598/leadership.png');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 20%;
  border: 1px solid #ccc;
  margin: 15%;
/*  box-shadow: 5px 5px 15px #dddddd; */ 
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12) 
}

.column5 {
  background-image: url('9417835598/noticeboard.png');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 20%;
  border: 1px solid #ccc;
  margin: 15%;
 /* box-shadow: 5px 5px 15px #dddddd; */
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12) 
}

.column6 {
  background-image: url('9417835598/contactus.png');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 20%;
  border: 1px solid #ccc;
  margin: 15%;
/*  box-shadow: 5px 5px 15px #dddddd; */
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12) 
}

.column7 {
  background-image: url('9417835598/schedule.png');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 20%;
  border: 1px solid #ccc;
  margin: 15%;
/*  box-shadow: 5px 5px 15px #dddddd; */
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12) 
}

.column8 {
  background-image: url('9417835598/testimonial.png');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 20%;
  border: 1px solid #ccc;
  margin: 15%;
/*  box-shadow: 5px 5px 15px #dddddd; */
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12) 
}

.column9 {
  background-image: url('9417835598/student.png');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 20%;
  border: 1px solid #ccc;
  margin: 15%;
/*  box-shadow: 5px 5px 15px #dddddd; */
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12) 
}

.column10 {
  background-image: url('9417835598/chat.png');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 20%;
  border: 1px solid #ccc;
  margin: 15%;
/*  box-shadow: 5px 5px 15px #dddddd; */
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12) 
}


.column11 {
  background-image: url('9417835598/website.png');
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 20%;
  border: 1px solid #ccc;
  margin: 15%;
/*  box-shadow: 5px 5px 15px #dddddd; */
box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12) 
}



.title {
  font-size: 0.8rem;
  left: 0;
  right: 0;
  bottom: 0;
}

.anchor {
  width: 100%;
  padding-top:64%;
  padding-bottom: 4%;
  text-decoration: none;
  color: #666;
  font-size: 14px;
  z-index: 10;
}

.calendar {
  display: inline-block;
}

.centerText {
  text-align: center;
}

.fullWidth {
  width: 100%;
}