/* cores texto */
.text-violet {
    color: #5B3187;
}

.text-salmon {
    color: #E73B44;
}

.text-lavander {
    color: #9D83B7;
}

.text-orange{
    color: #F18325;
}

#content > section:nth-child(4) > div > div > div > div.row.p-0.mt-md-5 > div.col-12.col-md-8.col-lg-7.order-1.order-md-2.text-white.mt-5.px-md-0.text-resize-lg > p{
    color: white !important;
}


/* cores background */
.bg-violet {
    background-color: #5B3187;
}

.bg-salmon {
    background-color: #E73B44;
}

.bg-lavander {
    background-color: #9D83B7;
}

.bg-opaque {
    background-color: rgba(255, 255, 255, 0.75);
}

.bg-orange{
    background-color: #F18325;
}


/* espaçamento */
section .container {
    padding-top: 45px;
    padding-bottom: 45px;
}


/* topografia */
section {
    font-size: 1.2em;
}

section h1 {
    font-size: 34px;
}

section i {
    font-size: 2.6rem !important;
}


/* imagens */
section img.icon {
    width: 140px;
    height: 140px;
}


/* botões / links */
section a,
section button {
    overflow: hidden;
    cursor: pointer;
    border-radius: 99px;
    width: 100%;
    max-width: 320px;
}

section a:hover {
    text-decoration: none;
}

section a:hover span:nth-of-type(1) {
    background-color: rgba(255, 255, 255, 0.5);
}

section button {
    background-color: #5B3187;
    color: white;
    max-width: fit-content;
    transition: all .2s ease-in-out;
}

section button,
section button:focus,
section button:active {
    outline: none;
}

section button:hover {
    background-color: #9D83B7;
    color: #5B3187;
}

@media screen and (min-width: 1024px) {
    .img-resize-lg {
        width: 70%;
        margin-left: auto;
        display: block;
    }

    .text-resize-lg p{
        width: 70%;
        margin-right: auto;
    }
}