.width-100 {
    width: 100% !important;
}

.height-100 {
    height: 100% !important;
}

.desktop {
    display: none;
}

.mobile {
    display: block;
}

.white {
    color: white;
}

.flex-container {
    display: flex;
}

.align-center-middle {
    justify-content: center;
    align-items: center;
}

.margin-bottom-1 {
    margin-bottom: 1rem;
}

.margin-bottom-2 {
    margin-bottom: 2rem;
}

.margin-bottom-3 {
    margin-bottom: 3rem;
}


.margin-top-1 {
    margin-top: 1rem;
}

.margin-top-2 {
    margin-top: 2rem;
}

.margin-top-3 {
    margin-top: 3rem;
}
@media (min-width: 1024px) { 
    .desktop {
        display: block;
    }
    
    .mobile {
        display: none;
    }

}