body {
    background: #e6e6ec;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #f9fafa, #fcfdfd);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #f9fafa, #f4f7f6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}


header{
        width: 100%;
        height: 125px;
        background-color: rgb(30, 91, 90);
    }
.container-header{
    background-color: rgb(30, 91, 90);
    width: 200%;
    max-width:1550px ;
    position: relative;
}
.logo-title{
   
    display:flex
    
}
.logo-title img{
    width: 100px;
    height: 100px;
    margin-top:10px;
    margin-left:5px ;
}
.logo-title h4{
    color: rgb(7, 69, 73);
    font-weight: 100;
    margin-left: 10px;
    margin-top:20px ;
    font-size: 28px;
}

.container-portada{
    width: 150%;
    height: 200px;
    background-image: url(https://scontent-dfw5-2.xx.fbcdn.net/v/t1.0-9/160219517_115305333952910_7812033263416731595_o.jpg?_nc_cat=104&ccb=1-3&_nc_sid=0debeb&_nc_ohc=EEnR6jcBwd0AX-7nTP0&_nc_ht=scontent-dfw5-2.xx&oh=41bf32485d9b813871bb56332eef41c1&oe=60781D3E);
    background-size: 1000px;
    animation:movimiento 10s infinite linear alternate;
    position: relative;
}
@keyframes movimiento{
    from{
        background-position: top left;
    }
    to { background-position:top ;}
}

.container-gradient{
    width: 100%;
    height: 100%;
    position:absolute;
    background:-webkit-repeating-linear-gradient(left,color);
    opacity: 0.5;
}
.cotannier-details{
 width: 100%; 
 max-width: 1500px;
 position: relative;
 margin:auto ;  
}

.details{
    width: 100%;
    max-width: 500px;
    position: relative;
    top: 20px;
    color: rgb(4, 50, 53);
}

*{
    margin:0 ;
    padding: 0;
    box-sizing: border-box;
}

body{
    background: #ffff;
    overflow-x: hidden;
}

.gallery-container{
    width: 80%;
    margin: 100px auto;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2,300px);
}

.gallery-container .gallery-card{overflow: hidden} ; 
.gallery-container .gallery-card a{
    width: 100%;
    height:100%;}

.gallery-container .gallery-card a > img{
    width: 100%;
    height:100%;
    object-fit: cover;
    transition: 0.5s;
}
.gallery-container .gallery-card a > img:hover{
    transform: scale(10.5s) rotate(30deg);
}