/* 
.header {
    background: rgb(0, 192, 206);    
}

.head {
    margin: auto;
    width: 1300px;
    display: flex;
    justify-content: space-between;
    background: rgb(0, 192, 206);
    border-bottom: 1px solid white;
}

.header_img {
    width: 120px;
}



.header_title {
    color: rgb(0, 0, 0);
    font-size: 65px;
    font-family: 'IranNastaliq';
}



.nav{
     background: rgb(0, 192, 206);
    cursor: pointer;
     width: 100%;
     height: 50px;
}

.navigation{
    background: rgb(0, 192, 206);
    margin: auto;
    font-family: 'iransens';
    height: 50px;
} */

.title{
    font-size: 50px;
}
.img {
    width: 110px;
    height: 110px;
}

@media (max-width: 1200px) {

    .img {
        width:  100px;
        height: 100px;
    }
  
    .title{
        font-size: 50px;
    }
}

@media (max-width: 1020px) {

    .img {
        width:  80px;
        height: 80px;
    }

    .title{
        font-size: 40px;
    }
}

@media (max-width: 765px) {

    .img {
        width:  80px;
        height: 80px;
    }

    .title{
        font-size: 30px;
    }
}

@media (max-width: 600px) {

    .img {
        width:  70px;
        height: 70px;
    }

    .title{
        font-size: 30px;
    }
}

@media (max-width: 510px) {

    .img {
        width:  60px;
        height: 60px;
    }

    .title{
        font-size: 25px;
    }
}

@media (max-width: 410px) {

    .img {
        width:  50px;
        height: 50px;
    }

    .title{
        font-size: 20px;
    }
}

@media (max-width: 380px) {

    .img {
        width:  44px;
        height: 45px;
    }

    .title{
        font-size: 18px;
    }
}

#nav-date{
    color: rgb(255, 255, 255);
  }