@charset "UTF-8";
@import url("https://rsms.me/inter/inter.css");
html {
  font-family: "Inter", sans-serif;
}
@supports (font-variation-settings: normal) {
  html {
    font-family: "Inter var", sans-serif;
  }
}
body { margin:0; color:#565656;}

.login-bg {
    background-color: #51127f;
}
/*colors*/
.light-purple{
  color:#b799d9;
}
.primary-purple {
  color: #8e50af;
}
.primary-purple-dark {
  color: #881883;
}
.primary-blue {
  color: #27aae1;
}
.primary-blue-dark {
  color: #0c487e;
}
.primary-gray {
  color: #707070;
}
.primary-gray-dark {
  color: #3a3a3a;
}
.disabled-gray {
  color: #c1c1c1;
}
.disabled-gray-dark {
  color: #aaaaaa;
}
.primary-green {
  color: #8dc641;
}
.primary-green-dark {
  color: #70ac22;
}
.primary-orange {
  color: #f6ae2d;
}
.primary-orange-dark {
  color: #dd9c28;
}
.primary-red {
  color: #ad1313;
}
.primary-red-dark {
  color: #8b0000;
}
.white {
  color: #ffffff;
}

.confirmLink {
  font-size: 12px;
}

/*buttons*/
.flex {
  display: flex;
}
.flex45 {
  flex: 45%;
}
.buttons-container {
  padding: 20px;
}
button {
  cursor: hand;
  cursor: pointer;
}
.bl-btn {
  background: #27aae1;
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 1.6rem;
  text-shadow: none;
  font-family: Arial;
  color: #ffffff;
  padding: 1.1rem 4rem 1.1rem 4rem;
  font-size: 0.8rem;
  text-decoration: none;
  border: none;
  box-shadow: 0rem 0.0625rem 0.125rem rgba(70, 70, 70, 0.2);
  display: block;
  text-align: center;
}
.bl-btn:hover {
  background: #089ad9;
  text-decoration: none;
}
.bl-btn-sm {
  background: #27aae1;
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 1.6rem;
  text-shadow: none;
  font-family: Arial;
  color: #ffffff;
  padding: 10px;
  font-size: 12px;
  text-decoration: none;
  border: none;
  box-shadow: 0rem 0.0625rem 0.125rem rgba(70, 70, 70, 0.2);
  display: block;
  text-align: center;
}
.bl-btn-sm:hover {
  background: #089ad9;
  text-decoration: none;
}

.purple-btn {
  background: #b679d6;
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 1.6rem;
  text-shadow: none;
  font-family: Arial;
  color: #ffffff;
  padding: 0.8rem 4rem 0.8rem 4rem;
  font-size: 0.8rem;
  text-decoration: none;
  border: none;
  box-shadow: 0rem 0.0625rem 0.125rem rgba(70, 70, 70, 0.2);
  display: block;
  text-align: center;
}
.purple-btn:hover {
  background: #9853bc;
  text-decoration: none;
}
.strong {
  font-weight: bold;
}
.purple-btn-sm {
  background: #b679d6;
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 1.6rem;
  text-shadow: none;
  font-family: Arial;
  color: #ffffff;
  padding: 10px;
  font-size: 12px;
  text-decoration: none;
  border: none;
  box-shadow: 0rem 0.0625rem 0.125rem rgba(70, 70, 70, 0.2);
  display: block;
  text-align: center;
}
.purple-btn-sm:hover {
  background: #9853bc;
  text-decoration: none;
}
.red-outline {
  border: 1px solid #860c0c;
  background: #ffdede;
}
.green-outline {
  border: 1px solid #63860c;
  background: #e3fdbd;
}
.gray-btn {
  background: #707070;
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 1.6rem;
  text-shadow: none;
  font-family: Arial;
  color: #ffffff;
  padding: 0.8rem 4rem 0.8rem 4rem;
  font-size: 0.8rem;
  text-decoration: none;
  border: none;
  box-shadow: 0rem 0.0625rem 0.125rem rgba(70, 70, 70, 0.2);
  display: block;
  text-align: center;
}
.gray-btn:hover {
  background: #3a3a3a;
  text-decoration: none;
}
.gray-btn-sm {
  background: #707070;
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 1.6rem;
  text-shadow: none;
  font-family: Arial;
  color: #ffffff;
  padding: 10px;
  font-size: 12px;
  text-decoration: none;
  border: none;
  box-shadow: 0rem 0.0625rem 0.125rem rgba(70, 70, 70, 0.2);
  display: block;
  text-align: center;
}
.gray-btn-sm:hover {
  background: #3a3a3a;
  text-decoration: none;
}
.mag-btn {
  background: #ff0077;
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 1.6rem;
  text-shadow: none;
  font-family: Arial;
  color: #ffffff;
  padding: 1.1rem 4rem 1.1rem 4rem;
  font-size: 0.8rem;
  text-decoration: none;
  border: none;
  box-shadow: 0rem 0.0625rem 0.125rem rgba(70, 70, 70, 0.2);
  display: block;
  text-align: center;
}
.bl-btn:hover {
  background: #cc005f;
  text-decoration: none;
}

.disabled-gray-btn-sm {
  background: #c1c1c1;
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 1.6rem;
  text-shadow: none;
  font-family: Arial;
  color: #ffffff;
  padding: 10px;
  font-size: 12px;
  text-decoration: none;
  border: none;
  box-shadow: 0rem 0.0625rem 0.125rem rgba(70, 70, 70, 0.2);
  display: block;
  text-align: center;
}
.disabled-gray-btn-sm:hover {
  background: #aaaaaa;
  text-decoration: none;
}
.green-btn {
  background: #8dc641;
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 1.6rem;
  text-shadow: none;
  font-family: Arial;
  color: #ffffff;
  padding: 0.8rem 4rem 0.8rem 4rem;
  font-size: 0.8rem;
  text-decoration: none;
  border: none;
  box-shadow: 0rem 0.0625rem 0.125rem rgba(70, 70, 70, 0.2);
  display: block;
  text-align: center;
}
.green-btn:hover {
  background: #70ac22;
  text-decoration: none;
}
.green-btn-sm {
  background: #8dc641;
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 1.6rem;
  text-shadow: none;
  font-family: Arial;
  color: #ffffff;
  padding: 10px;
  font-size: 12px;
  text-decoration: none;
  border: none;
  box-shadow: 0rem 0.0625rem 0.125rem rgba(70, 70, 70, 0.2);
  display: block;
  text-align: center;
}
.green-btn-sm:hover {
  background: #70ac22;
  text-decoration: none;
}

.orange-btn {
  background: #f6ae2d;
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 1.6rem;
  text-shadow: none;
  font-family: Arial;
  color: #ffffff;
  padding: 0.625rem 1.5625rem 0.625rem 1.5625rem;
  font-size: 12px;
  text-decoration: none;
  box-shadow: 0rem 0.0625rem 0.125rem rgba(70, 70, 70, 0.2);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.orange-btn:hover {
  background: #dd9c28;
  text-decoration: none;
}
.red-btn {
  background: #ad1313;
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 1.6rem;
  text-shadow: none;
  font-family: Arial;
  color: #ffffff;
  padding: 0.8rem 4rem 0.8rem 4rem;
  font-size: 0.8rem;
  text-decoration: none;
  border: none;
  box-shadow: 0rem 0.0625rem 0.125rem rgba(70, 70, 70, 0.2);
  display: block;
  text-align: center;
}
.red-btn:hover {
  background: #8b0000;
  text-decoration: none;
}
.orange-btn-sm {
  background: #f6ae2d;
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 1.6rem;
  text-shadow: none;
  font-family: Arial;
  color: #ffffff;
  padding: 10px;
  font-size: 12px;
  text-decoration: none;
  border: none;
  box-shadow: 0rem 0.0625rem 0.125rem rgba(70, 70, 70, 0.2);
  display: block;
  text-align: center;
}
.orange-btn-sm:hover {
  background: #dd9c28;
  text-decoration: none;
}
a.orange-btn {
  background: #f6ae2d;
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 4rem;
  text-shadow: none;
  font-family: Arial;
  color: #ffffff;
  padding: 0.625rem 1.5625rem 0.625rem 1.5625rem;
  font-size: 1rem;
  text-decoration: none;
  box-shadow: 0rem 0.0625rem 0.125rem rgba(70, 70, 70, 0.2);
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

a.orange-btn:hover {
  background: #dd9c28;
  text-decoration: none;
}

a.larger-orange-btn {
  height: 5rem;
  font-size: 1.4rem;
  font-weight: 700;
}
.delete-btn {
  background-color: #fafcfe;
  width: fit-content !important;
}

.add-btn {
  background-color: #fafcfe;
  width: fit-content !important;
  color: #9fa2a8;
  padding: 0 5px;
}

.delete-btn .fa,
.add-btn .fa {
  font-size: 22px;
  color: #9fa2a8;
}

.bl-btn:disabled {
  background-color: #9fa2a8;
}
.num-input {
  font-size: 18px;
  padding: 5px;
  text-align: center;
  border-radius: 9px;
  border: 1px solid #ccc;
  width: 90px;
}
.horizontal-center-items {
  display: flex;
  justify-content: center;
  align-items: center;
}
.form-row {
  display: flex;
  justify-content: center;
  align-items: center;
}
.submit-button-div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.horizontal-center-space-evenly {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.horizontal-center-space-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.horizontal-center-space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.horizontal-center-content {
  display: flex;
  justify-content: center;
  align-content: center;
}
.vertical-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.vertical-center-evenly {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.vertical-center-around {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.vertical-center-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.grid-twoColumns-centered {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
}
.grid-threeColumns-centered {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
}
.bottom20 {
  padding-bottom: 20px;
}
.top20 {
  padding-top: 20px;
}
.teacher-speadsheet-container {
  display: flex;
  justify-content: space-evenly;
}
.enter-teacher-checkbox-container {
  display: flex;
  justify-content: center;
}
.triple-button-container {
  display: flex;
  justify-content: space-evenly;
  padding: 20px 0px;
}
.triple-button-container img {
  width: 175px;
  cursor: pointer;
}
.city-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 160px;
}
.state-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 30px;
}
.zip-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 60px;
}

.font12 {
  font-size: 12px;
  line-height: 1.8em;
}
.font14 {
  font-size: 14px;
  line-height: 1.8em;
}
.font18 {
  font-size: 18px;
  line-height: 1.8em;
}
.font22 {
  font-size: 22px;
  line-height: 1.8em;
}

.font30 {
  font-size: 30px;
  line-height: 1.8em;
}

.signup-box {
  padding: 25px;
  width: 80%;
  max-width: 800px;
  height: auto;
  background: rgba(48, 10, 75, 0.4);
  border-radius: 20px;
  box-shadow: 0 0 10px #2d0246;
  margin-top: 3%;
}
.signup-box-info {
  padding: 25px;
  width: 80%;
  max-width: 600px;
  height: auto;

  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0 10px #bedde9;
  margin-top: 3%;
}
.zip-submit-field {
  font-size: 18px;
  color: #707070;
  padding: 15px;
  border: 1px solid #707070;
  border-radius: 9px;
  text-align: center;
}

.font-zip {
  width: 300px;
  margin: auto;
}
.font-zip i {
  color: #e64c3b;
}
.page-section {
  min-height: 90vh;
}
.signup-logo-container img {
  width: 50%;
  /* padding-bottom: 25px; */
}

.page-container {
  position: relative;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1.25rem;
  background: #ffffff;
  margin: 0 auto;
}

.fixed-top-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  display: block;
  justify-content: flex-start;
  align-items: stretch;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  padding-left: 3rem;
  padding-right: 3rem;
  background: #6ec7ed;
  margin: 0 auto;
}


.logo {
  width: 70%;
}

header {
  z-index: 9999;
}

.header-col {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dropdownMenuButton {
  border: 0px;
  background-color: transparent;
}

.menu-options {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.content-holder {
  min-height: 40vh;
  display: flex;
  justify-content: center;
  align-items: center;
}



.counterConfirm {
  background: #e5b400;
}

.counterConfirm:hover {
  background: #cea200;
}



i.font-awesome-text {
  font-size: 1rem;
}

.enter-text-hidden {
  display: none !important;
}

.continue-section {
  margin-top: 1.875rem;
}

.section-hidden {
  display: none;
}

.hide-section {
  display: none !important;
}



.form-row input[type="text"],
.form-row input[type="tel"],
.form-row input[type="password"],
.form-row input[type="email"],
.form-row input[type="number"],
.form-row select {
  width: 30%;
  height: 2.5rem;
  border-radius: 0.4375rem;
  margin: 0.625rem;
  border-width: 0.0625rem;
  padding-left: 0.625rem;
}

.form-row select {
  background-color: #ffffff;
}

.input-section {
  margin-top: 1.25rem;
}


.modal-title {
  text-align: center;
  color: #000000;
}

.modal-header {
  margin: 0 auto;
  width: 100%;
}



.form-centered {
  min-height: 45vh;
  width: 100%;
}

.form-centered button,
.form-centered .btn,
.button-div button,
.button-div .btn {
  border: none;
  box-shadow: none;
  text-shadow: none;
  width: 100%;
  border-radius: 50px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 0.04em;
  text-align: center;
  outline: none;
}

.form-centered button:hover,
.form-centered .btn:hover,
.button-div button:hover,
.button-div .btn:hover {
  color: #ffffff;
  cursor: pointer;
}

.submit-button-div button,
.submit-button-div a {
  width: 50% !important;
  margin: 0.625rem;
}

.circularLabel {
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.suggresult {
  padding: 20px;
  border-bottom: 1px dashed #fff;
  background: rgba(64, 180, 229, 0.75);
  color: #fff;
  cursor: hand;
  cursor: pointer;
}
.suggresult:hover {
  padding: 20px;
  border-bottom: 1px dashed #fff;
  background: rgba(40, 151, 198, 0.75);
  color: #fff;
}

#overlay {
  position: fixed; /* Sit on top of the page content */
  /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
}

/* mobile responsive */
@media only screen and (max-width: 767px) {
  .info-comparison-container {
    flex-direction: column;
  }

  .flex40 {
    flex: 100%;
  }
  /* navbar */
  .fixed-top-header {
    padding: 1rem 1rem 0 1rem;
    background-color: #0e79b3 !important;
  }

  .collapse {
    display: none;
  }

  .navbar-toggler {
    padding: 0;
  }

  .navbar-toggler button:focus {
    outline: none;
  }

  .navbar-toggler-icon i {
    color: #fff;
    font-size: 24px;
  }

  .options-row,
  .dropdown-item {
    padding: 1rem;
    font-size: 1.3rem;
  }

  .navbar-nav > .header-col {
    padding: 1rem 0;
  }

  .navbar-nav > .header-col,
  .navbar-nav > .header-col > .menu-options {
    justify-content: start;
  }

  #dropdownMenuButton {
    padding: 0;
    font-size: 1.3rem;
  }

  .navbar-nav .dropdown-menu {
    width: 85vw;
  }

  .navbar-nav > a.orange-btn {
    height: 2.5rem;
  }

  .header-logo-col {
    justify-content: space-between;
  }
}

/* custom Select */
/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  font-family: Arial;
  z-index: 99;
  overflow: visible;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: #f4f4f4;
  border-radius: 6px;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 18px;
  right: 10px;
  width: 0;
  height: 0;
  border: 1px solid #666;
  border-color: #666 transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #666 transparent;
  top: 10px;
}

/*style the items (options), including the selected item:*/
.select-items div,
.select-selected {
  color: #46bef7;
  padding: 15px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #efefef;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 199;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover,
.same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
::-webkit-input-placeholder {
  font-style: italic;
}
:-moz-placeholder {
  font-style: italic;
}
::-moz-placeholder {
  font-style: italic;
}
:-ms-input-placeholder {
  font-style: italic;
}

/* mobile responsive */
@media only screen and (min-width: 768px) and (max-width: 900px) {
  .header-link span,
  #dropdownMenuButton {
    font-size: 0.8rem;
  }
  .info-comparison-container {
    flex-direction: column;
  }
}

/* mobile responsive */
@media only screen and (min-width: 768px) and (max-width: 972px) {
  a.header-option-text,
  .header-option-text {
    font-size: 0.7rem;
  }
  .info-comparison-container {
    flex-direction: column;
  }
}

.slideUp {
  top: 80px;
  left: 10px;
  animation: slideUp ease 1s forwards 1.2s;
  opacity: 0;
}

@keyframes slideUp {
  0% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(30px);
    opacity: 1;
  }
}

/* mobile responsive */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  a.footer-btn {
    width: 60%;
  }
  .info-comparison-container {
    flex-direction: column;
  }
}
@media only screen and (max-width: 600px) {
  .bl-btn {
    width: 205px;
  }
}

.close-modal {
  background-color: #9fa2a8;
}

.sugg-results {
  padding: 10px;
  background: #fff;
  border: 1px solid #ccc;
  cursor: hand;
  cursor: pointer;
  transition: 0.3s;
  width: 100%;
  max-width: 500px;
}
.sugg-results:hover {
  padding: 10px;
  background: #0e72a8;
  border: 1px solid #ccc;
  cursor: hand;
  cursor: pointer;
  color: #fff;
}
.sugg-results-reg {
  padding: 10px;
  background: #ab2c1c;
  border: 1px solid #ccc;
  cursor: hand;
  cursor: pointer;
  transition: 0.3s;
  width: 100%;
  max-width: 500px;
  color: #fff;
}
.sugg-results-reg:hover {
  padding: 10px;
  background: #781e12;
  border: 1px solid #ccc;
  cursor: hand;
  cursor: pointer;
  transition: 0.3s;
  width: 100%;
  max-width: 500px;
  color: #fff;
}

.alert {
  text-align:center;
  position:absolute;
  top:-250px;
  width:100%;
}
.alert-container-success
{
  display:flex; 
  box-shadow:0px 10px 60px #363b3e;
  justify-content: center;
  align-items: center;
  background:#c1d39e; 
  border-radius:9px;
  opacity: .9; 
}
.alert-container-error
{
  display:flex; 
  box-shadow:0px 10px 60px #363b3e;
  justify-content: center;
  align-items: center;
  background:#d97f7f;
  opacity: .9; 
  border-radius:9px;
}
.alert-icon{
  width:50px;
  padding:15px;
  color:#fff;
  font-size:22px;
  text-align:center; 
  border-radius:9px 0 0 9px;
}
#alert-success,#alert-error,#alert-warning,#alert-notification {display:none;}
.alert-message-success{
  width:100%;background:#7fac27; color:#fff;padding:20px;border-radius:0 9px 9px 0;opacity: .9; text-align: left;
}

.alert-message-success h2, .alert-message-error h2{
  margin:0; font-size: 1.2em;
}
.alert-message-error{
  width:100%;background:#971d1d; color:#fff;padding:20px;opacity: .9; text-align: left;
}
a.white{
  color:#fff;
  text-decoration: underline;
}
.alert-dismiss{
  width:50px;
  padding:15px;
  color:#971d1d;
  font-size:18px;
  text-align:center; 
  border-radius:9px 0 0 9px;
}
.alert-dismiss a{
  color:#971d1d;
}

.sidenav-item{
  display:block;
  width:100%;
  color:#fff;
  text-align:left;
  margin:10px 0;
  padding:15px 0 15px 45px;
  text-decoration:none;
  font-size:12px;
}
.sidenav-item:hover{
  display:block;
  width:100%;
  color:#fff;
  text-align:left;
  margin:10px 0;
  padding:15px 0 15px 45px;
  text-decoration:none;
  font-size:12px;
  background-color: rgb(255, 255, 255, 0.5);
  border-radius:9px 0 0 9px;
}

.sidenav-item:visited{
  display:block;
  width:100%;
  color:#fff;
  text-align:left;
  margin:10px 0;
  padding:15px 0 15px 45px;
  text-decoration:none;
  font-size:12px;
}
.sidenav-item-selected{
  display:block;
  width:100%;
  border-radius:9px 0 0 9px;
  color:#5e2a74;
  text-align:left;
  padding:15px 0 15px 45px;
  margin:10px 0;
  text-decoration:none;
  background:#fff;
  font-size:12px;
}
.db-logo{
  width:207px;
  flex-shrink:0;
  background:url(/resources/images/side-logo-bg.jpg) top no-repeat;
  background-color:#59127f;
  align-self:stretch;
}
.event-item{
  display:flex;
  padding:15px 10px; 
  border-bottom:1px dashed #ccc;
  margin:15px 0;
}
.db-features{
  display:flex;justify-content:space-between; margin:40px 0;
}
.db-feature{
  width:50%;
}
.event-title{
  font-size:1.4em;
}