@charset "utf-8";

 /* Ensure the div width is full-screen */

 .responsive-divA {
           width: 100%;
            height: auto;
            background-color: #004378;
            display: flex;
            flex-direction: column; /* Allows stacking of buttons and paragraph */
            align-items: center;
            justify-content: center;
	 		display: none;
	 padding-bottom: 36px;
	 

        }

 
 /* Text styles that scale with the screen size */
        .responsive-textA {
            font-size: calc(.3rem + 2vw); /* Base font size scales with viewport width */
            color: rgba(254,251,251,1.00); /* Darker text color */
            text-align: center;
			margin-bottom: 0;
			font-weight: 400;
			font-family: Montserrat, "Montserrat SemiBold", "Montserrat Medium";
       }

  /* Flexbox for buttons */
        .button-containerA {
            width: 100%; /* Full-width to align the buttons */
            display: flex;
            justify-content: space-between; /* Positions one button left, one right */
            margin-bottom: 5px; /* Adds space between buttons and paragraph */
			padding: 2px 8px 2px 8px;
        }

  /* Styling for buttons */
        .buttonA {
            padding: 5px 10px;
			margin: 8px;
            font-size: calc(0.7rem + 0.5vw);
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
			transition: all 0.3s ease; /* Smooth transitions for responsiveness */
			width: 175px; /* Sets a fixed width */
    		max-width: 90%; /* Ensures responsiveness on smaller screens */
    		text-align: center; /* Centers text for consistent appearance */
		


        }

   .buttonA:hover {
            background-color: #0056b3; /* Darker blue on hover */
        }


/*/*div with a banner photo background and two absolute position divs within*/
/* Full-width background */
.background-container {
    position: relative;
    width: 100%;
    height: 100vh; /* Adjust height based on preference */
    background-image: url("../images/Digital Hero Banner Press Only.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}








/* Extra Small devices (portrait phones, less than 576px) */
@media (max-width: 575.9px) {
	

	}
	


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}



 /* medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	.responsive-divA {
	display:block;	
		
	}
	
	
	
}


/* Large devices (tablets 992px and up) */
@media (min-width: 992px) {}