body {
}
/************************************************************************
* 
* Login
*
************************************************************************/
.cover {
    /*background: url("Stock/600x400-1-50-96a0a8e515b23700a8769f1ccd50594e.jpg");*/
    background: url("../../Banner3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.elements {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    /*  align-items: center;
    justify-content: center;*/
    align-items: center;
    justify-content: center;
}

.intro {
    margin-top: 100px;
    width: 40vw;
    height: 70vh;
    border-radius: 5%;
    box-shadow: black 0px 40px 60px;
}

#Image1 {
    width: 24vw;
    height: 60vh;
}

.LabelTitle {
    display: block;
    /* padding-top: 7vh;
    padding-left: 7.5vw;
       */
    font-size: 6vw;
    font-size: 8vh;
    font-family: 'Leckerli One','Algerian';
    text-shadow: black 0px 20px 20px;
}

.txtstyle {
    width: 20vw;
    height: 6vh;
    border: 0;
    border-radius: 4%;
    background-color: rgba(252,251,251,0.80);
    box-shadow: black 0px 30px 50px;
}

.btnstyle {
    margin-top: 5vh;
    width: 15vw;
    height: 7vh;
    margin-left: 0.6vw;
    font-family: 'Oleo Script Swash Caps';
    /* font-size: 2vw; */
    font-size: 10px;
    border: 0px;
    color: black;
    text-shadow: black 0px 10px 10px;
    background-color: rgba(255,255,255,0.57);
}

    .btnstyle:hover {
        background-color: aqua;
        box-shadow: black 0px 90px 80px;
    }

.btnstyle1 {
    /*  margin-top: 3vh;
        font-size: 2vw; 
        width: 20vw;
        height: 5vh;
    */
    width: 120px;
    margin-left: 0.6vw;
    font-family: 'Oleo Script Swash Caps';
    /* font-size: 2vw; 
    */
    font-size: 15px;
    border: 0px;
    color: black;
    text-shadow: black 0px 10px 10px;
    background-color: rgba(255,255,255,0.57);
}
/************************************************************************
* 
* Responsive topnav horizontal navigation
*
************************************************************************/
.topnav {
    overflow: hidden;
    margin: auto;
    width: 100vw;
    background-color: #04aa6f;
    /*  */
    text-align: center;
    float: right;
}

    .topnav a {
        float: left;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
    }

.active {
    background-color: #04AA6D;
    color: white;
}

.topnav .icon {
    display: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

    .dropdown .dropbtn {
        font-size: 17px;
        border: none;
        outline: none;
        color: white;
        padding: 14px 16px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
    }

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .dropdown-content a {
        float: none;
        color: black;
        /* padding: 12px 16px;*/
        padding-top: 1px;
        padding-bottom: 2px;
        font-size: small;
        /*  */
        text-decoration: none;
        display: block;
        text-align: left;
    }

.topnav a:hover, .dropdown:hover .dropbtn {
    background-color: #555;
    color: white;
}

.dropdown-content a:hover {
    background-color: #ddd;
    color: black;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
    }

@media screen and (max-width: 600px) {
    .topnav a:not(:first-child), .dropdown .dropbtn {
        display: none;
    }

    .topnav a.icon {
        float: right;
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .topnav.responsive {
        position: relative;
    }

        .topnav.responsive .icon {
            position: absolute;
            right: 0;
            top: 0;
        }

        .topnav.responsive a {
            float: none;
            display: block;
            text-align: left;
        }

        .topnav.responsive .dropdown {
            float: none;
        }

        .topnav.responsive .dropdown-content {
            position: relative;
        }

        .topnav.responsive .dropdown .dropbtn {
            display: block;
            width: 100%;
            text-align: left;
        }
}