@charset "utf-8";
/* CSS Document */
:root {
--blue: #27225A;
}

@font-face {
    font-family: 'GoudyOlSt BT';
    src: url('fonts/goudyoldstylebt-roman.woff2') format('woff2'),
        url('fonts/goudyoldstylebt-roman.woff') format('woff'),
        url('fonts/goudyoldstylebt-roman.ttf') format('truetype'),
        url('fonts/goudyoldstylebt-roman.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    
}

/* Basic Style*/
* {
    padding: 0;
    margin: 0;
	box-sizing: border-box;
	font-family: 'goudyolst-bt-bold';
}

body { 
background:
      conic-gradient(at 62.5% 12.5%, rgba(230, 236, 252, 0.50) 25%, #0000 0) calc(10px/-8) calc(10px/2),
      conic-gradient(at 62.5% 12.5%, rgba(230, 236, 252, 0.50) 25%, #0000 0) calc(-3*10px/8) calc(10px/4),
      conic-gradient(at 87.5% 62.5%, rgba(230, 236, 252, 0.50) 25%, #0000 0) calc(3*10px/8) calc(10px/4),
      conic-gradient(at 87.5% 62.5%, rgba(230, 236, 252, 0.50) 25%, #0000 0) calc(10px/-8) 0,
      conic-gradient(at 25% 12.5%, rgba(230, 236, 252, 0.50) 25%, #0000 0) 0 calc(10px/-4),
      conic-gradient(at 25% 12.5%, rgba(230, 236, 252, 0.50) 25%, #0000 0) calc(10px/-4) 0,
      conic-gradient(at 87.5% 87.5%, rgba(230, 236, 252, 0.50) 25%, #0000 0) calc(10px/8) 0
      #ffffff;
background-size: 10px 10px;

}
.underline{
	text-decoration-line: underline;
}
.underline_black{
	text-decoration-line: underline;
	color: black;
	
}
.underline_black:visited {color: #000000}

/* GRID STYLES */

/* Cell Phone View */

nav {
    display: flex;
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
	background-color: var(--blue);
	justify-content: space-between;
	align-items: center;
	color: white;
	padding: 1rem 1.5rem;
	border-bottom: 3px solid white;
}


.logo img {
	position: absolute;
	top: -40px;
	right: 0px;
	left: -15px;
	float: left;
	z-index: 100;
	padding: 2px 20px;
    height: clamp(90px, 10vw, 130px);
	transform: translateY(50px);
}

.firm{
	display: inline-flex;
	font-family: 'GoudyOlSt BT','Roboto';
	color: white;
	letter-spacing: 1px;
	font-size: clamp(1em, 4vw, 3em);
	font-weight: bold;
	padding-left: 40px;
}

.main-nav {
    display: none;
	justify-content: center;
	align-items: center;
	margin: 0 -1rem;
	
}


.main-nav a {
	margin: 0 1rem;
	color: white;
	text-decoration: none;
	transition: 0.3s;
}

.main-nav ul {
	display: flex;
}
.main-nav ul li {
	position: relative;
	padding-right: 1.5em;
	border-left: 2px solid gray;
	text-align: center;
	list-style: none;
}

.main-nav ul li a {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	text-align: center;
	font-weight: 500;
}
.main-nav ul li a:hover {
	color: firebrick;
	transform: translateY(3px);
	/*background-color: white;
	border-radius: 90px;*/
	transition: 0.5s;
}

.nav-text {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: clamp(6px, 1.2vw, 16px);
	padding-top: 6px;
}


.mobile-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 7rem;
	z-index: 98;
	opacity: 0;
	transform: translateY(-100%);
	transition: 0.3s;
	background-color: var(--blue);
	color: white;
	}

.mobile-nav.is-open {
		opacity: 1;
		transform: translateY(0);
	}
	
	.mobile-nav a {
		display: block;
		padding: 1rem;
		color: white;
		text-align: center;
		font-size: 1.5rem;
		transtion: 0.3s;
		
	}
 
	.mobile-nav a:hover{
		color: firebrick;
		background-color: white;
	}

	.hamburger {
	appearance: none;
	outline: none;
	border: none;
	background: none;
	cursor: pointer;

	display: block;
	width: 2rem;
	height: 2rem;
}

.hamburger span {
	color: #FFF;
	font-size: 2rem;
}



.main_container {
  display: block;
  padding: 0px;
  margin-bottom: 5em;
}

.intro-text-holder {
	background-image: url("../images/Slide3.jpg");
	background-position: center;
	}

.intro-text {
	display: block;
	width: 100%;
	margin: 0px auto 20px auto;
	padding: 20px 90px 20px;
	align-content: center;
	align-items: center;
	font-size: clamp(.5em, 4vw, 1em);
	
    
	background-color: rgba(0,0,0,0.30);
	color: white;
	
		
	}



.awards_banner {
    display: flex;
	background-color: lightgray;
	justify-content: center;
	align-items: center;
	padding: 2em;
	color: black;
	border-bottom: 6px solid white;
}

.awards {
	display: flex;
	padding: 0 1.5em;
	height: 20px;
}



.footer_container{
	display: block;
	padding: 10px;
	background-color: var(--blue);
	border-bottom: 20px solid white;
	color: white;
	align-content: center;
	align-items: center;
	justify-content: center;
	font-size: .8em;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	
}

.footer_container a {
	color: white;
}



/* End Cell Phone View */

@media screen and (min-width: 980px) {
	

.mobile-nav, .hamburger {
		display: none;
	}
	
.main-nav {
    display: flex;
	justify-content: center;
	align-items: center;
	}
	
.logo img {
	position: absolute;
	top: -35px;
	right: 0px;
	left: 10px;
	float: left;
	z-index: 100;
	padding: 2px 20px;
	transform: translateY(50px);
}


	
.main_container {
  display: block;
  padding: 0px;
  margin-bottom: 5em;
}
	

	
.intro-text {
	padding: 45px 20% 20px;
	align-content: center;
	align-items: center;
	font-size: 1.3em;
	-webkit-text-stroke: .2px #FFF;
	-webkit-text-stroke-width: .8px;
	-webkit-text-fill-color: white;
    
	background-color: rgba(0,0,0,0.30);
	color: black;
	/*border: solid black 2px;
	border-bottom-left-radius: 60px;
	border-top-right-radius: 60px;
	background-color: lightgrey;*/
	}
	
	

	
.awards {
	display: block;
	justify-content: space-between;
	height: 100%;
	padding: 0 6em;
}
	
.footer_container{
	padding: 20px;
	font-size: 1em;
}

}