/* Required for full background image */

body {
  font-family: "Roboto",sans-serif;
}

html,
body,
header {
  height: 100%;
}

.navbar {
  background-color: #424f95 !important;
}

.navbar-brand {
  font-family: 'Montserrat', sans-serif;
  /*
  font-family: 'Lobster', cursive;
  font-family: 'Comfortaa', cursive;
  font-family: 'Acme', sans-serif;
  font-family: 'Montserrat', sans-serif;
  */
}

p.content {
  line-height: 1.6;
}

p.content-heading {
  line-height: 1.6;
  font-weight: 700;
}

p.footer {
  font-size: 0.75rem;
  line-height: 1.6;
}


h1 {
  font-weight: 700;
}

h6 {
  font-size: 1.2rem;
  line-height: 1.7;
  font-weight: 300;
}

.rgba-gradient {
  background: -moz-linear-gradient(45deg, rgba(42, 27, 161, 0.7), rgba(29, 210, 177, 0.7) 100%);
  background: -webkit-linear-gradient(45deg, rgba(42, 27, 161, 0.7), rgba(29, 210, 177, 0.7) 100%);
  background: -webkit-gradient(linear, 45deg, from(rgba(42, 27, 161, 0.7)), to(rgba(29, 210, 177, 0.7)));
  background: -o-linear-gradient(45deg, rgba(42, 27, 161, 0.7), rgba(29, 210, 177, 0.7) 100%);
  background: linear-gradient(to 45deg, rgba(42, 27, 161, 0.7), rgba(29, 210, 177, 0.7) 100%);
}

.masthead {
  height: 100vh;
  min-height: 500px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


html {
  font-size: 18px;
}

@media screen and (min-width: 320px) {
  html {
    font-size: calc(18px + 6 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width: 540px) {
  html {
    font-size: 18px;
  }
}

@media screen and (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

@media screen and (min-width: 1000px) {
  html {
    font-size: 18px;
  }
}

@media screen and (min-width: 1200px) {
  html {
    font-size: 20px;
  }
}

/*
html {
  font-size: 1rem;
}

@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;
  }
}
*/