/*!
    Author: Ballard Glenn Blair 
    
 */


html,
body {
    height: 100%;
    margin-top: 0px;
}


@media (max-width: 1024px){
    
}

.view{
    background: url("../images/age_check_background.JPG")no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    position: relative;
    background-repeat: no-repeat;
    height: 100%;
}

.mask {
    background-color: rgba(0,0,0,.45); 
    left: 0;
    height: 100%;
    width: 100%;
    top: 0;
}



.flex-center {
    color: #fff;
}

.agecheck {
    top: 50%;
    width: 100%;
    position: absolute;
    align-items: center;
    text-align: center;
}



*, ::after, ::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

h1 {
    display: block;
    align-items: center;
    text-align: center; 
    font-family: 'Quicksand', sans-serif;
    font-size: 25px;
    color: #F8EFD5;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: 700px;
    text-shadow: 2px 2px 13px #000000;
    top: 50%;
    width: 100%;

}


.btn:hover {
    background-color: #F8EFD5;
    color: #2B292A;
}

.btn {
    background-color:   #2B292A; /* dark slateish color */
    border-color:   #2B292A;
    -webkit-transition-duration: 2s; /* Safari */
    transition-duration: 2s;
    font-size: 15px;
    font-weight: 700;
    color: #F8EFD5; /* creamish color */
    margin: 5px;
}