.banner-tambo{
    height: 600px;
    background-image: url(../Img/20180328_pancan2.jpg);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(6,1fr)
}
.banner-tambo h1{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column:1/3;
    grid-row: 3/4;
}
.slogan-tambo{
    grid-column:1/3;
    grid-row: 4/5;
}
.slogan-tambo p{
    font-size:1.5rem;
    text-align: center
}

#content-tambo{
    background: #0D302B;
    padding-top: 0px;
}
.container-tambo{
    width: 100%;
    margin: auto;
    margin-top: 0px;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(6,1fr);
    grid-template-rows: repeat(8,100px)
}
.tambo{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    
    
}
.tambo-t{
    background-image: linear-gradient(180deg, transparent 100%, rgba(161, 186, 0, .8));
    width: 100%;
    height: 100%;
    padding: 10px;
    display: flex;
    align-items:flex-end;
    justify-content: center;
    transition: all 2s;
}
.tambo-t:hover{
    background-image: linear-gradient(180deg, transparent 0%, rgba(161, 186, 0, .5));
    height: 100%;
    transition: all 2s;
}
.tambo-t h3{
    color: #fff;
}
.tambo1{
    background-image: url(../Img/bedroom-door-entrance-271639.jpg);
    grid-column:1/7;
    grid-row: 1/3;
}
.tambo2{
    background-image: url(../Img/blur-close-up-cutlery-735869.jpg);
    grid-column:1/7;
    grid-row: 3/5;
    
}
.tambo3{
    background-image: url(../Img/automobile-automotive-blur-977213.jpg);
    grid-column:1/7;
    grid-row: 5/7;
}
.tambo4{
    background-image: url(../Img/160920-jauja-03.jpg);
    grid-column:1/7;
    grid-row: 7/9;
}

@media(min-width:600px){
    .banner-tambo h1{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        grid-column:2/3;
        grid-row: 3/4;
    }
    .slogan-tambo{
        grid-column:2/3;
        grid-row: 4/5;
    }
    .slogan-tambo p{
        font-size: 20px;
        text-align: center
    }
    .container-tambo{
        grid-template-rows: repeat(4,100px)
    }

    .tambo1{
        grid-column:1/4;
        grid-row: 1/3;
    }
    .tambo2{
        grid-column:4/7;
        grid-row: 1/3;
    }
    .tambo3{
        grid-column:1/4;
        grid-row: 3/5;
    }
    .tambo4{
        grid-column:4/7;
        grid-row: 3/5;
    }
}
@media(min-width:1200px){
    .container-tambo{
        max-width: 1200px;    
    }
    
    #content-tambo{
        padding-top: 15px;
    }
    .container-tambo{
        grid-gap: 15px;
    }

    .tambo1{
        grid-column:1/3;
        grid-row: 1/3;
    }
    .tambo2{
        grid-column:3/5;
        grid-row: 1/3;
    }
    .tambo3{
        grid-column:5/7;
        grid-row: 1/3;
    }
    .tambo4{
        grid-column:3/5;
        grid-row: 3/5;
    }
}