html, body{
    padding : 0px;
    margin  : 0px;

    font-family: 'Gotham-Book', sans-serif;
    font-size: 17px;
    line-height: 26px;
}

body{
    &[layout]{
        /* desktop layout */
        display : block;
    }
}

.section{
    display : block;
}

.section > .wrapper{
    display : block;
}


body[layout]{

    .mobile, .desktop{
        display: none;
    }

    .layout{

        @media (min-width: 1210px){

            .desktop{
                display: block;
            }

            & > .section > .wrapper{
                margin  : 0px auto;
                width   : 1200px;
            }
        }
        @media (max-width: 1210px){

            .mobile{
                display: block;
                box-sizing: border-box;
            }

            .mobile *{
                box-sizing: inherit;
            }

            & > .section > .wrapper{
                margin  : 0px auto;
                width   : 340px;
            }
        }

    }

    .mobile.desktop{
        display: none;
    }
}



/*  -----###   -Workbench-   ###-----  */

.bench{

    &.flex.icons{
        display:inline-flex;
        gap:10px;

        height: 100%;
    }
    
    &.flex.icons a{
        object-fit: contain;
    }
    
    &.flex.icons img{
        max-height: 60px;
        object-fit: contain;
        height:100%;
    }


}


readmore{
    cursor: pointer;
    border-bottom: dashed 1px black;

}