.banner-trans{
    height: 500px;
    background-image: url(../Img/adventure-asphalt-autumn-614484.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(6,1fr)
}
.banner-trans h1{
    color: #0D302B;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column:2/3;
    grid-row: 2/3;
}
.slogan-trans{
    grid-column:2/3;
    grid-row: 5/6;
}
.slogan-trans p{
    font-size: 1.5rem;
    text-align: center
}

.container-trans{
    height: 300px;
    width: 100%;
    margin: auto;
    margin-top: -50px;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(12,1fr);
    grid-template-rows: repeat(6,1fr);
    }


.terrestre{
    background: #0D302B;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column: 3/7;
    grid-row: 1/2;
}
.aereo{
    background: #0D302B;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column: 7/11;
    grid-row: 1/2
}
.p-trans{
    text-align: center;
    color: #0D302B;
    grid-column: 2/12;
    grid-row: 3/6
}
#terrestre-id{
    height: 400px;
    width: 100%;
    margin: auto;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(12,1fr);
    grid-template-rows: repeat(1,1rf)
}
.tcs{
    background-image: url(../Img/cruzdelsur1.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    grid-column: 1/13;
    grid-row: 1/2;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(4,1rf)
}
.terrestre-det{
    background: #fff;
    grid-column: 3/5;
    grid-row: 4/5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.terrestre-det h3{
    color: #0D302B;
    text-align: center;
}
.terrestre-det{
    text-align: center;
    text-decoration: none;
}
.terrestre-det p{
    color: #0D302B;
    text-align: center;
    text-decoration: none;
}
.shalom{
    background-image: url(../Img/Shalom_banner_3.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    grid-column: 1/13;
    grid-row: 2/3;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(4,1rf)
}

#aereo-id{
    height: 400px;
    max-width: 1400px;
    margin: auto;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(12,1fr);
    grid-template-rows: repeat(1,1rf)
}
.latam{
    background-image: url(../Img/latam.jpeg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    grid-column: 1/13;
    grid-row: 1/2;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(4,1rf)
}
.aereo-det{
    background: #fff;
    grid-column: 3/5;
    grid-row: 4/5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.aereo-det h3{
    color: #0D302B;
    text-align: center;
}
.aereo-det{
    text-align: center;
    text-decoration: none;
}
.aereo-det p{
    color: #0D302B;
    text-align: center;
    text-decoration: none;
}
.peruvian{
    background-image: url(../Img/peruvian.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    grid-column: 1/13;
    grid-row: 2/3;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(4,1rf)
}


@media(min-width:600px){

.container-trans{
    height: 300px;
    max-width: 1200px;
    margin: auto;
    margin-top: -50px;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(12,1fr);
    grid-template-rows: repeat(4,50px)
}
.terrestre{
    background: #0D302B;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column: 5/7;
    grid-row: 1/2;
}
.aereo{
    background: #0D302B;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column: 7/9;
    grid-row: 1/2
}
.p-trans{
    text-align: center;
    color: #0D302B;
    grid-column: 5/9;
    grid-row: 3/5
}
#terrestre-id{
    height: 400px;
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(12,1fr);
    grid-template-rows: repeat(1,1rf)
}
.tcs{
    background-image: url(../Img/cruzdelsur1.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    grid-column: 1/7;
    grid-row: 1/2;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(4,1rf)
}
.terrestre-det{
    background: #fff;
    grid-column: 3/5;
    grid-row: 4/5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.terrestre-det h3{
    color: #0D302B;
    text-align: center;
}
.terrestre-det{
    text-align: center;
    text-decoration: none;
}
.terrestre-det p{
    color: #0D302B;
    text-align: center;
    text-decoration: none;
}
.shalom{
    background-image: url(../Img/Shalom_banner_3.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    grid-column: 7/13;
    grid-row: 1/2;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(4,1rf)
}

#aereo-id{
    height: 400px;
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(12,1fr);
    grid-template-rows: repeat(1,1rf)
}
.latam{
    background-image: url(../Img/latam.jpeg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    grid-column: 1/7;
    grid-row: 1/2;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(4,1rf)
}
.aereo-det{
    background: #fff;
    grid-column: 3/5;
    grid-row: 4/5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.aereo-det h3{
    color: #0D302B;
    text-align: center;
}
.aereo-det{
    text-align: center;
    text-decoration: none;
}
.aereo-det p{
    color: #0D302B;
    text-align: center;
    text-decoration: none;
}
.peruvian{
    background-image: url(../Img/peruvian.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    grid-column: 7/13;
    grid-row: 1/2;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(4,1rf)
}
}