@media (min-width: 1700px) {
    /* Hero Container */
    .hero_container {
        position: relative;
        background: url('/images/commercial-fire/commercial-fire-systems.jpg') no-repeat;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
        height: 70vh;
    }

        .hero_container .hero_text {
            position: absolute;
            top: 50%;
            left: 15%;
            margin-right: -15%;
            transform: translate(-15%, -50%);
            background-color: rgb(255, 255, 255, 0.8);
            border: solid 2px #fff;
            border-radius: 25px;
            padding: 15px 50px 70px;
            max-width: 600px;
            backdrop-filter: blur(5px);
        }

            .hero_container .hero_text a {
                display: inline-block;
                background-color: #c62128;
                border: solid 2px #c62128;
                border-radius: 5px;
                color: #fff;
                padding: 5px 25px;
                font-size: 20px;
                margin: 5px 0;
            }

            .hero_container .hero_text h1 {
                font-weight: 600;
            }

            .hero_container .hero_text a:hover {
                background: transparent;
                color: #c62128;
            }


    /* Protect Your Business Section */
    .section_1 {
        background-color: #fff;
        padding: 5rem 0;
    }

        .section_1 .sub_text {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -50%);
        }


        .section_1 img {
            width: 90%;
            max-width: 450px;
            border-radius: 15px;
        }


    /* Features Section */
    .section_2 {
        background-color: #fff;
        padding: 4rem 1rem;
    }

        .section_2 img {
            width: 30%;
            margin-bottom: 25px;
        }

       

        .section_2 p {
            font-size: 1.25rem;
            max-width: 325px;
        }


    /* Protect Your Business Section */
    .section_3 {
        background-color: #fff;
        padding: 1rem 0 5rem;
    }

        .section_3 .sub_text {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -50%);
        }


        .section_3 img {
            width: 90%;
            max-width: 600px;
            border-radius: 25px;
        }


    /* Build Your Brand Section */
    .section_4 {
        background-color: #fff;
        padding: 4rem 0;
    }

        .section_4 .sub_text {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -50%);
        }

            .section_4 .sub_text h3 {
                max-width: 800px;
            }

        .section_4 img {
            width: 90%;
            max-width: 600px;
            border-radius: 25px;
        }


    /* Protect Your Business Section */
    .section_5 {
        background-color: #fff;
        padding: 1rem 0 5rem;
    }

        .section_5 .sub_text {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -50%);
        }


        .section_5 img {
            width: 90%;
            max-width: 600px;
            border-radius: 25px;
        }


    /* 24/7 Response Section */
    .section_6 {
        background-color: #fff;
        padding: 1rem 0 4rem;
    }

        .section_6 img {
            width: 80%;
            border-radius: 25px;
        }

        .section_6 .sub_text {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }

        


    /* Custom Solutions Section */
    .section_7 {
        background-color: #fff;
    }

        .section_7 img {
            width: 70%;
            border-radius: 25px;
        }

        .section_7 h2.dark-red {
            margin-left: 20px;
        }


    /* Quote Section */
    .section_8 {
        background-image: url('/images/commercial/quote-bg.jpg');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}

@media (min-width: 1400px) and (max-width: 1699px) {
    /* Hero Container */
    .hero_container {
        position: relative;
        background: url('/images/commercial-fire/commercial-fire-systems.jpg') no-repeat;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
        height: 80vh;
    }

        .hero_container .hero_text {
            position: absolute;
            top: 50%;
            left: 15%;
            margin-right: -15%;
            transform: translate(-15%, -50%);
            background-color: rgb(255, 255, 255, 0.8);
            border: solid 2px #fff;
            border-radius: 25px;
            padding: 10px 30px 50px;
            max-width: 600px;
            backdrop-filter: blur(5px);
        }

            .hero_container .hero_text h1 {
                font-weight: 600;
            }

            .hero_container .hero_text a {
                display: inline-block;
                background-color: #c62128;
                border: solid 2px #c62128;
                border-radius: 5px;
                color: #fff;
                padding: 5px 25px;
                font-size: 20px;
                margin: 5px 0;
            }

                .hero_container .hero_text a:hover {
                    background: transparent;
                    color: #c62128;
                }


    /* Protect Your Business Section */
    .section_1 {
        background-color: #fff;
        padding: 5rem 2rem;
    }

        .section_1 .sub_text {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -50%);
        }

        .section_1 img {
            width: 90%;
            max-width: 450px;
            border-radius: 15px;
        }


    /* Features Section */
    .section_2 {
        background-color: #fff;
        padding: 4rem 2rem;
    }

        .section_2 img {
            width: 30%;
            margin-bottom: 25px;
        }

        

        .section_2 p {
            font-size: 1.25rem;
            max-width: 325px;
        }


    /* Protect Your Business Section */
    .section_3 {
        background-color: #fff;
        padding: 1rem 2rem 5rem;
    }

        .section_3 .sub_text {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -50%);
        }


        .section_3 img {
            width: 90%;
            max-width: 600px;
            border-radius: 25px;
        }


    /* Build Your Brand Section */
    .section_4 {
        background-color: #fff;
        padding: 4rem 2rem;
    }

        .section_4 .sub_text {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -50%);
        }

            .section_4 .sub_text h3 {
             max-width: 800px;
            }

        .section_4 img {
            width: 90%;
            max-width: 600px;
            border-radius: 25px;
        }


    /* Protect Your Business Section */
    .section_5 {
        background-color: #fff;
        padding: 1rem 2rem 5rem;
    }

        .section_5 .sub_text {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -50%);
        }


        .section_5 img {
            width: 90%;
            max-width: 600px;
            border-radius: 25px;
        }


    /* 24/7 Response Section */
    .section_6 {
        background-color: #fff;
        padding: 1rem 2rem 4rem;
    }

        .section_6 img {
            width: 80%;
            border-radius: 25px;
        }

        .section_6 .sub_text {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }



    /* Custom Solutions Section */
    .section_7 {
        background-color: #fff;
    }

        .section_7 img {
            width: 70%;
            border-radius: 25px;
        }

        .section_7 h2.dark-red {
            margin-left: 20px;
        }


    /* Quote Section */
    .section_8 {
        background-image: url('/images/commercial/quote-bg.jpg');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}

@media (min-width: 1024px) and (max-width: 1399px) {
    /* Hero Container */
    .hero_container {
        position: relative;
        background: url('/images/commercial-fire/commercial-fire-systems.jpg') no-repeat;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
        height: 60vh;
    }

        .hero_container .hero_text {
            position: absolute;
            top: 50%;
            left: 15%;
            margin-right: -15%;
            transform: translate(-15%, -50%);
            background-color: rgb(255, 255, 255, 0.8);
            border: solid 2px #fff;
            border-radius: 25px;
            padding: 10px 30px 50px;
            max-width: 600px;
            backdrop-filter: blur(5px);
        }

            .hero_container .hero_text h1 {
                font-weight: 600;
            }

            .hero_container .hero_text a {
                display: inline-block;
                background-color: #c62128;
                border: solid 2px #c62128;
                border-radius: 5px;
                color: #fff;
                padding: 5px 25px;
                font-size: 20px;
                margin: 5px 0;
            }

                .hero_container .hero_text a:hover {
                    background: transparent;
                    color: #c62128;
                }


    /* Protect Your Business Section */
    .section_1 {
        background-color: #fff;
        padding: 5rem 2rem;
    }

        .section_1 .sub_text {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -50%);
        }


        .section_1 img {
            width: 90%;
            max-width: 450px;
            border-radius: 15px;
        }


    /* Features Section */
    .section_2 {
        background-color: #fff;
        padding: 4rem 2rem;
    }

        .section_2 img {
            width: 30%;
            margin-bottom: 25px;
        }


        .section_2 p {
            font-size: 1.25rem;
            max-width: 325px;
        }


    /* Credential Access Section */
    .section_3 {
        background-color: #fff;
        padding: 1rem 2rem 5rem;
    }

        .section_3 .sub_text h3 {
            font-size: 2.5rem;
        }

        .section_3 img {
            width: 90%;
            max-width: 600px;
            border-radius: 25px;
        }


    /* Memberships Section */
    .section_4 {
        background-color: #fff;
        padding: 4rem 2rem;
    }

        .section_4 .sub_text h3 {
            max-width: 800px;
        }

        .section_4 img {
            width: 90%;
            max-width: 600px;
            border-radius: 25px;
        }


    /* Door Hardware Section */
    .section_5 {
        background-color: #fff;
        padding: 1rem 2rem 5rem;
    }

        .section_5 img {
            width: 90%;
            max-width: 600px;
            border-radius: 25px;
        }


    /* 24/7 Response Section */
    .section_6 {
        background-color: #fff;
        padding: 1rem 2rem 4rem;
    }

        .section_6 img {
            width: 80%;
            border-radius: 25px;
        }



    /* Custom Solutions Section */
    .section_7 {
        background-color: #fff;
    }

        .section_7 img {
            width: 70%;
            border-radius: 25px;
        }

        .section_7 h2.dark-red {
            margin-left: 20px;
        }


    /* Quote Section */
    .section_8 {
        background-image: url('/images/commercial/quote-bg.jpg');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    /* Hero Container */
    .hero_container {
        position: relative;
        background: url('/images/commercial-fire/commercial-fire-systems.jpg') no-repeat;
        background-position: center;
        background-size: cover;
        height: 70vh;
    }

        .hero_container .hero_text {
            position: absolute;
            top: 50%;
            left: 15%;
            margin-right: -15%;
            transform: translate(-15%, -50%);
            background-color: rgb(255, 255, 255, 0.8);
            border: solid 2px #fff;
            border-radius: 25px;
            padding: 10px 30px 50px;
            max-width: 600px;
            backdrop-filter: blur(5px);
        }

            .hero_container .hero_text h1 {
                font-weight: 600;
                font-size: 2rem;
            }

            .hero_container .hero_text h2 {
                font-size: 1.7rem;
            }

            .hero_container .hero_text a {
                display: inline-block;
                background-color: #c62128;
                border: solid 2px #c62128;
                border-radius: 5px;
                color: #fff;
                padding: 5px 25px;
                font-size: 18px;
                margin: 5px 0;
            }

                .hero_container .hero_text a:hover {
                    background: transparent;
                    color: #c62128;
                }


    /* Protect Your Business Section */
    .section_1 {
        background-color: #fff;
        padding: 5rem 2rem;
        text-align: center;
    }


        .section_1 img {
            width: 90%;
            max-width: 350px;
            border-radius: 15px;
            margin-bottom: 2rem;
        }


    /* Features Section */
    .section_2 {
        background-color: #fff;
        padding: 4rem 2rem;
    }

        .section_2 img {
            width: 30%;
            max-width: 175px;
            margin-bottom: 25px;
        }


        .section_2 p {
            font-size: 1.25rem;
            max-width: 325px;
        }


    /* Credential Access Section */
    .section_3 {
        background-color: #fff;
        padding: 1rem 2rem 5rem;
        text-align: center;
    }


        .section_3 img {
            width: 90%;
            max-width: 450px;
            border-radius: 25px;
        }


    /* Memberships Section */
    .section_4 {
        background-color: #fff;
        padding: 4rem 2rem;
        text-align: center;
    }

        .section_4 .sub_text h3 {
            max-width: 800px;
        }

        .section_4 img {
            width: 90%;
            max-width: 450px;
            border-radius: 25px;
        }


    /* Door Hardware Section */
    .section_5 {
        background-color: #fff;
        padding: 1rem 2rem 5rem;
        text-align: center;
    }


        .section_5 img {
            width: 90%;
            max-width: 450px;
            border-radius: 25px;
        }


    /* 24/7 Response Section */
    .section_6 {
        background-color: #fff;
        padding: 1rem 2rem 4rem;
        text-align: center;
    }

        .section_6 img {
            width: 80%;
            border-radius: 25px;
            margin-bottom: 2rem;
        }



    /* Custom Solutions Section */
    .section_7 {
        background-color: #fff;
        padding-left: 2rem;
        padding-right: 2rem;
    }

        .section_7 img {
            width: 90%;
            border-radius: 25px;
        }

        .section_7 h2.dark-red {
            margin-left: 20px;
        }


    /* Quote Section */
    .section_8 {
        background-image: url('/images/commercial/quote-bg.jpg');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}

@media (max-width: 767px) {
    /* Hero Container */
    .hero_container {
        position: relative;
        background: url('/images/commercial-fire/commercial-fire-systems.jpg') no-repeat;
        background-position: center;        
        background-size: cover;
        height: 100vh;
    }

        .hero_container .hero_text {
            position: absolute;
            top: 35%;
            left: 50%;
            margin-right: -15%;
            transform: translate(-50%, -50%);
            background-color: rgb(255, 255, 255, 0.8);
            border: solid 2px #fff;
            border-radius: 25px;
            padding: 10px 20px;
            width: 90%;
            text-align: center;
            backdrop-filter: blur(5px);
        }

            .hero_container .hero_text h1 {
                font-weight: 600;
                font-size: 2rem;
            }

            .hero_container .hero_text h2 {
                font-size: 1.7rem;
            }

            .hero_container .hero_text a {
                display: inline-block;
                background-color: #c62128;
                border: solid 2px #c62128;
                border-radius: 5px;
                color: #fff;
                padding: 5px 25px;
                font-size: 18px;
                margin: 5px 0;
            }

                .hero_container .hero_text a:hover {
                    background: transparent;
                    color: #c62128;
                }


    /* Protect Your Business Section */
    .section_1 {
        background-color: #fff;
        padding: 5rem 2rem;
        text-align: center;
    }


        .section_1 img {
            width: 90%;
            max-width: 350px;
            border-radius: 15px;
            margin-bottom: 2rem;
        }


    /* Features Section */
    .section_2 {
        background-color: #fff;
        padding: 4rem 2rem;
    }

        .section_2 img {
            width: 50%;
            max-width: 175px;
            margin-bottom: 25px;
        }


        .section_2 p {
            font-size: 1.25rem;
            max-width: 325px;
        }


    /* Credential Access Section */
    .section_3 {
        background-color: #fff;
        padding: 1rem 2rem 5rem;
        text-align: center;
    }


        .section_3 img {
            width: 100%;
            max-width: 450px;
            border-radius: 15px;
        }


    /* Memberships Section */
    .section_4 {
        background-color: #fff;
        padding: 4rem 2rem;
        text-align: center;
    }

        .section_4 .sub_text h3 {
            max-width: 800px;
        }

        .section_4 img {
            width: 100%;
            max-width: 450px;
            border-radius: 15px;
        }


    /* Door Hardware Section */
    .section_5 {
        background-color: #fff;
        padding: 1rem 2rem 5rem;
        text-align: center;
    }

        .section_5 img {
            width: 100%;
            max-width: 450px;
            border-radius: 15px;
        }


    /* 24/7 Response Section */
    .section_6 {
        background-color: #fff;
        padding: 1rem 2rem 4rem;
        text-align: center;
    }

        .section_6 img {
            width: 100%;
            border-radius: 15px;
            margin-bottom: 2rem;
        }


    /* Custom Solutions Section */
    .section_7 {
        background-color: #fff;
        padding-left: 2rem;
        padding-right: 2rem;
        text-align: center;
    }

        .section_7 img {
            width: 100%;
            border-radius: 15px;
        }

        .section_7 h2.dark-red {
            margin-left: 20px;
        }


    /* Quote Section */
    .section_8 {
        background-image: url('/images/commercial/quote-bg.jpg');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}

/*  Header Fonts */
.hero_container .hero_text h2 {
    font-family: Paralucent;
}

h3 {
    font-family: microgramma-extended, sans-serif;
    font-weight:700;
    text-transform: uppercase; 
    font-size:2rem!important;
}

h4.fw-600 {
    font-family: microgramma-extended, sans-serif;
    text-transform:uppercase;
}