body {
    margin:0;
    padding:0;
    width:100vw;
    height:100vh;
}

.cover{
    background:url("../images/DSC_7100.jpg");
    opacity:0.8;
    background-repeat:no-repeat;
    background-size:cover;
    width:100vw;
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
}
/*#Image1{
    background-color:black;
    width:24vw;
    height:60vh;
    opacity:0.6;
}*/

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

.intro{
    width:24vw;
    height:40vh;
    background-color:black;
    opacity:0.6;
    box-shadow:black 0px 40px 60px;
}

.heading{
    display:block;
    padding-top:15px;
    padding-left:20px;
    font-size:25px;
    color:white;
    font-family:'Times New Roman', Times, serif;
    text-shadow:black 0px 20px 20px;
}
.message{
    color:white; 
    background-color:blue;
}

.txt1{
    margin-top:4vh;
    margin-left:2vw;
}

.txt2{
    margin-top:4vh;
    margin-left:2vw;
}

.txt1[placeholder],.txt2[placeholder]{
    font-family:'Times New Roman';
    font-size:1vw;
    padding-left:6vw;
}

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

.btnstyle{
    margin-top:5vh;
    width:9vw;
    height:7vh;
    margin-left:2vw;
    font-family:'Times New Roman', Times, serif;
    font-size:20px;
    font-weight:bolder;
    border:0px;
    color:#000000;
    text-shadow:black 0px 10px 10px;
    background-color:rgba(255,255,255,0.57);
}

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

#wrapper {
overflow-x: hidden;
}

#sidebar-wrapper {
min-height: 80vh;
margin-left: -14rem;
-webkit-transition: margin .25s ease-out;
-moz-transition: margin .25s ease-out;
-o-transition: margin .25s ease-out;
transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading
{
padding:0.880rem 1.26rem;
font-size:1.264rem;
}

#sidebar-wrapper .list-group
{
width:20rem;
}
#page-content-wrapper
{
min-width:100vw;
}

#wrapper.toggled #sidebar-wrapper{
margin-left:0;
}

@media(min-width:768px)
{
    #sidebar-wrapper{
    margin-left:0;
    }
    
    #page-content-wrapper
    {
    min-width:0;
    width:100%;
    }
    #wrapper.toggled #sidebar-wrapper{
    margin-left:-15rem;
    }
    
}