.accent {
    color: var(--primary-600);
    font-weight: 900;

}

.link {
    color: var(--primary-600) !important;
    text-decoration: underline !important;
}

span.rounded-circle {
    width: 32px;
    height: 32px;
    background-color: var(--primary-300);

    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

#header {
    max-width: 100%;
}

h1 {
    font-size: 32px;
    font-family: Lato;
    font-weight: 900;
}

h5 {

    font-family: Lato;
    font-size: 23px;
    font-weight: 600;

}

.container div {
    max-width: 543px;
}

p {
    width: 543px;
}

.alert {
    padding: 16px;
}
.alert p {
    width: auto;
}

.ico {
    flex-shrink: 0;
}
 @media screen and (max-width: 1136px) {
    .container {
        width: 100%;
        padding-left: 27px;
        padding-right: 27px;
    }

    p {
        width: 100%;
    }
 }