body, p, a, .btn, input, select, option, .form-control {
    font-size: 15px;
}

.searchbar__search{
    border: none;
}

/*---------------------------------------------
Menu.
---------------------------------------------*/
.page__head-wrapper{
    padding: 0;
    margin-bottom: 0.2em;
}

.page__head-wrapper{
    margin-bottom: 0;
}

.estate__navigation-image{
    width  : 250px;
}

.estate-navigation__top{
    padding : 1.5em 6em;
}

.estate-navigation__link{
    padding : 0 1.5em;
    text-decoration: none;
    color: #f2f2f2;
    font-size: 16px;
    letter-spacing: 2px;
    transition: 0.2s ease-in-out;
}

.estate-navigation__link:hover{
    color: #ffffff;
}

.estate-navigation__link,
.estate-navigation__link:hover{
    text-decoration: none;
    color: #ffffff;
}

.estate__navigation{
    display: flex;
    flex-flow: column;
}

.estate-navigation__bottom{
    background-color : #409d60;
    /*text-align       : right;*/
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.2);
}

/*---------------------------------------------
Login.
---------------------------------------------*/
.estate__login-wrapper{
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5em;
    grid-gap: 1.5em;
    background: #ffffff;
    padding: 1.5em;
    box-shadow: 0 1px 6px rgba(0,0,0,0.1);
    width: 30%;
    margin-left: auto;
    margin-right: auto;
}

/*.estate__login-wrapper > div:first-child{*/
    /*padding-right: 1.5em;*/
    /*border-right: 1px solid #eeeeee;*/
/*}*/

.estate-columns__2--alt,
.estate-columns__2 {
    display               : grid;
    grid-template-columns : 0.2fr 1fr;
    gap                   : 1.5em;
    grid-gap              : 1.5em;
}

.estate__footer-section{
    padding: 4em;
    padding-top: 3em;
    padding-bottom: 3em;
    gap: 3em;
    grid-gap: 3em;
    background-color : #eeeeee;
}

.footer__copyright{
    text-align: center;
    background-color : #ffffff;
    border-top       : 1px solid #e8e9ec;
    padding          : 1em 3em;
}

.estate__footer__wrapper{
    width: 100%;
    display: block;
}

.page__foot{
    padding: 0;
    border-top: none;
}

.estate-columns__2 {
    display               : grid;
    grid-template-columns : 0.2fr 1fr;
    gap                   : 1em;
    grid-gap              : 1em;
}

.estate__search-button{
    font-size        : 18px;
    color            : #656a6d;
    text-decoration  : none;
    text-align       : center;
    height           : 4rem;
    padding          : 1em .5rem .5rem;
    width            : 4rem;
    border-right: 1px solid #eeeeee;
    transition: 0.2s ease-in-out;
}

.estate__search-button:last-child{
    border: none;
}

.estate__search-button:hover,
.estate__search-button:focus{
    color: #656a6d;
    box-shadow: 0 1px 6px rgba(0,0,0,0.3);
    text-decoration: none;
}

.estate__search-layout{
    gap: 0;
    grid-gap: 0;
    background-color : #ffffff;
    box-shadow       : 0 2px 5px rgba(0,0,0,0.2);
    z-index: 2;
}

.searchbar{
    box-shadow       : 0 2px 5px rgba(0,0,0,0.2);
}

.estate__search-wrapper,
.re__container{
    z-index: 2;
}

@media(max-width: 1280px){
    .estate__login-wrapper{
        width: 60%;
    }
}

@media (max-width: 580px){
    .re_apartment_finder .estate__left-column{
        grid-row-start: 1;
    }

    .estate__login-wrapper{
        width: 100%;
    }
}

.re_apartment_finder .re__listing-row .re__listing-heading{
    display: none;
}

.re_apartment_finder .re__listing-row .re__listing-content{
    padding-bottom: 0.5em;
}

.re_apartment_finder .re__listing-row .re__listing-content .columns__4.mb-4{
    margin-bottom: 0.5em!important;
}

.re__point-of-interest{
    width: 7em;
    color: #ffffff;
    display: inline-block;
    margin-left: 0.4em;
    margin-right: 0.4em;
    transition: 0.2s ease-in-out;
    position: relative;
    vertical-align: top;
}

#app .re__container .re__point-of-interest img{
    transition: 0.2s ease-in-out;
    width: 100%!important;
    height: auto;
    margin-bottom: 0.5em;
}

.re__point-of-interest:hover{
    text-decoration: none;
}

.re__point-of-interest:hover img{
    filter: drop-shadow(0 3px 9px rgba(0,0,0,0.3));
}

@media (max-width: 768px) {
    .re__point-of-interest{
        width: 4em;
    }
}