@media (max-width:830px){
    .display-menu{
        display:none;
    }
    .menu-hamburger{
        display: block;
        position: absolute;
        width: 100%; 
        margin-top: 25px;      
    } 
    header{
        z-index: 1;
        position: sticky;
        top: 0; 
        height: 8vh; 
        display: flex;    
        background: #6acbd2;      
    }    
    .head>h2{
        font-family: Eugusto;
        font-size: calc(1em + 1.2em);
    } 
    .big_line{
        text-align: center;
        font-family: Eugusto; 
        font-size: calc(0.5em + 1em);  
        color: #6acbd2;
        background: black;  
        height: 40vh;   
        padding: 5vh 15vw 5vh 15vw;
    } 
    .box{
        flex-direction: column; 
        margin: 10px auto;         
    }    
    .box_text{         
        text-align: center;        
    }
    .text_item{    
       text-align: left;   
    }
    .task{
        font-family: Raleway;    
        color: #6acbd2;
        font-size: calc(0.7em + 0.7em);
        font-weight: bold;
        padding: 0;
    }
    .detail{
        font-family: Raleway;
        font-size: calc(0.5em + 0.5em);
        padding: 0px;
    }
    .vertical_line{
        display: flex;
        border-left: 7px solid #6acbd2;
        min-height: 250px;
        margin: 5px 20px;    
    }  .icons{        
        width: 80vw;
        margin-bottom: 10px;
    }    
}