/*Variables*/
/*Fonts*/
@font-face {
  font-family: 'mulibold';
  src: url("../webfonts/muli-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'mulibolditalic';
  src: url("../webfonts/muli-bolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'mulilight';
  src: url("../webfonts/muli-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'mulilightitalic';
  src: url("../webfonts/muli-lightitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'league_spartanbold';
  src: url("../webfonts/leaguespartan-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
* {
  -webkit-overflow-scrolling: touch;
  /* overflow-y: scroll; has to be scroll, not auto */ }

body {
  /*padding-bottom:200px;*/
  color: #141414;
  font-family: 'mulilight', sans-serif;
  line-height: 1.5; }

b {
  font-family: 'mulibold'; }

.display-3 {
  margin-bottom: 25px;
  font-size: 7vh;
  color: #fff; }

.main-content {
  min-height: 100vh;
  background: #fff;
  z-index: 1; }

.paddingbox {
  padding: 5%; }
  @media screen and (max-width: 990px) {
    .paddingbox {
      padding: 25px; } }

@keyframes scaleme {
  0% {
    background-size: 100%; }
  50% {
    background-size: 120%; }
  100% {
    background-size: 100%; } }
header {
  background-color: blue;
  background-image: url(../style/backblue.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed; }
  @media screen and (max-width: 1024px) {
    header {
      background-attachment: unset; } }
  header .jumbotron {
    background: transparent;
    border-radius: 0px;
    border: 0px;
    margin: 0 auto;
    font-size: 1em;
    color: #fff; }
    header .jumbotron h1 {
      font-size: 5vh; }
      @media screen and (max-width: 990px) {
        header .jumbotron h1 {
          font-size: 2em; } }
    header .jumbotron p {
      margin-bottom: 0; }
      header .jumbotron p.lead {
        font-family: 'mulibold';
        font-size: 3vh;
        margin-bottom: 25px; }
        @media screen and (max-width: 990px) {
          header .jumbotron p.lead {
            font-size: 1.5em; } }

img {
  max-width: 100%; }
  img.rounded-circle {
    max-width: 80%;
    margin: 0 auto;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.18); }
    @media screen and (max-width: 990px) {
      img.rounded-circle {
        margin-bottom: 2em; } }

nav.navbar {
  background: transparent;
  position: absolute;
  padding: 0 5% 0 0; }
  @media screen and (max-width: 990px) {
    nav.navbar {
      position: relative;
      padding: 0 25px 0 0; } }
  nav.navbar .navbar-brand {
    padding: 0; }
    @media screen and (max-width: 990px) {
      nav.navbar .navbar-brand {
        width: 250px;
        margin-right: 0; } }
  nav.navbar .navbar-nav .nav-item .nav-link {
    color: #fff;
    font-family: 'mulibold';
    transition: all 0.5s ease; }
    @media screen and (max-width: 990px) {
      nav.navbar .navbar-nav .nav-item .nav-link {
        color: blue;
        padding: 25px; }
        nav.navbar .navbar-nav .nav-item .nav-link::after {
          content: "";
          width: 100%;
          height: 2px;
          display: block;
          margin-top: 5px;
          position: relative;
          background: blue;
          transition: all 0.5s ease; } }
    nav.navbar .navbar-nav .nav-item .nav-link::after {
      content: "";
      width: 15px;
      height: 2px;
      display: block;
      margin-top: 5px;
      position: relative;
      background: #fff;
      transition: all 0.5s ease; }
    nav.navbar .navbar-nav .nav-item .nav-link:hover {
      cursor: pointer; }
      nav.navbar .navbar-nav .nav-item .nav-link:hover::after {
        width: 100%; }

.btn {
  border-radius: 100px;
  padding: 25px;
  background: blue;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.18);
  border: 0px;
  font-size: 1em;
  color: #fff;
  transition: all 0.5s ease; }
  .btn:hover {
    background: #141414; }
  .btn:focus {
    outline: none !important;
    border: none !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.18); }

h1, h2, h3, h4, h5, h6 {
  font-family: 'league_spartanbold';
  text-transform: uppercase; }

h1, h2, h3 {
  color: blue;
  margin-bottom: 1.5em; }

@media screen and (max-width: 990px) {
  h2 {
    font-size: 1.2em; } }

a, a:link, a:link:visited {
  color: blue;
  font-family: 'mulibold';
  transition: all 0.5s ease; }
  a.btn, a:link.btn, a:link:visited.btn {
    color: #fff; }
    a.btn:hover, a:link.btn:hover, a:link:visited.btn:hover {
      color: #fff; }
  a:hover, a:link:hover, a:link:visited:hover {
    color: #141414; }

@media screen and (max-width: 990px) {
  section.paddingbox {
    padding: 25px 10px; } }
section.colored {
  background-color: blue;
  background-image: url(../style/backblue.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  color: #fff; }
  @media screen and (max-width: 1024px) {
    section.colored {
      background-attachment: unset; } }
  section.colored h2 {
    color: #fff; }
  section.colored .card {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.18);
    border: 0px;
    margin-bottom: 2em;
    display: block; }
    section.colored .card img {
      width: 100%;
      height: auto; }
  section.colored .card-title {
    color: blue; }
    @media screen and (max-width: 990px) {
      section.colored .card-title {
        font-size: 1.2em; } }
section .row {
  margin-bottom: 5em; }
  @media screen and (max-width: 990px) {
    section .row {
      margin-bottom: 2em; } }

footer {
  /*position:fixed;
  bottom:0;
  left:0;
  width:100%;
  height:200px;*/
  background: #141414;
  color: #fff;
  z-index: -1; }
  @media screen and (max-width: 990px) {
    footer button {
      margin: 1em 0; } }
  footer h2 {
    color: #fff;
    margin: 0; }
  footer hr {
    background: #fff;
    margin: 25px 0; }
  footer a, footer a:link, footer a:link:visited {
    color: #fff;
    font-family: 'mulibold';
    transition: all 0.5s ease;
    text-decoration: underline; }
    footer a:hover, footer a:link:hover, footer a:link:visited:hover {
      color: blue; }

.modal-body {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  .modal-body ul {
    margin: 0 0 25px 0;
    padding: 0; }

/*# sourceMappingURL=mother.css.map */