.bannerevento{
    height: 400px;
    width: 100%;
    background-image: url(../Img/201703-1-22.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: repeat(2,1fr);
    grid-gap: 0px;
    transition: all 1s;
}
.bannerevento h1{
    margin: auto auto 0px auto;
    grid-column:1/2;
    grid-row: 1/2
}
.bannerevento p{
    margin: 0px auto auto auto;
    text-align: center;
    grid-column:1/2;
    grid-row: 2/3
}

.container-evento{
    width: 100%;
    margin: auto;
}
.container-evento h2{
    color: #A1BF37
}
.magico{
    background-image: url(../Img/Amanecer.jpg);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(12,1fr);
    grid-template-rows: repeat(6,100px);
}


.bg-patasca{
    grid-column:1/13;
    grid-row: 1/4;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(3, 1fr);
}
.t-magico{
    background: #0D302B;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    grid-column: 1/7;
    grid-row: 1/2;
}
.p-magico2{
    background: rgba(255,255,255, .7);
    grid-column:3/7;
    grid-row: 2/3;
    grid-gap: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.p-magico2 p{    
    color: #0D302B;
    text-align: center;
    padding: 10px
}

.bg-magico{
    grid-column:1/13;
    grid-row: 4/7;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(3, 1fr);
}
.p-magico1{
    background: rgba(255,255,255, .7);
    grid-column:1/5;
    grid-row: 3/4;
    grid-gap: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.p-magico1 p{    
    color: #0D302B;
    text-align: left;
    padding: 10px
}
.patasca-img{
    grid-column:5/7;
    grid-row: 3/4;
    display: flex;
    justify-content:flex-start;
    align-items: center;
}
.patasca-img img{
    height: 100px;
}

.olor{
    background-image: url(../Img/eucalyptus-globulus-labill.jpg);
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    display: grid;    
    grid-gap: 0px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(6, 100px);
        
}
.t-olor{
    background: #0D302B;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    grid-column: 1/13;
    grid-row: 1/2;
}
.p-olor{
    background: rgba(255,255,255, .7);
    grid-column:5/13;
    grid-row: 6/7;
    grid-gap: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.p-olor p{
    text-align: center;
    color: #0D302B;
    padding: 10px;
}
.bg-olor{    
    grid-column:1/5;
    grid-row: 6/7;
}
.bg-madera{
    background-image: url(../Img/tallado.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    grid-column:1/5;
    grid-row: 6/7;
}

.mallay{

    background-image: url(../Img/jalamalay_bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: grid;    
    grid-gap: 0px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(6, 100px);
}
.bg-mallay{
    grid-column:1/13;
    grid-row: 1/4;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(3, 100px);
}
.t-jala{
    background: #0D302B;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column: 1/7;
    grid-row: 1/2;
    padding: 10px;
}
.p-mallay1{
    background: rgba(255,255,255, .7);
    padding: 5px;
    grid-column:4/7;
    grid-row: 2/4;
    display: flex;
    justify-content: center;
    align-items: center;
}
.p-mallay1 p{
    color: #0D302B;
    text-align: center;
}

.bg-guinda{
/*    background-image: url(../Img/espiral21-guindas-fruta-2017.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;*/
    grid-column:1/13;
    grid-row: 4/7;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(6, 50px);
}

.t-mallay{
    display: none;
    background: #0D302B;
    justify-content: flex-start;
    align-items: center;
    grid-column: 1/5;
    grid-row: 1/2;
    padding: 10px;
}
.p-mallay2 p{
    color: #0D302B;
    text-align: center;
}
.p-mallay2{
    background: rgba(255,255,255, .7);
    padding: 5px;
    grid-column:3/5;
    grid-row: 4/7;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.paseo{
    background-image: url(../Img/xauxapaseo_bg2.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(6, 100px);
}

.bg-paseo1{    
    grid-column:1/13;
    grid-row: 1/4;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(3, 100px);
}
.t-paseo1{
    background: #0D302B;
    grid-column:1/13;
    grid-row: 1/2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.t-paseo1 h2{
    text-align: center;
}
.bg-paseo2{    
    grid-column:1/13;
    grid-row: 4/7;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(3, 100px);
}
.p-paseo2{
    background: rgba(255,255,255, .7);
    grid-column:2/12;
    grid-row: 3/4;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bg-paseo2 p{
    color: #0D302B;
    text-align: center;
    padding: 10px;
}

@media(min-width:480px){

}
@media (min-width:768px){
    .bg-patasca{
        grid-column:1/7;
        grid-row: 1/7;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(6, 1fr);
    }

    .bg-magico{
        grid-column:7/13;
        grid-row: 1/7;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(6, 1fr);
    }
    .t-magico{
        grid-column: 1/7;
        grid-row: 1/2;
        }
    .p-magico2{
        grid-column:1/7;
        grid-row: 6/7;
    }
    .bg-patasca{
        grid-column:1/7;
        grid-row: 1/7;
        }
    
    .p-magico2 p{
        text-align: left;
        }
    .bg-magico{
        grid-column:7/13;
        grid-row: 1/7;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(6, 1fr);
    }
    .p-magico1{
        grid-column:5/7;
        grid-row: 2/3;
    }
    .p-magico1 p{
        text-align: left;
    }
    .patasca-img{
        grid-column:3/5;
        grid-row: 2/3;
        justify-content: flex-end;
    }
    .patasca-img img{
        height: 100px;
    }

    
    .t-olor{
        grid-column: 1/7;
        grid-row: 1/2;
    }
    .p-olor{
        grid-column:8/10;
        grid-row: 4/6;
    }
    .bg-madera{
        grid-column:10/12;
        grid-row: 4/6;
    }
    
    
    .mallay{
        
    }
    .bg-mallay{
        grid-column:1/7;
        grid-row: 1/7;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(6, 100px);
    }
    .t-jala{
        grid-column: 3/7;
        justify-content: flex-end;
    }
    .p-mallay1{
        grid-column:1/4;
        grid-row: 3/5;
        padding: 20px
    }
    .p-mallay1 p{
        text-align: left;
    }

    .bg-guinda{
        grid-column:7/13;
        grid-row: 1/7;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(6, 100px);
    }

    .t-mallay{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        grid-column: 1/5;
        grid-row: 1/2;
        padding: 10px;
    }
    .p-mallay2{
        grid-column:3/5;
        grid-row: 5/6;
    }

    .bg-paseo1{
        grid-column:1/7;
        grid-row: 1/2;
    }
    .bg-paseo2{
        grid-column:7/13;
        grid-row: 1/6;
    }
    .p-paseo2{
        grid-column:2/12;
        grid-row: 3/4;
    }
}

@media(min-width:1200px){

    .bannerevento{
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: repeat(2,1fr);
    }
    .bannerevento h1{
        grid-column:2/3;
    }
    .bannerevento p{
        width: 400px;
        grid-column:2/3;
    }
    .p-magico2{
        grid-column:1/3;
        grid-row: 4/5;
    }

    .t-jala{
        grid-column: 4/7;
    }

    .t-mallay{
        grid-column: 1/4;
    }

    .paseo{
        background-position: bottom;
    }
    .bg-paseo1{
        grid-column:4/7;
    }    
}