BODY { font-family: Arial, Helvetica, sans-serif; color: rgb(108, 108, 109) }
h1 { font-weight: bold;font-size:2.0em }
h2 { font-weight: bold;font-size:1.8em }

h3 { font-size: 1.4em;margin-bottom:18px }
h4 { font-size:2.3em;margin-bottom:32px;font-family: 'Times New Roman', Times, serif }
h5 { font-size:1.9em;margin-bottom:18px;font-family: 'Times New Roman', Times, serif }

A { color: #222 }
A:hover { color: #000;text-decoration:none }
.topper {
    background-color: #009703;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #fff;
    justify-content: space-between;
    align-items: center;
    line-height: 28px;  
}
.topper A { color :#fff; font-weight:bold }
.topper A:hover { color :#eee; font-weight:bold }
.text-red { color: red;text-transform: uppercase }
.logo-item { text-align: center }
.footer {
    background-color: black;
    color: #FFFFFF;
    padding: 12px;
}
.headline {
    background: url('../img/banner2.jpg');
    background-size: cover;
    padding: 40px;
}

.text-lrg { font-size: 1.2em }
.text-lrg H1 { margin:0; text-transform: uppercase; margin-top:18px;border-bottom:solid 1px #555 }
.cta {
    background: url('../img/background-cta.jpg');
    background-size: cover;
    color: #000;    
}
.cta P {
    font-size:18px;
    line-height: 22px;
    font-family: Arial, Helvetica, sans-serif;
}
.address {
    padding-right: 20px;
}

.tagline {
    margin-top:150px;margin-bottom:150px;
    width: 70%;
    margin-right: auto;margin-left:auto;
    text-align: left;
    display: flex;
    flex-direction: column;
    color: #ffffff;
    justify-content: flex-start;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 25px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}
.tagline-inner {
    width: 70%;
    margin-right: auto;margin-left:auto;
    text-align: left;
    display: flex;
    flex-direction: column;
    color: #ffffff;
    justify-content: flex-start;
    padding:4px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);color:#fff;background-color:rgba(0, 0, 0, 0.3);margin-top:0;margin-bottom:0;

}
.pagecontent h2 {
    line-height:44px;margin-bottom:34px;padding-bottom:10px;border-bottom:solid 1px rgb(108, 108, 109)
}
.pagecontent P { font-size: 1.3em;margin-bottom:28px }

.nav {
    text-transform: uppercase;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-size: 1.3em;
    font-weight: bold;
    border-top: solid 1px #444;
    border-bottom: solid 1px #444;
    background-color: #eee;
}

/*********************************************   SERVICE TILES  *********************************************/

.services  {
    box-sizing: border-box;
	 display: flex;
	 height: 800px;
     justify-content: center;  	
}


.tile-container  {	 
	 height: 700px;	 
     display: flex;
     flex-wrap: wrap;
     width: 1350px; /* 3 tiles * 415px width + space for margins */
     justify-content: space-between; /* evenly space tiles */
	 
}

.tile {
    width: 370px; /* Width of each tile */
    height: 250px; /* Height of each tile */
    background-color:#6E6E6E; /* Background color of each tile */
    margin: 15px; /* Space between tiles */
    margin-left:auto;margin-right:auto;
    color: white; /* Text color for visibility */
    display: flex;
    flex-direction: column; /* Stack the image and text vertically */
    justify-content: flex-start; /* Align items at the top */
	text-decoration: none; /* Remove underline from links */
}

.tile:hover {
    background-color: #333; /* Change background color on hover */
}


.tile img {
    width: 100%; /* Makes the image responsive to the tile width */
    height: auto; /* Maintains aspect ratio */
}

.tile-caption {
    font-size: 24px; /* Adjust as needed */
	font-family: Arial; 
    color: white; /* Text color for visibility */
    text-align: left; /* Center text */
    margin-top: 10px; /* Space above the caption */
	margin-left: 25px;
}

.tile-details {
    font-size: 18px; /* Adjust as needed */
	font-family: Arial; 
    color: white; /* Text color for visibility */
    text-align: left; /* Center text */
    margin-top: 5px; /* Space above the details */
	margin-left: 25px;
}



  .expertise-title {  
	text-align: center;
    border: 0px solid #ffffff; /* Change the color and width to your liking */
    width: 1900px;  
    padding: 20px; /* Add some space between the border and the content */   
    line-height: .9; /* Adjust the value to decrease spacing */
  }


.tagline2 {    
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(255, 38, 0); /* Use RGB values */
    font-size: 30px;
}

.tagline3 {
    font-family: 'Times New Roman', Times, serif;
    color: rgb(53, 53, 53); /* Use RGB values */
    font-size: 28PX;    
}