@media only screen and (min-width: 1200px) {
    .resources > div:first-child  {
        min-height: calc(100vh - 100px);
        overflow: visible;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 960px) {
    .resources > div:first-child  {
        min-height: calc(50vh - 100px);
        overflow: visible;
    }
}


.provide-background {
    background-image:  url("/assets/usage-statistics-assets/resources/1.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    position: relative;
}


@media only screen and (max-width: 959px) {
    .provide-background {
        background-size: cover;
    }
}

.provide-background a.next {
    position: absolute;
    bottom: 10vh;
    right: 10%;
    color: var(--portal-main-color);
    line-height: 24px;
    font-size: 18px;
    letter-spacing: 1.8px;
}

.provide-background a.next svg {
    fill: currentColor;
}

.provide-background a.next:hover {
    color: var(--portal-dark-color);
}

.provide-background a.next:hover svg path {
    fill: var(--portal-dark-color);
}

.provide-definition {
    padding: 20px;
    background: #E7F0FA 0 0 no-repeat padding-box;
    border: 1px solid #23247E;
    border-radius: 5px;
    font-style: italic;
    font-size: 14px;
    margin-left: 20px;
    width: 85%;
}
