body {
  margin: 0px;
  font-family:Helvetica;
}

@media only screen and (min-width: 980px) {
  .info {
    margin-bottom: 3%;
  }
}

@media only screen and (max-width: 980px) {
  .info {
    margin-bottom: 10%;
  }
}

#parallax {
  background-color: #f1f8e5;
  position: fixed;
  width:100%;
  height:100%;
}

#scroll {
  position: fixed;
  top:60%;
  width:20%;
  right:50%;
  margin-right:-10%;
  text-align: center;
  background-color: #ba007c;
  padding:2%;
  color:white;
}

#arrow1 {
  font-size: 2em;
}

#arrow2 {
  font-size: 2.5em;
}

#arrow3 {
  font-size: 3em;
}

.info {
  font-size: 1.5em;
  color:black;
  text-align: center;
  padding:2%;
  /* margin-bottom: 10%; */
}

.infoSmall {
  background-color: green;
  font-size: 0.9em;
  color:black;
  text-align: center;
  padding:2%;
  margin-bottom: 10%;
}

#para1 {
  background-color: #b4f68b;
}

#para2 {
  background-color: #ecda27;
}

#para3 {
  background-color: #bef9f3;
}

#linkList {
  font-size: 1.1em;
}

.link {
  background-color: #ff8ca4;
  padding: 1%;
  margin-top: -1%;
  text-decoration: none;
}

.link:hover {
  background-color: #7cba00;
  font-weight: bold;
  font-style: oblique;
}

a {
  text-decoration: none;
  color:black;
}

.homeLink {
  font-weight: bold;
  color: #3c4ced;
}

.homeLink:hover {
  text-decoration: line-through;
}

h3 {
  background-color: #ff4067;
  color:white;
  padding:1%;
}

.text {
  background-color:#007cba;
  color:white;
  position:fixed;
  right:50%;
  margin-right:-32.5%;
  width: 65%;
  font-size:1.5em;
  top:5%;
  text-align:center;
  padding:1%;
}

#text2 {
  /* background-color:white; */
  text-align: center;
  width:80%;
  position:absolute;
  top:100%;
  right:50%;
  margin-right:-40%;
}

.highlighted {
  /* background-color: #ffffff; */
  color:black;
  margin-top: 20%;
  font-size: 2em;
  padding:2%;
}

.footer {
  background-color: #7cba00;
  margin-top: 40%;
  padding:2%;
}

.footer:hover {
  background-color: #ff8ca4;
  font-style: oblique;
  font-weight: bold;
}