* {
  font-family: 'Roboto', 'Helvetica', 'sans-serif';
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

p {
  width: 94%;
  max-width: 40rem;
  margin: 2rem auto;
  font-weight: 300;
}

.h1 {
  width: 94%;
  max-width: 40rem;
  margin: 2rem auto;
  font-size: 40px;
}

h2 {
  width: 94%;
  max-width: 40rem;
  margin: 2rem auto;
  font-size: 30px;
}

h3 {
  width: 94%;
  max-width: 40rem;
  margin: 2rem auto;
  font-size: 20px;
}

.hoverText:hover  {
  text-decoration: underline;
}

figcaption {
  font-size: 12px;
  font-family: 'Roboto', 'Helvetica', 'sans-serif';
  font-weight: 300;
  padding-top: 2px;
}

body {
  background-color: rgb(235, 235, 235);
  margin: 0;
  padding: 0;
}

.alink {
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  margin: 1vh;
}

.mainPgImg {
  width: 100%;
}

ol li a {
  color: white;
  text-decoration: none;
  display: flex;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  padding: 10px 13px;
}

ol li a:hover {
  color: rgb(179, 179, 179);
}

.active {
  background-color: rgb(27, 45, 42);
}

.gridHome {
  display: grid;
  grid-template-columns: auto 800px 400px auto;
  grid-row: auto auto auto auto;
  grid-template-areas:
  "header header header header"
  ". main aside ."
  "footer footer footer footer";
}

.grid {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-row: auto auto auto auto;
  grid-template-areas:
  "header header header header"
  "main main main main"
  "footer footer footer footer";
}

header {
  padding: 0px;
  margin: 0px;
  grid-area: header;
}

nav {
  background: rgb(18, 19, 15);
}

ol {
  display: flex;
  justify-content: center;
  list-style-type: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.main {
  background-color: rgb(235, 235, 235);
  width: 100%;
  max-width: 2400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  grid-area: main;
}

.aside {
  background-color: rgb(235, 235, 235);
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 10px;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  grid-area: aside;
}

.Italic {
  font-style: italic;
}
.bold {
  font-weight: bold;
}

.paddingTop {
  padding-top: 20px;
}

.TextSection {
  background-color: white;
  margin: 0 auto 20px auto;
  padding-bottom: 20px;
  width: auto;
  max-width: 2400px;
}

.sectionWPM {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

footer {
  background-color: rgb(18, 19, 14);
  padding: 2%;
  color: white;
  text-align: center;
  grid-area: footer;
}

.paddingBot {
  padding-bottom: 10px;
}

.smallImg {
  margin: 2rem auto;
  width: 94%;
  max-width: 40rem;
}

.smallImg img {
  width: 100%;
}

.vector {
  margin: 2rem auto;
  width: 94%;
  max-width: 65rem;
}

.bigMap {
  margin: 2rem auto;
  width: 94%;
  max-width: 80rem;
}


@media only screen and (max-width: 1220px) {
.grid {
  display: grid;
  grid-template-columns: 0fr 2fr 1fr 0fr;
  grid-row: auto auto auto auto;
  }
.gridHome {
  display: grid;
  grid-template-columns: 0fr 2fr 1fr 0fr;
  grid-row: auto auto auto auto;
  }
}

@media only screen and (max-width: 768px) {
  .gridHome {
    display: grid;
    grid-template-columns: auto;
    grid-row: auto auto auto auto auto;
    grid-template-areas:
    "header"
    "main"
    "aside"
    "footer";
  }

  ol li a {
    flex-direction: column;
  }
  ol {
    flex-direction: column;
  }
  p {
    font-size: 16px;
  }
}

 .tracking-in-contract {
	-webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

.shadow-drop-br:hover {
	-webkit-animation: shadow-drop-br 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: shadow-drop-br 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.shadow-drop-br {
	-webkit-animation: shadow-drop-brOut 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
	        animation: shadow-drop-brOut 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
}

.slide-in-bottom {-webkit-animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both}

.parallax {
  width: 100%;
  margin: 0 auto;
  min-height: 100vh;
  background-attachment: fixed;
  background-position: top center;
  background-size: cover;
  overflow: hidden;
}

.parallax p {
  background: rgba(255, 255, 255, 0.8);
  padding: 1rem;
  margin: 50vh auto;
  font-size: 18px;
}

.parallax h1 {
  background: rgba(255, 255, 255, 0.8);
  padding: 1rem;
  margin: 50vh auto;
  text-align: center;
}

.VideoPlayer {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 70rem;
}

#img1 {
  background-image: url("Img/Nav/Nav2.jpg");
}


#img2 {
  background-image: url("Img/Nav/Nav3.jpg");
}

#img3 {
  background-image: url("Img/Nav/Nav3.jpg");
}


/* ----------------------------------------------
 * Generated by Animista on 2021-9-2 16:22:40
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes tracking-in-contract{0%{letter-spacing:1em;opacity:0}40%{opacity:.6}100%{letter-spacing:normal;opacity:1}}@keyframes tracking-in-contract{0%{letter-spacing:1em;opacity:0}40%{opacity:.6}100%{letter-spacing:normal;opacity:1}}
@-webkit-keyframes focus-in-expand{0%{letter-spacing:-.5em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes focus-in-expand{0%{letter-spacing:-.5em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}
@-webkit-keyframes shadow-drop-br{0%{-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}100%{-webkit-box-shadow:12px 12px 20px -12px rgba(0,0,0,.35);box-shadow:12px 12px 20px -12px rgba(0,0,0,.35)}}@keyframes shadow-drop-br{0%{-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}100%{-webkit-box-shadow:12px 12px 20px -12px rgba(0,0,0,.35);box-shadow:12px 12px 20px -12px rgba(0,0,0,.35)}}
@-webkit-keyframes shadow-drop-brOut{0%{-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}100%{-webkit-box-shadow:12px 12px 20px -12px rgba(0,0,0,.35);box-shadow:12px 12px 20px -12px rgba(0,0,0,.35)}}@keyframes shadow-drop-br{0%{-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}100%{-webkit-box-shadow:12px 12px 20px -12px rgba(0,0,0,.35);box-shadow:12px 12px 20px -12px rgba(0,0,0,.35)}}
@-webkit-keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}