/* =============================================================
	Media Stylesheet - media width dependent settings
	Author: Hans Feichtenschlager
	File: desktop.css
	Year: 2024
 ============================================================= */

/* Large screens ----------- */
@media screen and (min-width : 800px) {

    .wrapper {
        width: 98%;
        margin: auto;
        margin-bottom: 1em;
    }

} /* end -- @media only screen and (min-width : 800px) */

/* touchpads ----------- */
@media screen and (max-width: 799px) {

    .wrapper {
        width: 98%;
        margin: auto;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .f-box {
        text-align: center;
    }

    .but-w {
        margin: 0.2em;
    }

} /* end -- @media only screen and (min-width : 799px) */