body {
font-weight: 400;
scroll-behavior: smooth;
font-family: "Poppins", sans-serif; }

.bg-blue {
color: white;
background-color: #0E3E75; }

.text-blue {
color: #0E3E75; }

.bg-blue h2 {
color: white !important; }

.bg-blue hr {
border: none;
height: 1px;
color: #fff;
background-color: #fff; }

a {
text-decoration: none;
color: #0E3E75; }

.icon img {
max-height: 75px;
width: auto; }

#langs img {
border-radius: 50%;
box-shadow: 0 0 3px rgba(0,0,0,0.5);
margin-left: 10px;
height: 35px;
width: auto; }

#langs img:hover {
box-shadow: 0 0 5px rgba(0,0,0,0.8); }

.nav-link {
font-weight: 400;
color: #0E3E75; }

.bg-blue h1 {
font-size: 1.5em; }

h2 {
color: #0E3E75 !important;
font-size: 1.2em; }

#places i {
color: #0E3E75; }

.round-my {
border-radius: 16px; }

#map {
height: 70vh;
width: 100%; }

#map-detail {
height: 40vh;
width: 100%; }

.table-fixed {
table-layout: fixed;
width: 100%; }

.btn-primary {
border: 1px solid #0E3E75 !important;
background-color: #0E3E75 !important; }

.btn-primary-white {
color: #0E3E75 !important;
border: 1px solid #fff !important;
background-color: #fff !important; }

.bg-grey {
background-color: #efefef; }

.photo {
border-radius: 50%;
max-height: 120px;
width: auto; }

.grid-my {
display: grid;
grid-template-columns: 1fr;
gap: 5px; }


@media (max-width: 991.98px) {

    #navbar {
        position: relative;
    }

    #navbarCollapse {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;

        background: white;
        z-index: 9999;

        padding: 20px 0;

        box-shadow: 0 10px 20px rgba(0,0,0,.1);
    }

    #navbarCollapse .nav-item {
        text-align: center;
    }

    #navbarCollapse .nav-link {
        padding: 12px 0;
    }
}

@media (min-width: 991.98px) {
    .grid-my {
        grid-template-columns: 1fr 1fr 1fr;
    }
}