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

@media only screen and (min-width: 980px) {
  .outer-container {
    overflow-y: hidden;
    overflow-x: scroll;
  }

  .inner-container {
    text-align: center;
  }

  .outer-container .inner-container {
    width:4000px;
    top:40%;
  }

  #para1, #para2, #para3, #para4 {
    width:21%;
    padding:0.7%;
  }

  #para2 {
      margin-left: 2.3%;
  }

  .info {
    display: inline-block;
    float: left;
    margin-right: 2%;
    font-size: 3.7vh;
  }

  .text {
    margin-right:-27%;
    width: 68%;
    font-size:3.5vh;
  }
}

@media only screen and (max-width: 980px) {
  /* .outer-container {
    overflow-y: hidden;
    overflow-x: scroll;
  }

  .inner-container {
    text-align: center;
  } */

  .outer-container .inner-container {
    width:100%;
    top:47%;
  }

  #para1, #para2, #para3, #para4 {
    width:80%;
    margin: auto;
    margin-bottom: 5%;
    padding:2%;
  }

  .info {
    display: block;
    float: none;
    font-size: 3vh;
  }

  .text {
    margin-right:-35%;
    width: 70%;
    font-size:3vh;
  }

  #arrow {
    display:none;
  }
}

#parallax {
  background-image: url("../img/stc.jpg");
  background-color: #f1f8e5;
  position: fixed;
  width:100%;
  height:100%;
}

.outer-container .inner-container {
  position:absolute;
}

.info {
  /* float:left; */
  color:black;
  position: relative;
  /* display: inline-block; */
}

#para1 {
  background-color: #b4f68b;
}

#para2 {
  background-color: #ecda27;
  /* margin-bottom: 2%; */
}

#para3 {
  background-color: #bef9f3;
}

#para4 {
  background-color: #f68bb4;
}

#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;
}

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

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

.text {
  background-color:#007cba;
  color:white;
  position:fixed;
  right:50%;
  top:5%;
  text-align:center;
  padding:1%;
}

#arrow {
  color:white;
  text-align: center;
  font-size: 3em;
  background-color: #ba007c;
  position: fixed;
  width:9%;
  height:10%;
  top:5%;
  right:3%;
}