/*Compress::MSG3411*/
.footer {
    position: relative;
    margin: 0;
    left: 0;
    bottom: -5ch;
    width: 100%;
    background: #1b1d3e;
    height: fit-content;
    box-shadow: 0 0 5px 1px var(--dark-blue);
    overflow: none;
    z-index: 99;
    border-radius: 30px 30px 0 0;
    -webkit-border-radius: 30px 30px 0 0;
    -moz-border-radius: 30px 30px 0 0;
    -ms-border-radius: 30px 30px 0 0;
    -o-border-radius: 30px 30px 0 0;
}

.ftCntnt{
    display: flex;
    margin: calc(var(--hdr)/4) var(--mrg);
    padding: .5vh .5vw;
    padding-bottom: 7vh;
}

.ftDiv{
    width: fit-content;
    display: inline;
    color: var(--light);
    font-size: 18px;
    margin: 0 2vw
}
.ftDiv>h3{
    font-size: calc(var(--fnt)/1.7);
}
.ftList>li{
    font-size: calc(var(--fnt)/2);
    margin: .4vh 0;
    margin-right: .5vw;
    margin-left: .5vw;
}

.ftFlag{
    position: absolute;
    height: 95%;
    width: auto;
    opacity: 1;
    left:5%;
    bottom: 0;
}

.copyRight {
    position: absolute;
    bottom: 0;
    left: 50%;
    padding: 0.3vh 0.5vw;
    text-align: center;
    border-radius: 15px 15px 0 0;
    background: var(--dark);
    color: rgb(253, 184,7,0.5);
    padding-top: 7px;
    padding-right: 7px;
    padding-left: 7px;
    font-size: calc(var(--fnt) / 3);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    -ms-border-radius: 15px 15px 0 0;
    -o-border-radius: 15px 15px 0 0;
}