/* Place your CSS styles in this file */
@font-face {
  font-family: 'Montserrat';
  src: url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: 'Montserrat';
  src: url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;1,300&display=swap');
  font-style: italic;
  font-weight: 300;
}

@font-face {
  font-family: 'Montserrat';
  src: url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,700;1,300;1,700&display=swap');
  font-style: normal;
  font-weight: 700;
}
  
  * {
  box-sizing: border-box;
  }

 
body {
  font-family: 'Montserrat', sans-serif;
  font-size: 1em;
  background-color:  #feebe5; 
  background-image: url('./images/2lrgfirst_page_bkgrd.png'); 
  background-repeat: no-repeat; 
  background-attachment: fixed; 
  background-position: bottom center;
  background-size: 100% 100% ;
  }
  

/* top NAV*/ 
ul {
 list-style-type: none;
  font-size: .7em;
  margin: 0;
  padding: 1em;
  overflow: hidden;
  background-color: none;
  border-radius: 35px;
  opacity: 0.7;
  }

  li {
  float: right;
  }

  li a {
  display: block;
  color: black;
  text-align: center;
  border-radius: 35px;
  padding: .05em .5em;
  text-decoration: none;
  }

  li a.active {
  background-color: white;
  color: black;
  }

  li a:hover {
  background-color: white;
  }
 
  li {
  border-right: 2px solid #d27979; border-radius: 35px;}

  li:first-child {
  border-right: none;}
  
  .w3-animate-top {position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
  .w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}

  
    /* Colorful headline */

.headline {margin: 10px;  font-size: 10em; font-weight: bold; text-align: center;  text-shadow: 3px 3px 5px grey; letter-spacing: 1.5px;
text-transform: uppercase; 
}
.headline1 {font-size: 30px; font-weight: medium; text-align: center; color: #cc0066; text-shadow: 1.5px 1.5px 3px grey; 
 letter-spacing: 5px; text-transform: uppercase; } 

 .single-line {
  margin: auto;
  font-size: .8em;
  font-weight: 300;
  line-height: 1.5;
  width: 85%;
  text-align: center;
}

 
.center {
  margin: auto;
  text-align: center;
  } 
  
  .left {
  margin: 20px auto 10px auto;
  font-size: .6em;
  line-height: 2;
  width: 85%;
  text-align: left;
  }
  h5 {
    color: #cc0066;
    font-weight: 300;
    font-size: .8em;
  }


 
  /* Selects the first letter of a <p> */
p::first-letter {
  font-size: 130%;
  font-weight: bold;
  color: #cc0066;
  text-shadow: 1px 1px 2px rgb(175, 173, 173); 
}


/* Dotted Separation */
hr.bluedot {
  border-top: 6px dotted #9BB7D4; width: 95%;
}



/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: .7em}
 
}

  @media only screen and (min-width: 1200px) {
  .left {
  max-width: 50%;}
  }

    /* Footer */
.footer {
  padding: 20px;
  text-align: center;
  background: none;
  margin-top: 20px;
}
a:link {
  text-decoration: none; color: #cc0066;
}
 
.email-container {
  width: 100% !important;
}