@font-face {
  font-family: "Baloo2";
  src: url("../assets/fonts/Baloo2-Regular.ttf");
}

section {
  background: rgb(225, 241, 241);
  background: linear-gradient(
    45deg,
    rgba(225, 241, 241, 1) 0%,
    rgba(255, 255, 255, 1) 50%,
    rgba(225, 241, 241, 0.4) 100%
  );
}

.paragraph p {
  line-height: 40px;
  text-align: justify;
}

.paragraph {
  display: flex;
  flex-direction: column;
  padding: 0 6% 0 6%;
}
a,
a:visited {
  color: #53784b;
  text-decoration: none;
  font-family: "Baloo2M";
}

.map {
  display: flex;
  width: 100%;
  justify-content: center;
}

.map img {
  width: 88%;
}

.button-div {
  justify-content: center;
  display: flex;
  padding-bottom: 66px;
}

.text-section {
  display: flex;
  flex-direction: row;
  padding-bottom: 50px;
}

.button {
  font-family: "Baloo2";
  color: #53784b;
  border-radius: 3em;
  font-size: 26px;
  padding: 20px 45px;
  border: 1px #53784b solid;
  letter-spacing: 0.3em;
  text-align: center;
}

.portal-title {
  display: none;
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  .portal-title {
    display: unset;
  }

  .paragraph {
    margin-top: 200px;
  }

  .text-section {
    flex-wrap: wrap;
  }
  .portal {
    display: none;
  }
}

@media only screen and (max-width: 700px) {
  .paragraph {
    margin-top: 50px;
  }
}