.text-black {
    color: black;
}

.agh-gray {
    color: #484848;
}

.agh-orange {
    color: #ff9900;
}

.agh-blue {
    color: #0097dc;
}

.agh-green {
    color: #72ae56;
}

.agh-purple {
    color: #625bc4;
}

.agh-red {
    color: #f42938;
}

.agh-yellow {
    color: #ffd200;
}

.bg-agh-gray {
    background-color: #484848;
}

.bg-agh-green {
    background-color: #72ae56;
}

.bg-agh-purple {
    background-color: #625bc4;
}

.bg-agh-yellow {
    background-color: #ffd200;
}

.border-agh-orange {
    border: solid 10px #ffd200;
}

.border-agh-yellow {
    border: solid 10px #ffd200;
}

html {
    overflow-x: hidden;
}

#hero-section .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.4;
    z-index: 1;
    max-height: 85vh;
}



.carousel-indicators .active {
    background-color: #ffd200;
}



@media(max-width:600px) {
    .carousel-item {
        height: 50vh;
    }

        .carousel-item img {
            height: 50vh;
        }

    .carousel-polygon {
        height: 50vh;
    }
}

@media(min-width:768px) {
    #hero-section {
        min-height: 75vh;
    }

    .carousel-polygon {
        width: 50vw;
        height: 100%;
        clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
        padding-right: 15% !important;
    }
}

@media(min-width:1024px) {
    .carousel-inner {
        max-height: 75vh;
    }

    .carousel-item h3 {
        font-size: 5rem;
    }

    .carousel-item p {
        font-size: 2rem;
    }
}

@media(min-width:1600px) {
    #hero-section {
        min-height: 85vh;
    }

    .carousel-inner {
        max-height: 85vh;
    }
}