html {
  height: 100vh;
font-family: 'Open Sans', sans-serif;
width: 100%;
}
nav{
  background-color: #01416F;
}
.twitter{
    color: rgb(10, 170, 233);
}
.instagram{
    color: rgb(255, 0, 64);
}
.name {
  font-size: 30px;
  color: #0000ff;

  font-weight: 600;
}
.est {
  font-size: 15px;
  color: #ff0000;

}
.menu{
  font-size: 15px;

}
.fa-circle-check{
  color: #ff0000;

}
.console-container {
  font-size: 6vw;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);
}

.hero-img {
  position: relative;
  background-color: rgba(0, 0, 0, 1);
  color: #fff;
}
.hero-img img {
  width: 100%;
  opacity: 0.3;
}
.your-kids{
  font-weight: 300
}
.best {
  color: #ff0000;

font-weight: 600;
font-family: 'Open Sans', sans-serif;
  
}
h4, h2 {
  padding: 5px;
  color: #0000ff;
  font-weight: bold;

}
.vision-mission{
  padding: 30px 50px;
    font-size: 15px;

}
.about {
  padding: 30px 50px;
}

.button {
  background-color: #0000ff;

}
.grid {
  padding: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  box-shadow: -3px 3px 8px rgba(0, 0, 0, .2);
}
.grids{
border-radius: 20px;
margin:0 4em;
}
.grids i{
  color: #ff0000;
}

.list{
    font-size: 15px;

}
ul{
  list-style-type: none; ;
}
.content-container{
  background-color: #DBF3FC;
}
.cards {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;

}
.cards img {
  margin: 10px;
  max-width: 25vw;
  box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.3);

 }
.cards img:hover {
  box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.6);
}
.gallery h4{
    padding: 10px;
}
.contact, .hero-img-text {
padding: 5%;
text-align: center;
border: 3px solid #e4e4e4;
  background-color: #DBF3FC;

}
.copyright{
  background-color: #f80b0bf3;

}