@import url(style.css);

.hakkinda {
    background: 
    linear-gradient(to bottom left, rgba(0,0,255,0.5), rgba(128,0,128,0.5)),
    linear-gradient(to top right, rgba(0,0,255,0.5), rgba(128,0,128,0.5));
    background-blend-mode: multiply;
    display: flex;
    flex-direction: row;
}
.hakkinda img{
    width: 50%;
}
.hakkinda aside{
    width: 50%;
    padding: 0px 20px;
}
@media (min-width: 850px) and (max-width:999px){
    .hakkinda {
        padding: 80px 100px;
    }
    .hakkinda aside p {
    font-size: 16px;}
}
@media (max-width:600px){
    .hakkinda {
        flex-direction: column;
        width: 100%;
        align-items: center;
    }
    .hakkinda img {
        width: 90% !important; 
        margin: 50px auto;
    }
    .hakkinda aside {
        display: flex;
        width: 100%;
        flex-direction: column;
        
    }
    .hakkinda aside h1 {
        text-align: center;
    }
    .hakkinda aside p {
        font-size: 20px;
    }

}
@media (min-width: 1000px){
    .hakkinda {
        padding: 80px 150px;
    }
    .hakkinda aside p {
    font-size: 20px;
}
}