body{
    background: url(../images/more_back_2.jpg) #000000 center center;
    background-size: cover;
}

body:after {
    content: '';
    background: rgb(192,187,174);
    background: linear-gradient(0deg, rgba(192,187,174,1) 22%, rgba(192,187,174,0) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 350px;
    z-index: -1;
}

.iconomore{
        display: block;
    margin: 0 auto;
    max-width: 300px;
}

h1{
        color: white;
        text-align: center;
}

.main-container, main.home .main-container .row {
    height: calc(100vh - 25vh);
}

.mainbanner{
    position: relative;
    background:  none;
}
.credits{
    color: #1e2425;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
bottom: 0;
    left: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
   
    padding: 19px;
    letter-spacing: 2px;
        font-weight: bold;

}
.creditsfoot{
    color: #1e2425;
    text-transform: uppercase;
    width: 100%;

    text-align: center;

    justify-content: center;
    align-items: center;
    font-size: 18px;
    padding: 0px 19px 19px 19px;
    letter-spacing: 2px;
        font-weight: bold;
}

.credits img,
.creditsfoot img{
        margin-left: 5px;
    margin-bottom: 6px;
}

footer{
    background:  none transparent;
}

.mobile_pic_cont,
.creditsfoot{
    display: none;
}

@media (orientation: landscape) {
    .iconomore {
        max-width: 130px;
    }   
    footer{
        height: 10vh;
    }
}


@media (max-width: 600px){
    body{
        background: url(../images/more_back_3_mobile.jpg) #c0bbae top center no-repeat;
        background-size: contain;
    }
    body:after {
        content:  none;
    }
    main, .main-container, main.home .main-container .row{
        height:  auto;
    }
    .mainbanner:after {
        content: none
    }

    .mobile_pic_cont{
        position:  relative;
    }

    .mobile_pic_cont:after {
        content: '';
        background: rgb(192,187,174);
        background: linear-gradient(0deg, rgba(192,187,174,1) 22%, rgba(192,187,174,0) 100%);
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 180px;
    }

    .credits{
        display:  none;
    }
    .iconomore, .mainbanner h1{
        display:  none;
    }
    .main-container{
        background:  none;
    }
    .mobile_pic_cont{
        display: block;
    }
    .creditsfoot{
            display: flex;
    }
    .textohome{
        padding:  0;
        margin: 0;
    }
    .main-container{
        padding:  0;
        margin:  0;
    }
    .container.main-container .col {
        padding: 0;
    }
    footer{
        display: block;
    }
    footer .btn.btn-primary, footer{
        margin-top:  0;
    }
    footer .container{
            background: #c0bbae;
    }
}