/*************************** DESKTOP ***************************/

@media (min-width: 768px) {

    body {

        background-image: url("assets/background.png");

        background-repeat: no-repeat;

        background-attachment: fixed;

        background-size: cover;

        background-position: center;

    }



    .logo {

        position:absolute;

        width: 250px;

        left: 30px;

    }



    .description {

        position:absolute;

        bottom:70px;

        left:30px;



        font-size: 25px;

        font-weight: bold;

        font-family: Arial, Helvetica, sans-serif;

        font-style: italic;

    }



    .image-mobile {

        display: none;

    }



    .contact {

        position: absolute;

        bottom: 10px;

        left:30px;



        font-size: 16px;

        font-family: Arial, Helvetica, sans-serif;

    }



    .link {

        text-decoration: underline 0.15em rgba(255, 255, 255, 0);

        transition: text-decoration-color 300ms;

    }

    .link:hover {

        text-decoration-color: rgb(255, 0, 0);

        cursor: pointer;

    }

}



.red {

    color: red;

}



/*************************** MOBILE ***************************/

@media (max-width: 768px) {

    html {

        height: 100%;

    }



    body {

        /*background-image: url("assets/background-mobile.png");

        background-repeat: no-repeat;

        background-attachment: fixed;

        background-size: contain;

        background-position: center 68%;*/



        /*background-color: rgb(161, 175, 188);*/

        height: 100%;

        background-color: rgb(224, 223, 221);

        padding: 0;

        margin: 0;

    }



    .container {

        height: 100%;

        padding: 0;

        margin: 0;

        display: grid;

        align-content: space-between;

    }



    .logo {

        width: 250px;

        margin: auto;

        display: block;

        margin-top: 12vh;

    }



    .description {

        margin-left: 15px;

        margin-bottom: 40px;

        font-size: 4.5vw;

        font-weight: bold;

        font-family: Arial, Helvetica, sans-serif;

        font-style: italic;

    }



    .image-mobile {

        width: 100%;

        margin: 0;

        padding: 0;

    }



    .contact {

        margin-bottom: 50px;

        margin-left: 15px;

        margin-right: 15px;

        margin-top: 50px;

        font-size: 4.1vw;

        font-family: Arial, Helvetica, sans-serif;

    }

}