html {
  font-size: 12px;
  /* 
  @media (max-width: 1000px) {
    font-size: calc(14px + .4vw);
  }
  */
}

body {
  line-height: 1.3em;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  body {
    font-size: calc(12px + .4vw);
  }
  
  body {
    margin-left: 7%;
    margin-right: 15%;
  }
}



/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  body {
    font-size: calc(14px + .4vw);
  }
  
  body {
    margin-left: 9%;
    margin-right: 17%;
  }
}



/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  body {
    font-size: calc(16px + .4vw);
  }
  
  body {
    margin-left: 12%;
    margin-right: 20%;
  }
}



/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  body {
    font-size: calc(18px + .4vw);
  }
  
  body {
    margin-left: 15%;
    margin-right: 17%;
  }


}

body {
  margin-top: 5%;
  /* margin-right: 10%;
  margin-left: 10%; */
  margin-bottom: 10%;
  font-family: 'Fira Sans', sans-serif;
}

.headline {
  font-size: 1.25em; 
  line-height: 1.1em;
}

.maintext {
  font-size: 1em; 
  line-height: 1.1em;
}

.footer {
  font-size: 0.6em;
}

a {
  text-decoration: underline;
}

a:link {
  color: #cb4b16 !important;
}

a:visited {
  color: #073642 !important;
}

a:hover {
  color: #93a1a1 !important;
  background-color: #073642 !important;
}

a:active {
  color: #073642 !important;
  background-color: #93a1a1 !important;
}

/* footer {
  font-size: 1em;
  position: absolute;
  left: 20%;
  bottom: 0;
  height: 100px;
  width: 75%;
} */