* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: Arial, sans-serif;
      line-height: 1.6;
    }

    header {
      background-color: #112369;
      text-align: center;
      padding: 20px 0;
		max-width: 1200px;
		margin: auto;
    }
h1 { 
	font-family: 'Niveau Grotesk Bold', sans-serif;
	text-transform: capitalize;
	text-align: left!important;
	color: #1b459c;
}

    header img {
      max-width: 150px;
      height: auto;
    }
a {
	text-decoration: underline;
	color:#fff;
}
footer {
      background-color: #112369; 
      color: #fff; 
      text-align: center;
      padding: 20px 0;
	  margin-top: 50px;
	  max-width:  1200px;
	margin: auto
    }

    footer img {
      max-width: 90%; 
      margin-bottom: 10px;
	  margin-top: 30px;
    }

    .social-icons {
      margin-bottom: 50px;
    }

    .social-icons a {
      color: #fff; 
      margin: 0 10px;
      font-size: 20px;
    }
.section-img {
	padding-right: 0px!important;
	display: flex;
    align-items: flex-end;
}

    .text-links a {
      display: block; 
      margin: 10px 0; 
      color: #fff; 
      text-decoration: none;
      font-size: 16px;
    }
.title-pad {
	vertical-align: middle!important;
	text-transform: uppercase; 
}
.title-pad2 {
	vertical-align: middle!important;
	text-transform: uppercase;
	padding-top: 50px;
	
}
.title-pad2 h1{
	color:#fff;
}

    .hero {
      height: 20vh;
      background: url('../images/2025/01/Header-jan.jpg') top left/contain no-repeat;
		max-width: 1200px;
		margin:auto;
		
    }

    .hero2 {
      height: 20vh;
      background: url('../images/2025/01/hero2.png') bottom left/cover no-repeat;
		margin-top:-80px;
			z-index: 3;
		background-size: 100%;
    }

    .section {
      display: flex;
      flex-direction: column;
      padding: 40px;
      color: white;
    }

    .section {
      background: linear-gradient(to bottom, #d51f35, #d51f35);
		max-width: 1200px;
		margin: auto;
    }
.section2 {
      display: flex;
      flex-direction: column;
      padding: 40px;
      color: white;
	max-width: 1200px;
		margin:auto;
    }
.section2 {
      background: linear-gradient(to bottom, #003a9e, #001a46);
    }

.gray {
	background-color: #464646;
	max-width: 1200px;
	margin: auto;
	padding: 40px;
}
.gray-ann {
	background: url('../images/2025/01/announce.jpg') bottom left/cover ;
	max-width: 1200px;
	margin: auto;
	padding: 40px;
}

.section-gray {
      display: flex;
      flex-wrap: wrap;
      max-width: 1200px;
      width: 100%;
	margin: auto;
	background: url('../images/2025/01/gray-bg2.jpg') bottom left/cover no-repeat;
	 
    }

   
    
    .top-div {
      position: relative;
      background: url('../images/2025/01/mk.jpg') center center/cover no-repeat;
      height: 300px;
      display: flex;
      align-items: center;
      width: 100vw;
		text-align: left;
      
    
    }
.max-width {
	max-width: 1200px;
	margin: 0 auto;
}
.top-div h1{
	font-family: 'Niveau Grotesk Bold', sans-serif;
	text-transform: capitalize;
	text-align: left!important;
	color: #1b459c;
}

.top-div-container h1 {
	text-align: left!important;
}


    .section .top-div h1 {
      color: white;
      font-size: 24px;
      margin: 0;
	  text-transform: capitalize;
	  font-family: 'Niveau Grotesk Bold', sans-serif;
    }

    .section .copy {
      margin-top: 20px;
      font-size: 18px;
      max-width: 1200px;
	  margin-right: auto;
		margin-left: auto;
    }

.section2 .top-div h1 {
      color: white;
      font-size: 24px;
      margin: 0;
	  text-transform: capitalize;
	  font-family: 'Niveau Grotesk Bold', sans-serif;
    }

    .section2 .copy {
      margin-top: 20px;
      font-size: 18px;
      max-width: 1200px;
	  margin-right: auto;
		margin-left: auto;
    }
.section-gray .copy {
      margin-top: 20px;
      font-size: 18px;
      max-width: 1200px;
	  margin-right: auto;
		margin-left: auto;
    }

.container {
      display: flex;
      flex-wrap: wrap;
      max-width: 1200px;
      width: 100%;
      
      border-radius: 0px;
      overflow: hidden;
    }
.container-gray {

      background-color: #464646;
    }

    .column {
      flex: 1;
      padding: 0px;
      min-width: 300px;
      color: white;
    }

    .column:nth-child(1) {
      
    }

    .column:nth-child(2) {
      
    }
.col1  {
		flex: 1;
      padding: 20px;
      min-width: 500px;
      
      text-align: left;
	}
.col1 p {
	color:#fff;
}

.col2{
	display: inline-block;
}
.left{
	float:left;
}
.right{
	float:right;
}
.centered-div {
      padding: 20px;
      border: 2px solid white;
      background: none;
	margin-top: 0px;
    }
table {
      
      border-collapse: collapse;
    }

@media (min-width: 1920px) {
	.top-div h1 {
        font-size: 30px;
		  
		  text-align: left;
		  
      }
		.title-pad {
			font-size: 40px;
			margin-top: 30px;
			text-align: center;
		}
	 .title-pad2 {
			font-size: 40px;
			margin-top: 20px;
			text-align: center;
		}
		.column h1 {
			padding-top: 50px;
		}
	
		
		
		.top-div-container h1 {
			text-align: left;
		}
		
	  .hero {
			background: url('../images/2025/01/hero2.png') bottom left/contain no-repeat;
		  margin-top: 40px;
	}	
		.logo {
			padding-bottom: 40px;
			min-width: 400px;
		}
	.section-gray {
		min-width: 1200px;
		padding:40px;
	}
	.col2 {
		width: 45%;padding-right: 20px;
	}
	.hires{
		padding-left:50px;
	}
	.container {
		padding-right: 0px!important;
	}
	.mk img{visibility: visible; opacity:1; max-width: 100%}
	  .mk2 img{visibility: hidden; height: 0px; width: 0px; opacity:0; display: none;}
	.morgankatie {margin-top: -20px;z-index: 999;}
	.morgankatie2 {z-index: 0;}
	.marg {margin-top: -60px }
    }



  @media (max-width: 1920px) {
      .top-div h1 {
        font-size: 30px;
		  
		  text-align: left;
		  
      }
		.title-pad {
			font-size: 40px;
			margin-top: 30px;
			text-align: center;
		}
	  .title-pad2 {
			font-size: 40px;
			margin-top: 20px;
			text-align: center;
		}
		.column h1 {
			padding-top: 50px;
		}
		
		
		.top-div-container h1 {
			text-align: left;
		}
		
	  .hero {
			background: url('../images/2025/01/hero2.png') bottom left/contain no-repeat;
		  margin-top: 40px;
	}	
		.logo {
			padding-bottom: 40px;
			min-width: 400px;
		}
	  .col2 {
		width: 45%;padding-right: 20px;
	}
	  .hires{
		padding-left:50px;
	}
	  .section-gray {
		  padding:40px;
	  }
	  .container {
		padding-right: 0px!important;
	}
	  .mk img{visibility: visible; opacity:1; max-width: 100%}
	  .mk2 img{visibility: hidden; height: 0px; width: 0px; opacity:0; display: none;}
	  .morgankatie {margin-top: -20px;z-index: 999;}
	  .marg {margin-top: -60px }
	  
    }
@media (max-width: 1280px) {
	
	.title-pad2 {
			font-size: 30px;
			margin-top: 20px;
			text-align: left;
		padding-left: 40px;
		}
	.spotlight {
		padding-left: 40px;
	}
	.container {
		padding-right: 0px!important;
	}
}
    @media (max-width: 1180px) {
      .section {
        padding: 30px;
      }
		.top-div-container {
			max-width: 1200px;margin-right: auto;
		margin-left: auto;
			padding: 30px;
		}
		
		.column h1 {
			padding-top: 50px;
		}
		.column {
			padding: 20px;
			margin-bottom:-20px;
			margin-top: -20px;
		}

      .top-div h2 {
        font-size: 20px;
      }
		.title-pad {
			font-size: 30px;
			margin-top: 40px;
			text-align: left;
		}
		.title-pad2 {
			font-size: 30px;
			margin-top: 40px;
			text-align: left;
		}
		.ann {margin-bottom: 0px;}

      
		.hero {
			background: url('../images/2025/01/hero2.png') top left/cover no-repeat;
	}
		.logo {
			min-width: 400px;
		}
		.col2 {
		width: 45%;
			padding-right: 20px;
	}
		.section-gray {
			padding:0px;
		}
		.gray{padding-left: 0px!important;padding-right: 0px!important; min-height: 100%;}
		.gray-ann{padding-left: 0px!important;padding-right: 0px!important; min-height: 470px;}
		.copy-ll{padding-left:40px; padding-right:40px}
		.marg {margin-top: -40px }
    }

    @media (max-width: 768px) {
      .top-div {
        height: 250px;
      }

      .top-div h2 {
        font-size: 18px;
      }
		.hero {
			background: url('../images/2025/01/hero3m.jpg') bottom left/cover no-repeat;
	}
		.title-pad {
			font-size: 30px;
			margin-top: -20px;
		}
		.title-pad2 {
			font-size: 30px;
			margin-top: -20px;
			padding-left: 20px;
		}
		.column {
			margin-bottom:-20px;
			margin-top: -20px;
			text-align: left;
		}
		.logo {
			min-width: 80%;
		}
		.col2 {
		width: 100%;
			padding-left: 40px;
	}
		.gray-ann {min-height: 1400px!important}
		.spotlight{
			padding-left: 40px;
		}
		.ann {margin-bottom: 300px;}
		.marg {margin-top: -20px }
		
    }
@media (max-width: 614){
	.mk2 img{visibility: visible ; opacity:1; max-width: 100%}
	  .mk img{visibility: hidden; height: 0px!important; width: 0px!important; opacity:0; display: none;}
	
}
    @media (max-width: 480px) {
      .section {
        padding: 20px;
      }

      .top-div {
        height: 200px;
      }

      .top-div h2 {
        font-size: 16px;
      }

      .section .copy {
        font-size: 14px;
      }
		.hero {
			background: url('../images/2025/01/hero3m.jpg') top left/contain no-repeat;
	}
		.logo {
			min-width: 80%;
		}
		.col2 {
		width: 100%;padding-left: 40px;
	}
		.spotlight{
			padding-left: 40px;
		}
		.gray{padding-left: 0px!important;padding-right: 0px!important; min-height: 500px;}
		.gray-ann{padding-left: 0px!important;padding-right: 0px!important; min-height: 1250px!important;}
		.marg {margin-top: -20px }
    }