/* Custom Stylesheet */
/**
* Use this file to override Materialize files so you can update
* the core Materialize files in the future
*
* Made By MaterializeCSS.com
*/

body {
  display: flex;
  height: 100vh;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}

nav {
  background-color: #FFFFFF;
}

/*Brand Logo*/
nav .brand-logo {
  color: #000;
  font-size: 2.5rem;
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
  letter-spacing: 2px;
  margin-left: 15px;
}
@media only screen and (max-width: 992px) {
  nav .brand-logo {
    font-size: 1.5rem;
    margin-left: 0;
  }
}

@media only screen and (max-width: 600px) {
  nav .brand-logo {
    font-size: 0.9rem;
    margin-left: 0;
  }
}


nav ul a {
  color: #000;
}

nav a {
  color: #000;
}

.background {
background-color: #c8a2c8;
}

.sidenav li > a > i,
.sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"],
.sidenav li > a > i.material-icons {
  margin: auto;
}

.icon-block {
  padding: 0 15px;
}

.icon-block .material-icons {
  font-size: inherit;
}

a.links:visited {
  color: #000;
  text-decoration: none;
}

a.links:hover {
  color: #948f8f;
  text-decoration:underline;
}

a.links {
  color: #000;
  text-decoration: none;
}

h7 {
  font-size: 2.92rem;
  line-height: 110%;
  margin: 1.9466666667rem 0 1.168rem 0;
  font-family: 'Nunito', sans-serif;
  font-weight: 200;
}


h8 {
  color: #000;
  font-size: 2.92rem;
  margin: 1.9466666667rem 0 1.168rem 0;
  font-family: 'Nunito', sans-serif;
  font-weight: 200;
  left: 0;
  line-height: 100px;
  margin-top: -100px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}

.slider .slides {
  height: 700px;
  width: auto;
}

.slider .indicators .indicator-item.active {
  background-color: #aeaeae;
}

.slider .indicators .indicator-item.active {
  background-color: #aeaeae;
}

.right-align {
  text-shadow: 2px 2px 8px #000;
}

.center-align {
  text-shadow: 2px 2px 8px #000;
}

.left-align {
  text-shadow: 2px 2px 8px #000;
}

.parallax-container {
  height: 200px;
}

.card.large {
  height: 550px;
}

@media only screen and (min-width: 0) and (max-width: 600px) {
  .card.large {
    height: 660px;
  }
}

.page-footer {
  color: #000;
  background-color: #FFFFFF;
}

.page-footer .footer-copyright {
  color: #000;
}

.error404 {
font-family: 'Varela Round', sans-serif;
text-align: center;
color: black;
}