﻿/* media query desktop*/

/*body {
    background-color: aquamarine;
}*/

.header__bottom {
    /*padding-left: 8rem;
    padding-right: 8rem;*/
}

.nav__item {
    margin: 0 1rem;
}

.section {
    padding-left: 20rem;
    padding-right: 20rem;
}

.padding-x-xl-10 {
    padding-left: 10rem;
    padding-right: 10rem;
}

.padding-x-xl-8 {
    padding-left: 8rem;
    padding-right: 8rem;
}

/*Card*/
.card-container--absolute {
    padding-left: 15rem;
    padding-right: 15rem;
}

.card-two {
    padding: 0;
    flex-direction: row;
    width: 100%;
}

.card-two__body {
    padding: 3rem;
}

.card-two__body-bottom {
    text-align: left;
}

.card-two__image {
    max-width: 16rem;
    max-height: 16rem;
    height: auto;
    width: auto;
}

/*Box*/
.box-text__subtitle,
.box-text__text {
    font-size: var(--text-size-md);
}

.display-xl-none {
    display: none;
}

.display-xl-grid {
    display: grid;
}

.gap-xl-2 {
    gap: 2rem;
    -webkit-gap: 2rem;
    -moz-gap: 2rem;
}

.gridcol-xl-2 {
    grid-template-columns: repeat(2, 1fr);
}

/*.nav {
    display: flex;
    padding: 3rem;
    justify-content: center;
}

.nav__container {
    display: flex;
    list-style: none;
}

.nav__item {
    padding: 1rem;
}

.nav__item-link {
    color: var(--color-white);
}

.nav-bg {
    background-color: var(--color-secondary-2);
}

.header {
    padding: 1.5rem;
    background-color: var(--color-secondary);
    color: var(--color-white);
}

.footer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 6rem;
    background-color: var(--color-black);
    color: var(--color-white);
}*/