@font-face {
    font-family: 'shabnam-light-fd';
    src: url('../fonts/shabnam-light-fd.ttf') format('truetype');
}
.topnav {
    overflow: hidden;
    background-color: #2c3e50;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
}

    .topnav a {
        float: right;
        color: #f2f2f2;
        font-family: shabnam-light-fd !important;
        text-align: center;
        padding: 30px 16px;
        text-decoration: none;
        font-size: 19px;
    }

        .topnav a:hover {
            background-color: #ddd;
            color: #000;
            border-bottom: 3px solid red;
        }

        .topnav a.active {
            background-color: #ddd;
            color: #000;
            border-bottom: 3px solid red;
        }

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #2980b9;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 30px;
}

    .sidenav a {
        padding: 10px;
        text-decoration: none;
        font-size: 20px;
        text-align: right;
        border-bottom: 3px solid #2980b9;
        font-family: shabnam-light-fd !important;
        color: #fff;
        display: block;
        transition: 0.3s;
    }

        .sidenav a:not(:first-child):hover {
            background-color: #ddd;
            color: black;
            border-bottom: 3px solid red;
        }

    .sidenav .closebtn {
        position: absolute;
        top: -10px;
        left: 25px;
        font-size: 36px;
    }

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

    span {
        display: block !important;
        margin: 10px;
    }

    .topnav a {
        display: none !important;

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

    span {
        display: block !important;
        margin: 10px;
    }

    .topnav a {
        display: none !important;
    }
}
@media screen and (max-width: 952px) {

    span {
        display: block !important;
        margin: 10px;
    }

    .topnav a {
        display: none !important;
    }
}