body {
    
font-size: 1rem;	
       
}

/*changed the bkdg color of the navbar from bg-dark to marcom blue*/
.navbar {
	
	background-color: #004378;
}

.navbar-nav .nav-item .nav-link {
    color: white;
}

.navbar-nav .nav-item .nav-link:hover {
    color: #FFCC2E;
}


/*.container-img {
    
    height: 100%;
    width: 100%;
    object-fit: cover;
}*/

/*this allows container height to grow to accomodate content as viewport narrows*/
/*.container-grow {
	
	min-height: 100vh;
	display:flex;
	align-items: center;
	justify-content: center;
}*/


/*.height-500 {
	
	height: 500px;
}*/

/*.margin-none {
	
	margin-bottom: 0px;
	margin-top: 0px;
}*/

/*.padding-none {
	
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 1px;
}*/


/*#services1{
  height:auto;

}*/

/*fomats the text above the hero banner*/
#toptext {
	width: 100%;
	align-content: center;
	}

#toptext h1 {
	
    font-size: clamp(16px, 5vw, 30px); /* Scales dynamically */
    font-weight:500;
	color:#552CF1;
	text-align: center;
	padding-top: 10px;
	font-family:Montserrat, "Montserrat SemiBold", "Montserrat Medium";
}




.footer-header{
	color: #ffffff;
	background: #333333;
	height:auto;
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 10px;
}
	
	.footer-content{
		font-size: 11px;
		color: #FFCC2E;
		padding-left: 0;
		padding-top: 10px;
		
	}

#footer a {
	
	color: inherit;
	text-decoration: none;
}

#footer a:hover{
	
	color: rgba(244,6,240,1.00);
}


/*#bannerblurb {
 
  text-align: center;
  font-size: clamp(12px, 4vw, 48px);
  font-weight: 500;
}*/
	
	

/*.container-headline {

    font-size: 50px;
    text-align: center;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    align-items: center;

}*/

/*.max-height300{
	max-height: 300px;
}*/

.container-fluid {
    width: 100%;
    height: auto;
    padding-left: 0PX;
    padding-right: 0PX;
    
}

.headline-fluid {
	
    width: 100%;
    height: auto;
    padding-left: 0PX;
    padding-right: 0PX;
	text-align: center;	
	/*background-color: #2C1583;*/
	color: #212529;
    	
}


/*styles type beneath banner photo*/
.headline-fluid-digital {
	
    width: 100%;
    height: auto;
    padding-left: 0PX;
    padding-right: 0PX;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;	
	/*background-color: #004378;*/
	/*color:rgba(254,251,251,1.00);*/
	
}

/*styles type beneath banner photo*/
.headline-fluid-digital p {
	
	margin-bottom: 0;
	font-size: calc(.5rem + 1vw);
	font-weight: 3400;
	font-family: Montserrat, "Montserrat SemiBold", "Montserrat Medium";
}

.row {
  margin-right: 0px;
  margin-left:  0px;
  /*font-size: 1rem;	*/
	
}



/*.phone-link {
    color: #007bff;
    font-size: x-large;
    font-weight: 700;
    text-shadow: 0 0 2px black;
}*/

.gold-text {
    color: #ffCC00;
}

.blue-text {
    color: #004378;
}


.white-text {
    color: #FFFFFF;
}

/*.green-text {
    color:#57F399;
}*/

/*.greenloud-text {
    color: greenyellow;  
}*/



/*.navbar-dark {
    color: #FDFDFD;
}*/

.fontsize10 {
	
	font-size: 10pt;
}


.width {
    width: 50%;
}


h1{

    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: small-caps;
    font-size: small;
}


h2, h3, h4, h5 {
   font-family: Arial, Helvetica, sans-serif;
}



a {
    color: #FFFFFF;
}

.z-index {
    z-index: 1;
      
}

/*formats ALL Hero Banners*/
.banner-digital {
	display: flex;
  	justify-content: center;
  	align-items: center;
  	height: auto; /* Adjust height as needed */	
}

/*formats the image in the hero banner*/
.banner-digital img {
	width: 100%;
    height: auto;
    z-index: 0;
	
}

/*.banner-text {
	position: absolute;
	top: 0;
	color:white;
	text-align:center;
	width: 100%;
	}*/


.card{
	border: 0px;
}

.card-text p {
height:auto;
text: left;
	
}

.gold-bkgd {
    background-color: #ffCC00;
}


.purple-text{
	color:#ffCC00;
}


/*The following applies to formatting of BUTTONS*/

/*.btn{
		background-color: #ffCC00;
	}*/

/*.a:link,
.a:active{
color:#ffCC00;
}*/

.button-custom{
background-color:#007bff;
color: white;	
font-weight: 700;
font-size: .75rem;	
	
}

    .call-button {
      background-color: #004378; /* Cyan background */
      color: white; /* White text */
      padding: 3px 7px; /* Padding for the button */
      font-size: .75rem; /* Small font size */
      border: none; /* Remove border */
      border-radius: 5px; /* Rounded corners */
      text-align: center; /* Center the text */
      text-decoration: none; /* Remove underline from link */
      display: inline-block; /* Inline-block for proper spacing */
      width: auto;/* Set the width of the button */
	  font-weight: 600;

    }

.call-button:hover{
	
	color: rgba(244,6,240,1.00);
}






/* Extra Small devices (portrait phones, less than 576px) */
@media (max-width: 575.9px) {
    
/*.small-caps {
    font-size: 12px;
    }  */  

    
h1 {

    font-size: 15px;
    color: #004378;
}    
    
h2 {
    color: black; 
    font-size: 15px;
    padding-bottom: 0px; 
    
    }  
	
	h3 {	
		font-size: 15px;
		}	
    
	h4  { font-size: 15px;
	
	}
	
	h5 {

    font-size: 28px;
}
	
	
#callus {
    background-image:url("../images/bottom banner with gears.png");
    backface-visibility: visible;
	background-position: center;
    background-clip: border-box;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
		
	}		
    

    
#para1 {
    font-size: 10pt;
}


    
#sm-pg-headline {
    
    font-size: 20px;
        
}

.headline-fluid p {
	/*justify-content: center;*/
	/*font-size: 12px;*/
	font-size: calc(.5rem + 1vw);

	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: 500;

}	

.banner-digital {
	
display: flex;
  justify-content: center;
  align-items: center;
  height: auto; /* Adjust height as needed */

	
}

.banner-digital img {
	width: 80%;
    height: auto;
    z-index: 0;
	
}

.card-body h5{
	font-size: 1.25rem;
	color:#552CF1;
	
}


.card-body p{
	
	font-size: .75rem;
}

}


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

	
.background-home {
    background-image: url("../images/Hero Banner For Home Page DARK.png" class="img-fluid full-height-image");
    background-repeat: no-repeat;
    background-size: cover;
    
} 	
	
	.background-home-image{
		
		heigt:100%;
		width:auto;
		
	}	
		
	
	


	
	
#callus {
   background-image:url("../images/bottom banner with gears.png");
    backface-visibility: visible;
	background-position: center;
    background-clip: border-box;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
		
	}	
    
h1 {

    font-size: 20px;
    color:#FFFFFF;
}
    
h2 {

    font-size: 22px;
    color: rgba(255,204,0,0.90);
}
    
h5 {

    font-size: 22px;
}    
    
#para1 {
    font-size: 10pt;
}    
   

	
#bannerlogo img {
	
 width: 15vw;
  height: auto;

}	
	
.card-body h5 {
		font-size: 18px;
		color:#552CF1;
		font-family: Montserrat, "Montserrat SemiBold", "Montserrat Medium";
		
	}	
	
.card-body p{
	
	font-size: .85rem;
}	
	
.headline-fluid p {
	justify-content: center;
	/*font-size: 14px;*/
	padding-top: 4px;
	padding-bottom: 4px;

}		
    
	}
    
    
 /* medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

  	
.background-home {
    background-image: url("../images/Hero Banner For Home Page DARK.png" class="img-fluid full-height-image");
    background-repeat: no-repeat;
    background-size: cover;
    
} 	
	
	.background-home-image{
		
		heigt:100%;
		width:auto;
		
	}	
	
	

	
	#callus {
   	background-image:url("../images/bottom banner.png");
    backface-visibility: visible;
	background-position: center;
    background-clip: border-box;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
		
	}	

/*.small-caps {
    font-size: 12px;
    }    */
    
h1 {

    font-size: 30px;
}
    
h2 {

    font-size: 20px;
}
	
h4{
		
		font-size: 20px;
	}		

h5 {

    font-size: 30px;
    
}
    
#para1 {
    font-size: 10pt;
}    
	
	

	
#bannerlogo img {
	
 width: 15vw;
  height: auto;

}	
	
.card-body h5 {
		font-size: 19px;
		
	}	
	
.card-body p{
	
	font-size: .9rem;
}	
	
.headline-fluid p {
	justify-content: center;
	/*font-size: 16px;*/
	padding-top: 4px;
	padding-bottom: 4px;

}	
    
}


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

	
.background-home {
    background-image: url("../images/Hero Banner For Home Page DARK.png" class="img-fluid full-height-image");
    background-repeat: no-repeat;
    background-size: cover;
    
} 	
	
	.background-home-image{
		
		heigt:100%;
		width:auto;
		
	}	
		
	

/*.small-caps {
    font-size: 14px;
    }  */
    
h1 {

    font-size: 40px;
}

h2 {

    font-size: 20px;
    color: rgba(255,204,0,0.90);
} 
	
h4{
		
		font-size: 20px;
	}	
    
h5 {

    font-size: 35px;
}
    
#para1 {
    font-size: 15pt;
}  
    
.container {
    max-width: 100%;
    text-align: center;
    height: 150px;
}
	



	
.card-body h5 {
		font-size: 24px;
		
	}	
	
.headline-fluid p {
	justify-content: center;
	/*font-size: 18px;*/
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 60px;
	padding-right: 60px;
	

}	
	
#bannerlogo img {
	
 width: 15vw;
  height: auto;

}	
    
}   


/* Extra Large devices (Laptops 1200px and up) */
@media (min-width: 1200px) {
    
 
	
.background-home {
    background-image: url("../images/Hero Banner For Home Page DARK.png" class="img-fluid full-height-image");
    background-repeat: no-repeat;
    background-size: cover;
    
} 	
	
	.background-home-image{
		
		heigt:100%;
		width:auto;
		
	}	
	
    
  

	
	.container {
    max-width: 100%;
    text-align: center;
    height: 200px;
}
    
/*.small-caps {
    font-size: 30px;
    } */ 
    
h1 {

    font-size: 40px;
} 
    
h2 {
    color: rgba(255,204,0,0.90);
    font-size: 20px;
}
	
	
h4{
		
		font-size: 20px;
	}		

h5 {

    font-size: 10px;
}
    
#para1 {
    font-size: 15pt;
}     
	
.card-body h5 {
		font-size: 28px;
		
	}	
	
.headline-fluid p {
	justify-content: center;
	/*font-size: 20px;*/
	padding-top: 5px;
	padding-bottom: 5px;
}	
	
}