@media screen and (max-width: 950px) {
    header {
        text-align: center;
        justify-content: center;
    }
    header div {
        width: 100%;
        display: block;
        padding: 1% 5% 1% 5%;
    }
    header div:nth-child(2) span {
        padding-bottom: 1%;
        padding-right: 2%;
    }
    header span:first-child,
    header span:nth-child(2) {
        padding-top: 1.5%;
    }

    header div span i {
        margin-right: 3px;
    }
    header div span img {
        width: 25px;
        height: 18px;
    }

    .topnav {
        display: block;
        text-align: right;
        width: 100%;
        padding: 2% 0 2% 0;
    }
    .topnav .sandwich {
        display: none;
    }
    .icon,
    .topnav.responsive .icon {
        position: absolute;
        display: block;
        float: left;
        left: 0;
        top: 0;
        padding: 4% 1% 1% 4%;
    }
    .topnav.responsive .sandwich {
        display: block;
    }
    .brand.responsive,
    .brand {
        padding-top: 2.5%;
        margin: 0 2% 2% 0;
    }
    .brand span {
        display: block;
    }
    .topnav.responsive .sandwich .language {
        display: block;
    }
    .topnav.responsive .language a {
        margin-top: 1%;
    }
    .topnav.responsive .sandwich a {
        display: block;
        text-align: right;
        margin-top: 1%;
        margin-right: 2%;
    }
}

@media screen and (min-width: 951px) {
    header {
        padding: 2% 0 1.5% 0;
        display: flex;
        align-items: center;
    }
    header div:first-child {
        float: left;
        width: 70%;
        margin-left: 10%;
        text-align: left;
    }
    header div:nth-child(2) {
        float: right;
        width: 10%;
        margin-right: 10%;
        text-align: right;
    }
    header div span i {
        margin-right: 10px;
    }
    header div span {
        margin-left: 1%;
    }

    header div span img {
        width: 32px;
        height: 20px;
    }
    .topnav {
        display: flex;
        width: 100%;
        padding: 1% 10% 1% 10%;
        background-color: white;
    }
    .icon {
        display: none;
    }
    .brand {
        width: 24%;
        float: right;
        text-align: right;
    }
    .brand span {
        display: block;
    }
    .sandwich {
        width: 76%;
        float: left;
        text-align: left;
        padding-top: 8px;
    }
    .sandwich a {
        margin-right: 10px;
    }
}

.brand {
    font-size: 1.75em;
    font-weight: bold;
}

.sandwich {
    font-size: 20px;
    font-weight: 500;
}

.icon {
    font-size: 2.25em;
    color: #2c3531 !important;
}

.brand a,
.brand a:visited {
    color: #2c3531 !important;
}

.sandwich a,
.sandwich a:visited {
    color: #2c3531 !important;
}
.brand a:hover,
.sandwich a:hover {
    color: #898d8c !important;
}
.topnav a {
    text-decoration: none;
}

.topnav {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 999;
    font-family: "BMitra";
}

header {
    /* background-color: #1b7571; */
    background-color: #284b63;
    width: 100%;
}

header i {
    color: #ffcb9a;
}

header span {
    color: white;
}
header div span img:first-child {
    margin-right: 1%;
}
header div span a,
header div span a:visited {
    text-decoration: none;
    color: inherit;
}
header div span a:hover {
    color: #ffcb9a;
}

header div:nth-child(2) span {
    display: inline-block;
}
header span:first-child,
header span:nth-child(2) {
    display: block;
}