html {
  font-size: 1rem;
}

.main-header {
    height: 220px;
    margin-top: 0px;
    background-size: cover;
    background-image: url(../vvlh_images/maincloud.jpg);
}
.main-header_logo {
    width: 330px;
    height: 430px;
    margin-top: 0px;
    background-image: url(../vvlh_images/vvlh-logo_mainpage.png);
	background-repeat: no-repeat;
}

@font-face {
  font-family: Vic-Bold;
  src: url(/vvlh_fonts/VIC-Bold.woff2) format('woff2'),
       url(/vvlh_fonts/VIC-Bold.woff) format('woff');
}
@font-face {
  font-family: Vic-Regular;
  src: url(/vvlh_fonts/VIC-Regular.woff2) format('woff2'),
       url(/vvlh_fonts/VIC-Regular.woff) format('woff');
}
@font-face {
  font-family: Vic-Italic;
  src: url(/vvlh_fonts/VIC-Italic.woff2) format('woff2'),
       url(/vvlh_fonts/VIC-Italic.woff) format('woff');
}

h1, h2, h3, h4, h5, h6 {
  font-family: Vic-Bold, sans-serif;
}
p, P {
  font-family: Vic-Regular, sans-serif;
}
a {
    color: #0a416a;
    text-decoration: none;
    background-color: transparent;
}

i {
  font-family: Vic-Italic, sans-serif;
}
.rcorners1 {
  border-radius: 10px;
}

.thumbnail img {
  max-height: 100%;
  max-width: 100%;
}
.hover-zoomin a {
      display: block;
      position: relative;
      overflow: hidden;
	  }
.hover-zoomin img {
	border-radius: 10px;
      width: 100%;
      height: auto;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
}
.hover-zoomin:hover img {
      -webkit-transform: scale(.9);
      -moz-transform: scale(.9);
      -o-transform: scale(.9);
      -ms-transform: scale(.9);
      transform: scale(.9);
}
.teacher {
        width: 280px;
        height: 60px;
        background: url("../vvlh_images/home-teacher.jpg") no-repeat;
   }
.teacher:hover {
        width: 280px;
        height: 60px;
        background: url("../vvlh_images/home-teacherrollover.jpg") no-repeat;
}
.level-preschool {
        width: 250px;
        height: 39px;
        background: url("../vvlh_images/btn-preschool.jpg") no-repeat;
    }
.level-preschool:hover {
        width: 250px;
        height: 39px;
        background: url("../vvlh_images/btn-preschoolrollover.jpg") no-repeat;
    }
.level-kindergarten {
        width: 250px;
        height: 39px;
        background: url("../vvlh_images/btn-kindergarten.jpg") no-repeat;
    }
.level-kindergarten:hover {
        width: 250px;
        height: 39px;
        background: url("../vvlh_images/btn-kindergartenrollover.jpg") no-repeat;
    }
.level-junior {
        width: 250px;
        height: 39px;
        background: url("../vvlh_images/btn-junior.jpg") no-repeat;
    }
.level-junior:hover {
        width: 250px;
        height: 39px;
        background: url("../vvlh_images/btn-juniorrollover.jpg") no-repeat;
    }
.level-3to6 {
        width: 250px;
        height: 39px;
        background: url("../vvlh_images/btn-3to6.jpg") no-repeat;
    }
.level-3to6:hover {
        width: 250px;
        height: 39px;
        background: url("../vvlh_images/btn-3to6rollover.jpg") no-repeat;
    }

body {
  min-height: 100vh;
  position: relative;
  margin: 0;
}
footer {
  position: absolute;
  bottom: 0;
}
@include media-breakpoint-up(sm) {
  html {
    font-size: 1.2rem;
  }
}

@include media-breakpoint-up(md) {
  html {
    font-size: 1.4rem;
  }
}

@include media-breakpoint-up(lg) {
  html {
    font-size: 1.6rem;
  }
}

.bg-vvlh {
  background-color: #15397f !important;
}