@import 'fonts/dancing_script_font.css';
@import 'fonts/font-awesome.min.css';
@import 'elements.css';
@import 'slider.css';

.row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 1em;
}

.row .col {
    display: flex;
    min-width: 200px;
    flex-direction: column;
    align-items: center;
}



@media screen and (min-width: 769px) {
    .row {
        flex-direction: row;
    }
}
@media screen and (max-width: 768px) {
    .row {
        flex-direction: column;
    }
}

@media screen and (min-width: 481px) {
    .mobile {
        display: none !important;
    }
}
@media screen and (max-width: 480px) {
    .desktop {
        display: none !important;
    }
}