.h1-alternative-size {
	font-size: 2rem !important;
}

h4 {
    color: white !important;
}

.main-section-item {
    position: relative;
    text-align: center;
    color: white;
}

.main-section-title {
    position: absolute;
    top: 25%;
    width: 100%;
    padding: 10px;
    z-index: 999;
}

.main-secetion-content {
    position: absolute;
    top: 45%;
    width: 100%;
}

.card-no-border {
    border: none !important;
}

.card-img-top-no-border {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.card-img-overlay-bottom {
    top: auto;
}

    .card-img-overlay-bottom h4 {
        color: white !important;
    }

    .card-img-overlay-bottom p {
        color: white !important;
    }

h1 {
    color: white !important;
}

p {
    color: white;
}

.tinted {
    filter: brightness(60%);
}

.card-img-overlay {
    padding: 0.4rem !important;
}

.card-overlay-img {
    max-width: 90%;
    min-width: 90%;
    margin: auto;
}

@media screen and (max-width: 360px) {
    h1 {
        font-size: 1.2rem;
        padding: 15px;
    }
}

@media screen and (min-width: 361px) and (max-width: 376px) {
    h1 {
        font-size: 1.4rem;
        padding: 15px;
    }
}

@media screen and (min-width: 377px) and (max-width: 920px) {
    .main-section-title {
        top: 20%;
    }

    h1 {
        font-size: 1.6rem;
        padding: 15px;
    }
}

@media screen and (min-width: 1025px) {
    .footer-copyright {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
    }
}

@media screen and (min-width: 920px) and (max-width: 1366px) and (max-height: 1023px) {
    .mt-5 {
        margin-top: 1rem !important;
    }

    h1 {
        font-size: 1.2rem;
    }

    h4 {
        font-size: 0.8rem;
    }

    .card-text {
        font-size: 0.6rem;
    }

    /*.card-overlay-img {
        max-width: 45%;
    }*/

    /*.card-title {
        margin-bottom: 0;
    }*/

    .container-custom-width {
        min-width: 57vw !important;
        max-width: 57vw !important;
    }
}

@media screen and (min-width:1366px) and (min-height:1024px) {
    h4 {
        font-size: 2.0rem;
    }

    .card-title {
        font-size: 1.8rem;
    }

    .card-text {
        font-size: 0.8rem;
    }

    .container-custom-width {
        min-width: 75vw !important;
        max-width: 75vw !important;
    }
}