@import url('https://fonts.googleapis.com/css2?family=Genos:ital,wght@0,100..900;1,100..900&display=swap');


    a:link {color:black;text-decoration: none;}
    a:visited {color:black;text-decoration: none;}
    a:hover {color:black;text-decoration: none;font-weight:600;}
    a:active {color:black;text-decoration: none;}


/* Extra small devices (phones) */
@media (min-width: 300px) and (max-width: 433px) {

body, html{
    width:100%;
    height:100vh;
    padding:0;
    margin:0;
    overflow: hidden;

    background: url(../images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    font-family: "Genos", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    text-shadow:2px 1px 2px white;

} /* body-html */

} /* einde media rule */

/*============================================================================================================= */

/* Small devices (portrait tablets and large phones) */
@media (min-width: 433px) and (max-width: 711px) {

body, html{
    width:100%;
    height:100vh;
    padding:0;
    margin:0;
    overflow: hidden;

    background: url(../images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    font-family: "Genos", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    text-shadow:2px 1px 2px white;

} /* body-html */

} /* einde media rule */

/*============================================================================================================= */

/* Medium devices (landscape tablets) */
@media (min-width: 711px) and (max-width: 1024px) {


} /* einde media rule */

/*============================================================================================================= */

/* Large devices (laptops/desktops) */
@media (min-width: 1024px) and (max-width: 1920px) {


} /* einde media rule */

/*============================================================================================================= */

/* Extra large devices (large laptops and desktops) */
@media only screen and (min-width: 1920px) {


} /* einde media rule */

/*============================================================================================================= */