#logo {
    height:75px;
}



.home-background {
    background-image: url(../images/sunset.jpeg);
    height:550px;
    background-position: left;
    background-size: cover;
    position:relative;
    opacity: .99;
}

nav li a {
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    color:grey !important;
}

nav li a:hover {
    color:darkblue !important;
    text-decoration: underline;
    /* font-weight: 600; */
}

.p-2 {
    font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji" 
}

.nav-item{
    text-align: right;
}

.header-hero {
    width:100%;    
    float:left;
    margin-left: 5rem;
    /* padding-top:200px; */
    color:whitesmoke;
    position:absolute;
    bottom:100px;
    
}

.secondary-hero {
    background-color: #e5e4e4;  
    padding-top: 5rem;
    padding-bottom: 2rem;
    padding-left: 5rem;
    padding-right: 5rem;
    overflow: auto;
}

.secondary-hero p {
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    padding-top:2rem;
}

.secondary-hero h2 {
    font-size:2rem;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}



.list-wrapper {
    max-width: 1600px;
        margin: 0 auto;
}

.secondary-hero ol {
	padding: 2rem;
	margin: 0;
	max-width: 1700px;
	position: relative;
}

.secondary-hero ol::before {
    content: '';
	width: 0.5rem;
	height: 100%;
	position: absolute;
	top: 0;
	left: 8%;
	/* background: #dbeff5; */
	z-index: -1;
}


.secondary-hero li {
	padding: 0.5rem 1.5rem 1rem;
	border-radius: 1.5rem;
    margin-left: 3rem;
	/* background: #dbeff5; */
}


.secondary-hero ::marker {
    font-weight: 800;
	color:#10207a !important;
	font-size: 1 rem;
}

.gray-hero {
    background-color: #e5e4e4;  
    padding-top: 5rem;
    padding-bottom: 2rem;
    /* v */
    overflow: auto;
}

.gray-hero p {
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    padding-top:2rem;
}

.gray-hero h2 {
    font-size:2rem;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}


.gray-hero ol {
	padding: 2rem;
	margin: 0;
	max-width: 700px;
	position: relative;
}

.gray-hero ol::before {
    content: '';
	width: 0.2rem;
	height: 100%;
	position: absolute;
	top: 0;
	left: 8%;
	/* background: #dbeff5; */
	z-index: -1;
}

.container-fluid.gray-hero li {
    font-weight:300;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serifS;
}

.gray-hero li {
	padding: 0.5rem 1.5rem 1rem 1rem;
	border-radius: 1.5rem;
	/* background: #dbeff5; */
}


.gray-hero ::marker {
    font-weight: 600;
	color:#10207a !important;
	font-size: .25 rem;
}

.contact-banner {
    padding-top: 5rem;
    padding-bottom: 2rem;
    /* padding-left: 5rem;
    padding-right: 5rem; */
    overflow: auto;
}

.contact-banner img {
    width:100%;
}

.meet-banner {
    padding-top: 5rem;
    padding-bottom: 2rem;
    /* padding-left: 5rem;
    padding-right: 5rem; */
    background-color: #10207a ;
    color: white;
    overflow: auto;
}

.meet-banner h2 {
    font-size:2rem;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}

.meet-banner {
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    
}

.image-wrap {
    position:relative;
}

.image-wrap:before {
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0.2;
    background-image: url(../images/about_firm_bw.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}
.image-wrap-content {
position: relative;
min-height: 200px;
font-size: 1.25rem;
}

.image-wrap-content p {
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1.15rem;
}

.firm-banner {
    margin-top: -23px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center;
    background-color: #10207a ;    
    color: white;
    overflow: auto;
}

.firm-banner p {
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    padding-top:2rem;
}

.firm-banner h1 {
    font-size:2.5rem;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}

.firm-image-wrap {
    position:relative;
}

.contact-section {
     min-height: 500px;
   
}

/* .firm-image-wrap:before {
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0.2;
    background-image: url(../images/geometric.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size:cover;
} */
/* .firm-image-wrap-content {
position: relative;
min-height: 50px;
font-size: 1.25rem;
} */



.about {
    padding-left: 3rem;
     /* background-image: url(../images/mountain.png);  */
    /* background-color: darkgrey; */
    color:rgb(53, 53, 53);
    text-align: center;
    /* min-height: 250px; */
    background-size: cover;
    
}

.about-section {
    padding-left: 3rem;
    padding-top: 2rem;
    padding-bottom: 2rem;;    
    text-align: left;
    /* background-image: url(../images/blue-back.jpeg); */
    /* background-color: #10207a; */
    color:rgb(53, 53, 53);
    /* background-color: #e5e4e4;   */
}

.about-section p {
    /* font-family:Verdana, Geneva, Tahoma, sans-serif; */
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emojif" !important;
    font-size:18px;
    font-weight: 300;
}

.about-section h2 {
    font-size:2rem;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emojif";

}

.about-section ul {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emojif";
}

.about-section.secondary-hero.container-fluid li {
    
    font-weight: 300;
}

S
.interior-header {
    /* background-color: #10207a; */
    background-color: grey;
    
    /* background-image: url("../images/AdobeStock_495518657_back.png"); */
    background-size: cover; 
    /* background-image: linear-gradient(to bottom right, #10207a, white); */
    /* opacity: .9; */
    min-height:100px;
    color:white;
    text-align: center;
    margin-top: 25px;
    
}
  


.about h1 {
    padding-top: 5rem;
  

   
}

.contact-banner-blue {
    background-color: #4b4a4a ;
    color: white;
   
}


@media only screen and (max-width: 700px) 
{
    #logo {
        height:65px;
    }
    
    .home-background {
        background-image: url(../images/sunset.jpeg);    
        height:350px;
        background-position: left;
        background-size: cover;
        
       
    }

    .header-hero {
        float:left;
        margin-left: 2rem;
        margin-bottom:0;       
        padding-top:0;
        color:whitesmoke;
        bottom:40px;
          
       
        
    }

    .secondary-hero {
        background-color: #e5e4e4;  
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        overflow: auto;
    }

    .gray-hero {
        background-color: #e5e4e4;  
        padding-top: 5rem;
        padding-bottom: 2rem;
        padding-left: 1rem;
        padding-right: 1rem;
        overflow: auto;
    }
    
    .gray-hero p {
        font-family:Verdana, Geneva, Tahoma, sans-serif;
        padding-top:2rem;
    }
    
    .gray-hero h2 {
        font-size:2rem;
        font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
    }
    
    
    .gray-hero ol {
        padding: 2rem;
        margin: 0;
        max-width: 700px;
        position: relative;
    }
    
    .gray-hero ol::before {
        content: '';
        width: 0.2rem;
        height: 100%;
        position: absolute;
        top: 0;
        left: 8%;
        /* background: #dbeff5; */
        z-index: -1;
    }
    

    
    .gray-hero li {
        padding: 0.5rem 1.5rem 1rem 1rem;
        border-radius: 1.5rem;
        /* background: #dbeff5; */
    }
    
    
    .gray-hero ::marker {
        font-weight: 600;
        color:#10207a !important;
        font-size: .25 rem;
    }

}