@media (orientation: landscape){
    #desc{
        margin-top: 0px !important;
        margin: 2vw;
        font-size: 1.1vw;
        line-height: 1.15;   
        overflow: visible !important; 
        padding-bottom: 10vh;
    }
    
    #right{
        /* overflow: scroll !important; */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
    }
    
    #column-img{
        display: flex;
        flex-direction: column;
        width: 90%;
        left: 50%;
        transform: translateX(-50%);
        filter: grayscale(1);
        position: relative;
    }
    
    
    #closing-cross > a{
        color: black;
        text-decoration: none;
    }
    
    #desc{
        font-size: 1.2vw;
        overflow: scroll;
        height: auto;
        width: 72%;
        position: absolute;
        right: 0px;
        padding-bottom: 10vh;
        transform: translateX(-20%);
    }
    
    .bold{
        font-size: 2vw;
        text-align: start;
    }
    
    .imgs{
        margin-bottom: 3vw;
    }
    
    h2{
        /* text-align: center; */
        /* text-transform: uppercase; */
    
        margin: 0px;
        margin-bottom: .8vw;
        margin-top: 3vw;
        font-size: var(--font-size-big);
        font-weight: 550;
        font-family: roboto;
    }
    
    p{
        margin: 0px;
        font-size: var(--font-size-project);
        text-align: justify;
        hyphens: auto;
    }
    
    .flow-img{
        margin-top: 3vw;
        margin-bottom: 3vw;
        width: 125%;
        transform: translateX(-10%);
    }
}

@media (orientation: portrait){
    a{
        text-decoration: underline;
    }
    
    #desc{
        font-size: var(--font-size-project);
        line-height: 1.15;   
        overflow: scroll !important; 
        padding-bottom: 20vh;
        width: 90%;
        left: 5%;
        position: relative;
    }
    
    #right{
        /* overflow: scroll !important; */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
    }
    
    .bold{
        font-size: 2vw;
        text-align: start;
    }
    
    h2{
        /* text-align: center; */
        /* text-transform: uppercase; */
    
        margin: 0px;
        margin-bottom: 2vw;
        margin-top: 6vw;
        font-size: var(--font-size-big);
        font-weight: 590;
        font-family: roboto;
    }
    
    p{
        margin: 0px;
        font-size: var(--font-size-project);
        text-align: start;
        /* hyphens: auto; */
        font-weight: 500;
    }
    
    .flow-img{
        margin-top: 7vw;
        margin-bottom: 7vw;
        width: 100%;
    }
}