body {
  font-family: "Roboto", sans-serif;
  color: #144a62;
}

.switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 24px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

a,
a:hover {
  color: #23b6f5;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif;
}

.navbar a,
.navbar a:focus {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  color: #144a62;
  /* color: #a4a4a4; */
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover > a {
  color: #23b6f5;
  text-transform: uppercase;
}

.navbar .getstarted,
.navbar .getstarted:focus {
  background: #23b6f5;
  color: #fff;
}

.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
  color: #fff;
  background: #23b6f5;
}

.navbar-mobile {
  background-color: rgba(20, 75, 98, 0.8);
}

.hero h1 {
  color: #144a62;
}

.about h2 {
  color: #144a62;
}

.about h3 {
  color: #23b6f5;
}

about p {
  color: #144a62;
}

.section-header h2 {
  color: #23b6f5;
}

.section-header p {
  color: #144a62;
}

.back-to-top {
  background: #23b6f5;
}

.back-to-top:hover {
  background: #144a62;
}