body {
  margin: 7px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  
}

.header {
  background-color: #f1f1f1;
  padding: 5px;
  text-align: center;
  background-color: lightsalmon;

}

#navbar {
  overflow: hidden;
  background-color: #333;
}

#navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  margin-top: 5px;
  margin-bottom: 5px;
}

#navbar a:hover {
  background-color: #ddd;
  color: black;
}

#navbar a.active {
  background-color: #04AA6D;
  color: white;
}

.content {
  padding: 16px;
}

/*.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}*/

.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    width: 100%;
    height: 50%;
    margin: auto;
    margin-top: auto;
    align-items: center;
  }


img.ex1 {
  margin-left: 30px;

}

h6 {
  font-size: .5em; /* 30px/16=1.875em */
  text-align: center;
}





.map-container-3{
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}
.map-container-3 iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}



.blink {
            animation: blinker 2.5s linear infinite;
            color: red;
            font-family: sans-serif;
        }
        @keyframes blinker {
            80% {
                opacity: 0;
            }
        }
  
.paragrahp{
  margin: 40px;
  left: 10%;
  text-align: justify;

}
.img_abt{
  float: right;
  width: 50%;
  padding: 10px;
  margin-right: 2.5%;
}


.row {
  display: flex;
 margin: 20px;
}

/* Create three equal columns that sits next to each other */
.column{
  flex: 33.33%;
  padding: 5px;
}
.name{
  text-align: center;
}
/*teracher image*/
.img_tach{
  width: 90%;
  border-radius: 50%;
}