#main_container {
  height: auto;
  width: auto;
}

@media (min-width: 576px) {
  #main_container {
    height: 100vh;
    width: 100vw;
  }
}

#tiles_section .card {
  background: #DEEDCF;
  border-color: #99D492;
}

#tiles_section .card-body i {
  color: #005117;
}

#tiles_section .card-body .btn {
  font-weight: bold;
  border-radius: 0px;
  background: rgb(96,0,0);
  text-decoration: none;
  border-color: rgb(222,237,207);
}

#section_wrapper {
  font-family: 'Maven Pro', sans-serif;
  font-weight: 800;
  margin-top: 10px;
}

@media (min-width: 576px) {
  #section_wrapper {
    font-family: 'Maven Pro', sans-serif;
    font-weight: 800;
    height: 630px;
    width: 500px;
    margin-top: 10px;
  }
}

@media (min-width: 768px) {
  #section_wrapper {
    font-family: 'Maven Pro', sans-serif;
    font-weight: 800;
    height: 600px;
    width: 600px;
    margin-top: 50px;
  }
}

#content-item1 {
  border-radius: 30px 30px 30px 30px;
  margin-bottom: 10px;
}

@media (min-width: 576px) {
  #content-item1 {
    border-radius: 30px 60px 0px 60px;
  }
}

#content-item2 {
  border-radius: 30px 30px 30px 30px;
  margin-bottom: 10px;
}

@media (min-width: 576px) {
  #content-item2 {
    border-radius: 60px 30px 60px 0px;
  }
}

#content-item3 {
  border-radius: 30px 30px 30px 30px;
  margin-bottom: 10px;
}

@media (min-width: 576px) {
  #content-item3 {
    border-radius: 60px 0px 60px 30px;
  }
}

#content-item4 {
  border-radius: 30px 30px 30px 30px;
  margin-bottom: 10px;
}

@media (min-width: 576px) {
  #content-item4 {
    border-radius: 0px 60px 30px 60px;
  }
}