/* 
This style includes:
1. Header
2. Footer
3. Form
*/
body {
    min-height: 100vh;
    position: relative;
    /* padding-bottom: 380px; */
}
 /* /////////////////////////////////////////    Header Section     //////////////////////////////////////////////*/
header {
    width: 100%;
}

header #logoDiv {
    text-align: center;
    display: block;
}

#vibstarLogoIcon {
    width: 100px;
    margin: auto;
}
#vibstarLogo {
    max-width: 180px;
}

nav {
    width: 100%;
    position: sticky;
    top: 0px;
    background-color: #fff;
    box-shadow: 0px 1px 3px rgb(179, 179, 179);
    z-index: 2;
}
nav ul {
    list-style-type: none;
    width: 95%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
}
nav ul li{
    width: 33.33%;
}
nav ul li a {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    text-align: center;
font-weight: 600;
letter-spacing: 1px;

}
nav ul li #vibstarLogo {
    width: 100%;
}

@media only screen and (min-width: 500px) {

    nav ul li a {
    	font-weight: 800;
    	font-size: 1.6em;
    	letter-spacing: 1px;
    	text-shadow: 1px 1px 2px #a1a1a1;
    }
}



 /* /////////////////////////////////////////    Footer     //////////////////////////////////////////////*/
footer {
    /* height: 280px; */
    /* position: absolute; */
    /* bottom: 0; */
    width: 100%;
    background-color: var(--card-bg);
    /* margin-top: -100px; */
}

footer p, footer h2{
    color: var(--grey);
}

footer a {
    font-size: .8em;
}
#copyright {background-color: rgba(0, 0, 0, 0.2);text-align: center; color: black;}