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

body {
  font-family: sans-serif;
}

.my-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important;
}

.container {
    max-width: 720px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 3em;
    padding-right: 3em;
}

.gap{
  margin: 0 0.5rem 0 0.5rem;
}

.text-center {
    text-align: center !important;
}
.p-5 {
    padding: 3rem !important;
}
.border {
    border: solid 1px #575858!important;
}
.position-relative {
    position: relative!important;
}

.h1, .h2 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

h1 {
  font-size: 1.5rem;
    display: block;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.mb-4 {
    margin-bottom: 1.5rem!important;
}
.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important;
}


p {
    margin-top: 0;
    margin-bottom: 2rem !important;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.px-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important;
}
.mp-0{
  padding: 0 !important;
  margin: 0 !important;
}
.mb-5 {
    margin-bottom: 3rem!important;
}
.btn {
  width: 45%;
  color: #fff;
  border-radius: 0.25rem;
  height: 4em;
  border: none;
  font-size: larger;
  padding: 0.5rem;
}

.red{
  background-color: #ae121e;
}

.grey{
  background-color: #575858;
}



@media (max-width: 576px)
{
  .container {
    max-width: 540px;
}
} 


.footer {color: #575858; text-align :center;}