@media only screen and (max-width: 800px){
    #expo-box{
        position: absolute;
        top : 0px;
        left:0px;
        width : 100vw;
        height : calc(100vh - var(--top-bar-height));
        display:flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center; 
        z-index:1899;
        opacity:0.9; 
    }
    #white-box{
        background-color: white;
        width : 80vw;
        height : 40vh;
    }
    #expo-text{
        position: absolute;
        top : 0px;
        left:0px;
        width : 100vw;
        height : calc(100vh - var(--top-bar-height));
        overflow: hidden;
        display:flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center; 
        z-index:1900;
    }
    #expo-details{
        background-color: transparent;
        color : var(--default-color);
        width : 80vw;
        height : 40vh;
        border-style:solid;
        border-color : white;
        border-width: 1px;
        box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.5);
        text-align: center;
        display : flex;
        flex-flow: column nowrap;
        justify-content : center;
        align-items: center;
        
    }
    #expo-details #expo-title{
        width : 100%;
        height:15%;
        font-size: 24px;
        font-weight: 400;
        text-align: center; 
        display : flex;
        flex-flow: column nowrap;
        justify-content : center;
        align-items: center;
    }
    #expo-details #expo-description{
        width : 95%;
        height:80%;
        font-size: 16px;
        padding-top:8px;
        display : flex;
        flex-flow: column nowrap;
        justify-content : flex-start;
        align-items: center;
        text-align: center;
        overflow-y: scroll;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE 10+ */
    }
    #expo-details #expo-description::-webkit-scrollbar {
    display: none;
    }
    #expo-details #expo-description app-translator{
        text-align: center!important;
    }
    actus-line{
        width : 90%;
        margin:auto;
        display :flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: center;
    }
    .section-col{
        margin-top : 80px;
        width : 90%;
        margin:auto;
        display:flex;
        flex-flow : column nowrap;
        justify-content: space-between;
        align-items: stretch;
        gap:40px;
        font-size:var(--about-font-size);
        line-height: 1.8;
        text-align:justify;
    }
    .section-col .images{
        width : 90%;
        display:flex;
        flex-flow : column nowrap;
        justify-content: center;
        align-items: center;
    }
    .section-col .images img{
        width : auto;
        height : 200px;
    }
    .section-col .image{
        width:100%;
    }
    #cv-footer{
        margin-top : 80px;
        margin-bottom : 80px;
        width:95%;
        display:flex;
        flex-flow : column nowrap;
        justify-content: center;
        align-items: center;
        font-size:var(--about-font-size);
        color:var(--default-color);
        line-height: 1.8;
        gap:34px;
    }
    #cv-footer app-translator{
        width : 100%;
        text-align:justify;
    }
    #cv-footer a{
        border-style:solid;
        border-width:1px;
        border-color : var(--default-color);
        padding:12px;
        color:var(--default-color);
        text-decoration: none;
    }
}