@charset "UTF-8";
:root {
  --all-3-lnr: all 0.3s linear;
  --bdr-1: .1rem solid hsl(0, 0%, 15%);
  --clr-col2-1: hsl(75, 15%, 95%);
  --clr-col2-2: hsl(78, 17%, 85%);
  --clr-col2-5: hsl(78, 17%, 55%);
  --clr-col2-8: hsl(79, 17%, 25%);
  --clr-link-hover: hsl(36, 100%, 45%);
  --clr-links: hsl(240, 100%, 25%);
  --sz-s: 0.8rem;
  --sz-m: 1rem;
  --sz-l: 1.6rem; }

*, *::after, *::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

a {
  background-color: transparent;
  color: var(--clr-col2-5);
  font-weight: bold;
  text-decoration: none;
  transition: var(--all-3-lnr); }

a:visited {
  color: var(--clr-links); }

a:active, a:hover {
  color: var(--clr-link-hover); }

body {
  background: var(--clr-col2-1);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1.6rem;
  line-height: 1; }

html {
  font-size: 62.5%;
  line-height: 1.15;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%; }

img {
  border-style: none;
  max-width: 100%; }

@font-face {
  font-display: block;
  font-family: 'FAS';
  font-style: normal;
  font-weight: 900;
  src: url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.ttf") format("truetype"); }
.fas {
  font-family: 'FAS';
  font-weight: 900; }

.fa, .fas {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

.fa-hand-point-right:before {
  content: ""; }

.align-center {
  text-align: center !important; }

.wrapper {
  margin: 0 auto;
  width: 90%; }

a.btn-submit, .btn-submit {
  background-color: #125bd6;
  border: none;
  border-radius: .5rem;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding: .8rem 1rem;
  transition: var(--all-3-lnr); }

.btn-submit:hover {
  background-color: #5691f1;
  color: #000; }

.main-header {
  background: var(--clr-col2-2);
  border-bottom: var(--bdr-1);
  display: grid;
  height: 25vh;
  padding: .6rem 0;
  place-items: center; }

.main-header img {
  height: auto;
  width: 120px; }

.main-body {
  min-height: 60vh;
  padding: 3rem 0; }

.branches-grid {
  display: grid;
  gap: 1.5rem .5rem;
  grid-template-columns: repeat(2, 1fr);
  place-items: center; }

.branch-box {
  border-radius: .5rem;
  box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.2);
  max-width: 90%;
  padding: 1rem;
  transition: var(--all-3-lnr);
  width: 30vw; }

.branch-box:hover {
  background: var(--clr-col2-2);
  box-shadow: 0 0.8rem 1.6rem 0 rgba(0, 0, 0, 0.2); }

.branch-box h2 {
  font-size: var(--sz-l);
  line-height: 1.2;
  margin: 2rem auto; }

.pnf-heading {
  font-size: 4rem;
  line-height: 2; }

.main-footer {
  background: var(--clr-col2-8);
  color: var(--clr-col2-5);
  display: grid;
  height: 15vh;
  padding: 1rem;
  place-items: center;
  text-align: center; }

.main-footer h2 {
  font-size: var(--sz-l);
  margin: 0.8rem auto; }

.main-footer h3 {
  font-size: var(--sz-m);
  line-height: 1.8; }

@media only screen and (min-device-width: 991px) and (max-device-width: 1120px) {
  .branch-box {
    width: 35vw; } }
@media screen and (min-device-width: 300px) and (max-device-width: 990px) {
  .main-header {
    height: auto; }

  .main-body {
    height: auto; }

  .branches-grid {
    grid-template-columns: 1fr; }

  .branch-box {
    margin-bottom: 2rem;
    width: 90vw; } }
@media screen and (min-device-width: 430px) and (max-device-width: 500px) {
  .main-footer h2 {
    font-size: 1.4rem; } }
@media screen and (min-device-width: 300px) and (max-device-width: 431px) {
  .main-header h1 {
    font-size: 2.4rem; }

  .main-footer h2 {
    font-size: 1.2rem; } }

/*# sourceMappingURL=style.css.map */