body, html {
  font-size: 18px; }

.find-service {
  font-size: 1.3rem;
  margin: 10px 0px;
  line-height: 10vh; }

.icon-reminder {
  width: 25vw;
  height: 10vh; }

.main-img {
  /*margin: 40px 0 0 0;
    padding: 0 40px;*/ }

.reminder-title {
  font-size: 1.8rem;
  font-weight: bold;
  /*margin-top: 5%;*/ }

.find-service {
  border: 1.5px solid #a8a8a8; }

.portal-content {
  /*padding: 3% 10% 10% 10%;*/ }

@media (max-width: 321px) {
  .find-service {
    font-size: 1rem; }
  .reminder-title {
    font-size: 1.4rem; } }

@media (min-width: 400px) and (max-width: 700px) {
  .find-service {
    font-size: 1.4rem; } }

@media (min-width: 701px) {
  .find-service {
    font-size: 1.5rem; }
  .icon-reminder {
    width: 70%; } }

/*@media (max-width: 1024px) {
    .portal-content {
        padding-top: 0%;
    }
}*/
@media (min-width: 970px) {
  .reminder-title {
    /*margin-top: 5%;*/ } }

@media (max-width: 768px) {
  .portal-content {
    padding-top: 15%; } }

@media (max-width: 374px) {
  .portal-content {
    /*padding-top: 0%;*/ } }