body {
    background-image: url('../../assets/cfo_background.svg');
}

.home-menu {
    height: 295px;
    max-width: 1442px;
    border: 1px solid transparent;
    background: #fcfcfc;
}

.home-menu:hover {
    border: 1px solid #4878D4;
    background: #fff;
}

.home-menu-div{
    padding-top: calc(50vh - 150px); 
    max-width: 1200px;
}

.project-details{
    display: block;
    text-align: center;
    max-width: 880px;
    font: italic normal normal 20px/31px Ubuntu;
    color: #001741;
}
@media screen and (max-height: 830px) {

    .home-menu-div{
        padding-top: 300px; 
    }
}

@media screen and (max-width: 767px) {
    .home-menu {
        margin: 0 auto;;
        max-width: 260px;
        height: 600px;
    }

    .project-details{
        padding: 0 20px;
    }
}

.signin-btn,
.signup-btn,
.complaints-btn,
.news-btn {
    color: #929292;
    white-space: nowrap;
    font-size: calc(1.5rem - 0%);
}

.signin-btn:hover,
.signup-btn:hover,
.complaints-btn:hover,
.news-btn:hover {
    color: #00379F;
}

.home-logo {
    top: 3%;
    left: 3%;
    color: red;
}

.home-logo-2 {
    top: 3%;
    right: 3%;
    color: red;
}