html {
  font-size: 1rem;
  height: 100%;
}
.landing-header {
    height: 420px;
    margin-top: 0px;
    background-size: cover;
    background-image: url(../vvlh_images/landingpagecloud.jpg);
	background-repeat: no-repeat;

}

.landing-header_logo {
    width: 450px;
    height: 520px;
    margin-top: 0px;
    background-image: url(../vvlh_images/vvlh-logo_landingpage.png);
	background-repeat: no-repeat;
}

body {
  height: 100%;
  min-height: 100vh;
  position: relative;
  margin: 0;
}
footer {
  position: absolute;
  bottom: 0;
}
@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;
}
i {
  font-family: Vic-Italic, sans-serif;
}

 .teacher {
        width: 280px;
        height: 60px;
        background: url("../vvlh_images/home-teacher.jpg") no-repeat;
    }
.teacher:hover {
        background: url("../vvlh_images/home-teacherrollover.jpg") no-repeat;
    }
.kindergarten {
        width: 280px;
        height: 60px;
        background: url("../vvlh_images/home-kindergarten.jpg") no-repeat;
    }
.kindergarten:hover {
        background: url("../vvlh_images/home-kindergartenrollover.jpg") no-repeat;
    }
.preschool {
        width: 280px;
        height: 60px;
        background: url("../vvlh_images/home-preschool.jpg") no-repeat;
    }
.preschool:hover {
        background: url("../vvlh_images/home-preschoolrollover.jpg") no-repeat;
    }
.middle {
        width: 280px;
        height: 60px;
        background: url("../vvlh_images/home-3to6.jpg") no-repeat;
    }
.middle:hover {
        background: url("../vvlh_images/home-3to6rollover.jpg") no-repeat;
    }
.junior {
        width: 280px;
        height: 60px;
        background: url("../vvlh_images/home-junior.jpg") no-repeat;
    }
.junior:hover {
        background: url("../vvlh_images/home-juniorrollover.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;
}