html {
    scroll-behavior: smooth;
}
nav {
    border-bottom: 1px solid #ccc;
}
.navbar-brand {
    margin-left: auto;
    margin-right: auto;
}
.navbar-brand img {
    max-height: 70px;
}
.main-row {
    padding-top: 1rem;
}
.display-5 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-6 {
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.2;
}
.main-left {
    text-align: center;
}
.main-left p {
    text-align: justify;
    margin-bottom: -30px;
}
.call-button {
    display: block;
    text-decoration: none;
    color: white;
    background: #009933;
    transition: 0.3s;
    margin-top: 1rem;
    font-size: 1.5em;
    border-radius: 5px;
    padding: 0.5rem;
    font-weight: bold;
    border: none;
    outline: none;
    width: 100%;
    text-align: center;
}
.call-button:hover {
    color: white;
    text-decoration: none;
}
.nav-button {
    display: block;
    text-decoration: none;
    color: white;
    background: linear-gradient(to right, #16588E 0%, #81C4FF 100%);
    transition: 0.3s;
    margin-top: 1rem;
    font-size: 1.5em;
    border-radius: 5px;
    padding: 0.5rem;
    font-weight: bold;
    border: none;
    outline: none;
    width: 100%;
    text-align: center;
}
.nav-button:hover {
    background: linear-gradient(to left, #16588E 0%, #81C4FF 100%);
    color: white;
    text-decoration: none;
}
.bottom-contact-container {
    display: none;
}
@media screen and (max-width: 575px) {
    .bottom-contact-container {
        display: block;
    }
}

small {
    font-size: 0.6em;
}
.footer {
    /*background: #81C4FF;*/
    text-align: center;
    color: white;
    padding: 1rem;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 0.8em;
    background: linear-gradient(to right, #16588E 0%, #81C4FF 100%)
}
.footer span {
    font-size: 1.2em;
}
.main-right p {
    font-size: 1.1em;
    text-align: justify;
}
#map {
    width: 100%;
    height: 500px;
}
@media screen and (max-width: 575px) {
    #map {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
.back-to-top-button {
    color: linear-gradient(to left, #16588E 0%, #81C4FF 100%);
    /*position: fixed;*/
    font-size: 4em;
    transition: 0.3s;
    position: absolute;
    right: 5px;
    bottom: -25px;
}
.back-to-top-button:hover {
    color: linear-gradient(to right, #16588E 0%, #81C4FF 100%);
    font-size: 4.2em;
}
.call-link {
    text-decoration: none;
    color: #16588E;
}
.call-link:hover {
    text-decoration: none;
    color: #16588E;
}
p:last-of-type {
    text-align: center;
    padding-bottom: 40px;
}
.footer-call {
    text-decoration: none;
    color: white;
}
.footer-call:hover {
    text-decoration: none;
    color: white;
}
