@media screen and (min-width: 240px) {

    /*STYLE ALL HEADER___________________________________*/
    .about-us {
        background-color: white;
        padding: 35px 0;
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 50px 0;
        max-width: none;
    }

    .about-us .container {
        max-width: 1600px;
        width: 100%;
    }

    .about-us .wrapper {
        padding: 0 40px;
    }

    .ui.centered.grid {
        margin: 0;
    }

    .banner {
        width: 100%;
        min-height: 10rem;
    }

    .img-content {
        width: 100%;
    }

    h1 {
        animation: about 3s infinite;
    }

    h3 {
        text-decoration: underline;
    }
}

@keyframes about {
    0% {
        color: #000;
    }

    10% {
        color: #fa0101;
    }

    30% {
        color: #c0040c;
    }

    50% {
        color: #01a333;
    }

    100% {
        color: #000;
    }
}

@media screen and (min-width: 650px) {
    .banner {
        width: 100%;
        min-height: 15rem;
    }
}

@media screen and (min-width: 800px) {
    .banner {
        width: 100%;
        min-height: 25rem;
    }
}

@media screen and (min-width: 1080px) {
    .banner {
        width: 100%;
        min-height: 30rem;
    }
}