p, label, ul, li {
    font-weight: 300;
}

.navbar-custom {
    position: relative;
    z-index: 2;
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
}

.card {
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
}

.bg-fullscreen {
    background-size: cover;
    height: 100vh;
    position: relative;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

body::after, .bg-fullscreen:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .3;
    z-index: 1; 
}

.content-wrapper {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 560px;
    z-index: 99;
}

.row {
    display: flex !important;
}

footer {
    font-size: 0.75rem; 
    text-align: center;
}

.no-underline {
    text-decoration: none;
}

/* =============
   FADES
============= */

.opacity-0 {
    opacity: 0;
    display: none;
}

.fade-out-card {
    animation-name: fadeOut;
    animation-duration: 0.5s;
    animation-direction: normal;
    animation-fill-mode: forwards;
    
    -webkit-animation-name: fadeOut;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    
    -moz-animation-name: fadeOut;
    -moz-animation-duration: 0.5s;
    -moz-animation-direction: normal;
    -moz-animation-fill-mode: forwards;
    
    -o-animation-name: fadeOut;
    -o-animation-duration: 0.5s;
    -o-animation-direction: normal;
    -o-animation-fill-mode: forwards;
    
    -ms-animation-name: fadeOut;
    -ms-animation-duration: 0.5s;
    -ms-animation-direction: normal;
    -ms-animation-fill-mode: forwards;

}

@keyframes fadeOut {
    0% {opacity: 1; display: block;}
    100% {opacity: 0; display: none;}
}

@-moz-keyframes fadeOut {
    0% {opacity: 1; display: block;}
    100% {opacity: 0; display: none;}
}

@-webkit-keyframes fadeOut {
    0% {opacity: 1; display: block;}
    100% {opacity: 0; display: none;}
}

@-o-keyframes fadeOut {
    0% {opacity: 1; display: block;}
    100% {opacity: 0; display: none;}
}

@-ms-keyframes fadeOut {
    0% {opacity: 1; display: block;}
    100% {opacity: 0; display: none;}
}

.fade-in-card {
    animation-name: fadeIn;
    animation-duration: 0.5s;
    animation-direction: normal;
    animation-fill-mode: forwards;
    
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    
    -moz-animation-name: fadeIn;
    -moz-animation-duration: 0.5s;
    -moz-animation-direction: normal;
    -moz-animation-fill-mode: forwards;
    
    -o-animation-name: fadeIn;
    -o-animation-duration: 0.5s;
    -o-animation-direction: normal;
    -o-animation-fill-mode: forwards;
    
    -ms-animation-name: fadeIn;
    -ms-animation-duration: 0.5s;
    -ms-animation-direction: normal;
    -ms-animation-fill-mode: forwards;
}

@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-o-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-ms-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}