@charset "UTF-8";

.flexBox_50,.flexBox_60{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;

}

.flexBox_50 div{
    width:50%;
}

.flexBox_60 div:nth-of-type(1){
    width:55%;
}

.flexBox_60 div:nth-of-type(2){
    width:40%;
}

.max_image{
    width:100%;
    height:auto;
}



@media (max-width:768px){
    .flexBox_60{
        flex-direction: column-reverse;
    }

    .flexBox_60 div:nth-of-type(1){
        margin-top:20px;
    } 

    #undo{
        flex-direction:column;
    }    
    .flexBox_50 div,.flexBox_60 div:nth-of-type(1),.flexBox_60 div:nth-of-type(2){
        width:100%;
    }
}