#mmenu_screen > .row {
    min-height: 100vh;
}

.flex-fill {
    flex:1 1 auto;
}

.building{
    background-image: url('../images/building.jpg');
    position: relative;
}

.fire{
    background-image: url('../images/fire.jpg');
    position: relative;
}

.img-fill{
    background-position: center bottom;
    -webkit-background-size: cover;
    background-size: cover;
}

.logo-building, .logo-fire{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.logo-building img, .logo-fire img{
    margin-bottom: 2rem;
}
.sp-building, .sp-fire{
/*    position: absolute;
    bottom: 8%;
    left: 50%;
    transform: translate(-50%, 0);*/
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}

.sp-building button, .sp-fire button{
    margin-top: 1.2em;
    background-color: #565656;
    border: 0;
    border-radius: .5rem;
    /*padding: .2em 1.5em;*/
    
}
.btn-i-left{
    padding: .2em 1.5em .2em 0.9em;
}
.btn-i-right{
    padding: .2em 0.9em .2em 1.5em;
}

.sp-building .fa-chevron-right,.sp-building .fa-chevron-left{
    color: #f7941e;
}

.sp-fire .fa-chevron-right{
    color: #eb0032;
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .logo-building{
        position: absolute;
        top: 50%;
        right: 20%;
        left: auto;
        transform: translate(0, -50%);
    }
    .logo-fire{
        position: absolute;
        top: 50%;
        left: 20%;
        transform: translate(0, -50%);
    }
    .logo-building img, .logo-fire img{
        margin-bottom: 6rem;
    }
    .sp-building, .sp-fire{
        font-size: 29px;
        bottom: 30%;
        transform: none;
    }
    .sp-building{
        right: 20%;
        left: auto;
    }
    .sp-fire{
        left: 20%;
    }
    .sp-building button, .sp-fire button{
        font-size: 21px;
    }
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    
}

@media (max-height: 900px) {
    .sp-building, .sp-fire{
        bottom: 10%;
    }
}