.short {
    width: 45%;
}

.security, .revenue-fhir, .inventory {
    display: flex;
    flex-direction: row;
}

.inventory-text {
    width: 50%;
}

.inventory-frame {
    width: 80%;
    margin-left: 2.5%;
}

.security-frame {
    height: 250px;
    width: 35%;
}

.security-text {
    width: 60%;
}

.revenue-frame {
    width: 45%;
    height: 650px;
    margin-right: 2.5%;
}

.revenue-text {
    width: 50%;
}

.fhir-frame {
    width: 70%;
}

.fhir-text {
    width: 50%;
}

.section-color {
    align-content: center;
    padding: 10px 20px 10px 20px;
    border-bottom: solid 2px rgba(255, 255, 255, 0.3);
    transition: 0.5s transform, 0.5s border-bottom;
}

.section-color:hover {
    transform: translateY(-10px);
    border-bottom: solid 2px white;
}

.bookings {
    display: flex;
    flex-direction: row;
}

.bookings-frame {
    width: 60%;
    height: 600px;
}

.bookings-text {
    width: 37.5%;
    margin: 0 2.5% 0 0;
}

@media (max-width: 1700px) {
    .revenue-frame {
        width: 60%;
    }

    .revenue-text {
        width: 40%;
    }

    .security-frame {
        height: 350px;
        width: 55%;
    }

    .bookings-frame {
        height: 700px;
    }
}

@media (max-width: 1180px) {
    .revenue-frame, .inventory-frame {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .revenue-text, .inventory-text {
        width: 100%;
    }

    .revenue-fhir, .inventory {
        flex-direction: column;
    }

    .security-frame {
        width: 60%;
        height: 550px;
    }

    .security-text {
        width: 40%;
    }

    .fhir-frame {
        width: 100%;
    }

    .fhir-text {
        width: 100%;
    }

    .bookings {
        flex-direction: column;
    }

    .bookings-frame {
        width: 100%;
        height: 800px;
    }

    .bookings-text {
        width: 100%;
        margin: 0 0 0 2.5%;
    }

}

@media (max-width: 920px) {
    .security {
        flex-direction: column;
    }

    .security-frame {
        width: 100%;
        height: 250px;
    }

    .security-text {
        width: 100%;
    }

}

@media (max-width: 768px) {
    .short {
        width: 100%;
    }

}