@import '~mdb-ui-kit/css/mdb.min.css';

html {
    position: relative;
  }

  .col{
    border: 1px solid #1e1e1e;
  }

  .row{
    margin: 1vw;
  }
  .logo{
      max-width: 5vw;
  }
  .navbar-scroll {
    background-color: rgba(248, 249, 250, 1);
    transition: background-color 0.5s;
  }
  @media(max-width: 768px){
      .navbar {background-color: rgba(248, 249, 250, 1) !important; }
  }
  /* ============================================================
    PRIMARY STRUCTURE
  ============================================================ */
  .parallax-container {
    max-width: 75vw;
    margin: 0 auto;
  }
  
  /* ============================================================
    SECTIONS
  ============================================================ */

  section.module h2 {
    margin-bottom: 2vw;
    font-family: "Roboto Slab", serif;
  }
  
  section.module p:last-child {
    margin-bottom: 1vw;
  }
  section.module.content {
    padding: 2vw 0;
    background-color: rgba(207,216,220,0.5);
  }
  section.module.parallax h1 {
    margin-top: -10vw;
    margin-bottom: 10vw;
    color: #1e1e1e;
    line-height: 1;
    font-weight: 100;
    text-align: justify;
    text-transform: lowercase;
  }
  section.module.parallax-1 {
    background-image: url("./assets/pond_1.jpeg");
    background-position: 50% 0;
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: cover;
    background-blend-mode: screen;
  }
  section.module.parallax-2 {
    background-image: url("./assets/pond_2.jpeg");
    background-position: 50% 0;
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: cover;
    background-blend-mode: screen;
  }
  @media all {
    section.module h2 {
      font-size: 2vw;
    }
    section.module p {
      font-size: 1.25vw;
    }
    section.module.parallax {
      padding: 20vw 0;
    }
    section.module.parallax h1 {
      font-size: 8vw;
    }
  }

  #countdown{
    text-align: center;
    margin-top: 20vw;
    font-size: 5vw;
    color: whitesmoke;
  }

  .right {
    text-align: right;
  }
  .center {
    text-align: center;
  }
  .left {
    text-align: left;
  }

  .submit-form{
    margin-left: 35vw;
  }