.top-fixed {
    position:fixed;
    top:0;
    width:100%;
    background-color: rgb(255 255 255 / 84%);
}

body {
    background-color:#ededed;
}

#containerBody {
    display: flex;
    align-items: center;
    justify-content: center;
}

#contentContainer {
    background-color:white;

}

.eventContainer {

    margin:10px 0;
}

#specEventContainer {
    display:flex;
    flex-wrap:wrap;
}

.eventItem {
    background-image: url(../../img/speeventshdow.jpg);
    border: 3px solid #dce1ff;
    padding: 0.5%;
    margin: 1% 0.5%;
    border-radius: 10px;
    background-size: 100% 100%;
    background-position: center;
}

.eventItem .titleContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight:900;
    margin:10px 0;

}
.eventItem .titleContainer .title {
    border-bottom:3px solid #7398ff;
    padding-bottom:10px;
}

.actContainer {
    display:flex;
    padding:1%;
    /*justify-content: center;*/
}

.actItemContainer {
    display: inline-block;
    background-color:white;
    margin:0.5%;
}

.actItemContainer img {
    width:100%;
}



.actItemContainer .actTitle {
    font-weight:700;
    color:black;
    margin:10px 0;
}

.actItemContainer .viewDetailBtn {
    display:inline-block;
    padding: 10px 20px;
    background-color: #007eff;
    color: white;
    border-radius: 20px;
    margin-bottom: 10px;

}

#logoImg {
    width:50%;
}

@media screen and (max-width: 18cm) {

    .container {
        width:100%;
        padding-left:0;
        padding-right:0;
    }

    .actItemContainer {
        width:100% !important;
    }

    .actContainer {
        flex-wrap:wrap;
        width:auto !important;
    }

    #footerTitle {
        font-size:14px;
    }
    .actItemContainer {
        margin-top:10px;
    }

    .eventItem {
        width:100% !important;
    }
    #logoImg {
        width:100%;
    }
}