@import url("variables.css");

body {
    font-family: "Arial", sans-serif;
    /* margin: 0;
    padding: 0;
    box-sizing: border-box; */
    /* background-color: var(--bg-color); */
    color: var(--def-color) !important;
}

.body-container {
    padding: 20px;
}

.dis-flex {
    display: flex;
    gap: 20px;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.flex-justify-center {
    justify-content: center;
}
.flex-space-between {
    justify-content: space-between;
}

.flex-align-center {
    align-items: center;
}

.flex-wrap {
    flex-wrap: wrap;
}

.gap20 {
    gap: 20px;
}

.list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contact-link {
    text-decoration: none;
    color: var(--def-color);
}

.contact-link:hover {
    color: var(--def-color-hover);
    color: #014aad;
}

@media (max-width: 400px) {
    .body-container {
        padding: 0 10px;
    }
}

@media (max-width: 600px) {
    body {
        margin-bottom: 100px !important;
        margin-bottom: 75px;
    }

    section.body-content-size {
        padding: 5px;
    }

    /* .body-container {
        padding: 10px !important;
    } */
}