/*Fixes & Magic Stuff*/
html,body,input,div,p,ul,li, ul li, h1, h2, h3, h4, button, img, video{
    margin: 0px;
    padding: 0px;
}

a{
    color: inherit;
    text-decoration: none;
}

html,body{
    width: 100%;
    overflow-x: hidden;
    background-color: white;
    scroll-behavior: smooth;
}

ul{
    list-style: none;
}

.clear{
    clear: both;
}

.imgFix img{
    max-width: 100%;
}

/*Vars*/
:root{
    --main-color: #101010;
    --text-color: rgba(0, 0, 0, .53);
    --box-shadow: 0 1rem 3rem -1rem rgba(0, 0, 0, 0.2);
}

/*Elements*/
.img-subtext::before{
    content: attr(data);
    width: 100%;
    position: absolute;
    bottom: 0px; left: 0;
    z-index: 3;
    color: white;
    padding: 1vh;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, .7);
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

/*Media Queries*/
@media only screen and (max-width: 767px){
    
}

@media only screen and (min-width: 768px) and (max-width: 1024px){

}

@media only screen and (max-width: 280px){

}