.header {
    width: 100%;
}


#nav-menu{
    background-color:  rgba(255, 255, 255, 0.73); 
    border-radius: 25px; 
    padding: 12px 20px 12px 0px;
    float: left;
}

#nav-item{
    color: white;
}

#nav-item:hover{
    color: black;
}
.menu a {
    color: white;
}
.btn-signin {
    background-color: white;
    color: black;
    margin-left: 10%;
    border-radius: 20px;
    padding-right: 20px;
    padding-left: 20px;
    border: 2px solid white;
    
}

.btn-signin:hover{
    background-color: red;
    border: none;
}
.mobile-menu-button {
    background-color: red;
}
#mobileMenu {
    background-color: transparent;
}
#mobileMenu .menu {
    background-color: lightgray;
    border-radius: 15px;
    padding: 10px;
    width: 100%;
}
#closeMobileMenu {
    background-color: white;
    color: black;
    margin-top: 10px;
}


@media (max-width: 767px) {

}
@media (min-width: 768px) and (max-width: 1024px) {

    #analytics-container-img{
        width: 350px !important;
    }

}

   /* Responsive Styles */

@media (min-width: 200px) and (max-width: 767px) {



    #nav-menu a {
        margin: 0 5px;
        color: #fff !important;
    }

    .btn-signin {
        background: #EB1414;
    color: #fff !important;
    }
}