.oko_body{
    background: linear-gradient(180deg, #fbefd6 35%, #A5DFDF 35%);
}


.oko_stroke{
    background-color: #E80959;
    width: 120px;
    height: 3px;
    position: absolute;
    top: 55px;
    left: 70px;
}

.oko_titulo{
    position: relative;
    display: inline-block;
}

.oko_titulo h1{
    font-size: 30px !important;
}

#oko_linea1{
    display: flex;
    flex-direction: row; 
}

#oko_linea2{
    display: flex;
    flex-direction: column; 
}

#oko_linea3{
    display: flex;
    flex-direction: row; 
}

#oko_linea4{
    display: flex;
    flex-direction: row; 
}


@media screen and (min-width:400px){
    .oko_stroke{
        width: 42px;
    }
}

@media screen and (min-width:460px){
    .oko_stroke{
        width: 50px;
    }
}

@media screen and (min-width:550px){
    .oko_stroke{
        width: 200px;
    }

    .oko_body{
        background: linear-gradient(180deg, #fbefd6 32%, #A5DFDF 32%);
    }
}

@media screen and (min-width:679px){
    .oko_titulo{
        display: block;
    }
}

@media screen and (min-width:700px){
    .oko_titulo{
        display: block;
    }
}


@media screen and (min-width:760px){
    .oko_stroke{
        width: 100px;
    }

    .oko_titulo{
        position: absolute;
        display: inline-block;
        top: 420px;
        left: 40px;
    }

    #oko_linea1 img{
        height: 275px;
    }  

    #oko_linea2 img{
        height: 450px;
    } 

    #oko_linea3 img{
        height: 300px;
    } 

    #oko_linea4 img{
        height: 295px;
    } 
    
    .oko_body{
        background: linear-gradient(180deg, #fbefd6 23%, #A5DFDF 23%);
    }

}

@media screen and (min-width:860px){
    .oko_titulo{
        top: 460px;
        left: 60px;
    }

    #oko_linea1 img{
        height: 295px;
    }  

    #oko_linea2 img{
        height: 480px;
    } 

    #oko_linea3 img{
        height: 320px;
    } 

    #oko_linea4 img{
        height: 315px;
    }

}

@media screen and (min-width:960px){
    .oko_titulo{
        top: 490px;
    }

    #oko_linea1 img{
        height: 345px;
    }  

    #oko_linea2 img{
        height: 555px;
    } 

    #oko_linea3 img{
        height: 375px;
    } 

    #oko_linea4 img{
        height: 370px;
    }

}

@media screen and (min-width:1100px){
    .oko_titulo{
        top: 460px;
        left: 570px;
    }

    .oko_titulo h1{
        font-size: 45px !important;
    }
    
    #oko_linea1 img{
        height: 395px;
    }  

    #oko_linea2 img{
        height: 630px;
    } 

    #oko_linea3 img{
        height: 430px;
    } 

    #oko_linea4 img{
        height: 425px;
    }

    .oko_stroke{
        left: 115px;  
    }

}

@media screen and (min-width:1250px){
    .oko_titulo{
        top: 510px;
        left: 670px;
    }

    .oko_titulo h1{
        font-size: 50px !important;
    }

    .oko_stroke{
        height: 5px;
        width: 140px;
        left: 130px;
    }

    #oko_linea1 img{
        height: 495px;
    }  

    #oko_linea2 img{
        height: 800px;
    } 

    #oko_linea3 img{
        height: 535px;
    } 

    #oko_linea4 img{
        height: 525px;
    }
}

@media screen and (min-width:1480px){
    .oko_titulo{
        left:770px;
        top: 555px;
    }

    .oko_stroke{
        width: 100px;
        height: 5px;
        left: 135px;
        
    }

    #oko_linea1 img{
        height: 550px;
    }

    #oko_linea2 img{
        height: 855px;
    }

    #oko_linea3 img{
        height: 575px;
    } 

    #oko_linea4 img{
        height: 565px;
    }

}

@media screen and (min-width:1678px){
    .oko_titulo{
        left: 935px;
        top: 570px;
    }
    
    .oko_stroke{
        width: 150px;
        left: 155px;
    }

    #oko_linea1 img{
        height: 635px;
         
    }

    #oko_linea3 img{
        height: 690px;
    } 

    #oko_linea4 img{
        height: 680px;
    }
}


@media screen and (min-width:1700px){
    #oko_linea1{
        justify-content: center;
         
    }

    #oko_linea2{
        align-items: center;
    }

    #oko_linea3{
        justify-content: center;
         
    }

    #oko_linea4{
        justify-content: center;
    }

    
}