:root {
  --white: #fdfdfd;
  --black: #202020;
  --blue: #016fb7;
}

body {
  background-color: var(--white);
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: var(--black);
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 44px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  color: var(--black);
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
}

.hero {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2em;
  padding-left: 2em;
  padding-right: 2em;
  display: grid;
}

.imghero {
  width: 330px;
}

.flexcenter {
  font-size: 17px;
  margin-left: 4em;
}

.sectiongrid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  padding-right: 8em;
  padding-left: 8em;
  padding-top: 1em;
  display: grid;
}

.bluebutton {
  border: 1px solid var(--white);
  background-color: var(--blue);
  border-radius: 50px;
  padding: 14px 25px;
  font-size: 19px;
}

.bluebutton:hover {
  border: 1px solid var(--blue);
  background-color: var(--white);
  color: var(--blue);
}

.bluebutton.top {
  border-radius: 50px;
  margin-top: .5em;
  padding: 14px 30px;
  font-size: 18px;
}

.text-field {
  border-style: none solid solid none;
  border-width: 0 0 1px;
  border-color: black black var(--blue);
}

.p.mb {
  margin-bottom: 2em;
}

.navbar {
  background-color: var(--white);
}

.imgslider {
  width: 100%;
}

.divslider {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.icon {
  color: var(--blue);
}

.sectiontop {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 2em;
  padding-left: 8em;
  padding-right: 8em;
  display: block;
}

.logo {
  max-width: 70%;
}

@media screen and (min-width: 1024px) {
  .flexcenter {
    font-size: 17px;
    margin-left: 4em;
  }
}

@media screen and (max-width: 767px) {
  .sectiongrid {
    grid-template-columns: 1fr;
    padding-left: 8em;
    padding-right: 8em;
  }
  .w-slider {
    width: 100%;
  }
  .flexcenter {
    font-size: 17px;
    margin-left: 2em;
  }
}

@media screen and (max-width: 479px) {
  .hero {
    grid-template-columns: 1.5fr;
    grid-auto-flow: row;
  }
  .w-slider {
    width: 100%;
  }

  .sectiontop {
    padding-left: 2em;
    padding-right: 2em;
    display: flex;
  }

  .flexcenter {
    font-size: 17px;
    margin-left: 0em;
  }

  .logo {
    max-width: 100%;
  }

  .brand {
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-menu {
    background-color: var(--white);
    color: var(--black);
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .menu {
    color: var(--blue);
    font-size: 40px;
  }

  .menu-button {
    background-color: var(--white);
  }

  .menu-button.w--open {
    background-color: var(--white);
  }

  .sectiongrid {
    grid-template-columns: 1fr;
    padding-left: 1em;
    padding-right: 1em;
  }

}

#w-node-c39b712a-a59e-07ee-92fc-6c2ba56ffc3b-c8e76397, #w-node-ae9db93c-92c7-41e9-5e56-02352dc0263d-c8e76397 {
  place-self: center;
}