body {
  font-family: 'Montserrat', sans-serif;;
  font-size: 1rem;
}
p {
  font-size: .9rem;
}
h1 {
  font-family: 'Squada One', sans-serif;
    font-size: 1.6rem;
    color: #0a8140;
    padding: 0 0 1rem 0;

}
h2 {
  font-family: 'Squada One', sans-serif;
  font-size: 1.5rem;
  color: #0a8140;
  margin: 1rem;
}
h3 {
  font-family: 'Squada One', sans-serif;;
  font-size: 2rem;

  color: #0a8140;
}
h4 {
  font-family: 'Squada One', sans-serif;
  font-size: 1.25rem;
  color: #0a8140;
  margin:0 0 0 0;
}
h5 {
  font-family: 'Squada Oner', sans-serif;
  font-size: 1.25rem;
  margin: 1rem 0;
  color: #0a8140;
}

a {
  color: #45b348;
}

a:hover {
  color: #0a8140;
  text-decoration: none;
}



.nav-link {
  font-family: 'Squada One', sans-serif;
  font-size:1.9rem;
  font-weight:400;
}
.navbar-light .navbar-nav .nav-link {
  color: #0a8140;
}
.navbar-light .navbar-nav .active .nav-link {
  color: #59c95c;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #45b348;
}
.bg-light {
  background-color: #ffffff!important;
}

/* ------------- NRMS ------------------- */
.top-title {
  background-image: url("../images/hp-104.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 3rem 0;
  color: #ffffff;
}
.top-title-c {
  background-image: url("../images/hp-002.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 3rem 0;
  color: #ffffff;
}
.top-title-l {
  background-image: url("../images/hp-004.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 3rem 0;
  color: #ffffff;
}
.top-title-f {
  background-image: url("../images/hp-004.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 3rem 0;
  color: #ffffff;
}
.top-title-1 {
background-color: #ffffff69;
padding: 2.5rem 0 2rem 0;
text-align:center;
border-radius: 5rem;

}
.top-title-1 h1 {
font-family: 'Squada One', sans-serif;
  font-size: 2rem;
  color: #ffffff;
  font-weight:400;

}






.type-title {
  background-image: url("../images/NRMS_HomeBG.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
  padding: 0 0 0 0;
  color: #ffffff;
}
.type-title h2 {
  font-size: 3rem;
  padding: 0;
  margin:0;
}
.type-title h3 {
  font-size: 1.8rem;
  text-align:right;
  padding: 1rem 2rem 0 0;
  font-weight:600;

}
.type-title p {
  font-size: 1rem;
  color:#000000;
  text-align:right;
  padding: 0;
  text-shadow: 1px 1px 1px #ffffff, 3px 3px 3px #ffffff;
}


/* ------------- Header ------------------- */
.top-header {
  background-color: #2c2c2c;
  color: #ffffff;
}
.top-header a {
  color: #ffffff;
}
/* ------------- footer ------------------- */
.bottom-footer {
  background-color: #2c2c2c;
  color: #ffffff;
  padding: 1rem;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 9rem;
  background-color: #2c2c2c;
  color: #ffffff;
  padding: 1rem;
}


.top-bar {
  background-color:#161616;
  color: #ffffff;
  font-size: 1rem;
}
.hp-tile {
  margin:0 0 1rem 0;
}
.hp-tile h4 {
  font-size: .85rem;
}
.hp-about {
  background-color: #2c2c2c;
  color: #ffffff;
  padding: 1rem;
}
.hp-about h2 {
  color: #ffffff;
}
.hp-about h3 {
  color: #ffffff;
  font-size: 1.75rem;
}
.hp-about h4 {
  color: #ffffff;
  font-size: 2rem;
}

/* ------------- media sizes ------------------- */
@media (min-width: 576px) {
  p {font-size: 1rem;}
  h2 {font-size: 1.5rem;}

  .top-title-1 h1 {
    font-size: 2.5rem;
    }
    .hp-tile h4 {
      font-size: .85rem;
    }
    .hp-about h3 {
      font-size: 2rem;
    }

  .type-title p {
    font-size: 1.2rem;
    padding: 0 1rem 0 10rem;
    }
    
  }
  
  @media (min-width: 768px) {
    p {font-size: 1rem;}
    h2 {font-size: 2rem;}

    .top-title-1 h1 {
      font-size: 2.5rem;
    }
    .hp-tile h4 {
      font-size: 1rem;
    }
    .hp-about h3 {
      font-size: 2.25rem;
    }
  }
  
  @media (min-width: 992px) {
    p {font-size: 1rem;}
    h2 {font-size: 2.5rem;}

    .top-title-1 h1 {
      font-size: 3rem;
    }
    .hp-tile h4 {
      font-size: 1rem;
    }
    .hp-about h3 {
      font-size: 2.4rem;
    }
  }
  
  @media (min-width: 1200px) {
    p {font-size: 1rem;}
    h2 {font-size: 3rem;}

    .top-title-1 h1 {
      font-size: 3.5rem;
    }
    .hp-tile h4 {
      font-size: 1.25rem;
    }
    .hp-about h3 {
      font-size: 2.5rem;
    }
  .type-title p {
    font-size: 1.2rem;
    padding: 0 1rem 0 20rem;
    }
  }