@media screen and (max-width:1024px) {



    #banner {
        background-size: cover;
    }
    #teklifal{
        display: none;
    }
}

@media screen and (max-width:768px) {



    #banner {
        background-size: cover;
    }
    #teklifal{
        display: none;
    }
    .language{
        top: 20px !important;
    }

}

@media screen and (min-width:1100px) {



    #banner {
        background-size: contain;
    }

}
#text{
    color: white;
}
.project:hover .project-details a:hover{
    background: #b18222;
    color: white;
}