.white{
    color: white !important;
}

.background-cover{
    background-size: cover;
}

.background-bottom{
    background-position-y: bottom;
}

.background-center{
    background-position: center;
}

.flex-1{
    flex: 1;
}

.black{
    filter: brightness(0);
}

.background-contain{
    background-size: contain;
    background-repeat: no-repeat;
}

.smooth{
    transition: 0.5s;
}

.smooth-2{
    transition: 0.5s;
}

.w-100vw{
    width: 100vw;
}

.h-100vh{
    height: 100vh;
}

h1, h2, h3, h4, h5, h6, p {
    font-family: Tahoma, Geneva, Verdana, sans-serif;
    color: #707070;
}

p{
    font-size: 18px;
}

.square::after{
    content: " ";
    display: block;
    padding-bottom: 100%;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    
} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .mobile-only{
        display: none;
    }
}

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

    .web-only{
        display: none;
    }
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}