/* CSS Document */

body{
	background: #00467f;
}

.course-container {
	font-size: 200%;
	padding: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.course-description {
		color: #56a0d3;
	padding: 0px;
	padding-bottom: 40px;
}

.course-steps {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.course-note {
	font-size: 99%;
	padding-top: 15px;
}

.step {
    flex: 1;
    min-width: 200px; /* Adjust width as needed */
    text-align: center;
	border: dashed;
	border-color: white;
}

.step p {
	color: white;
	margin: 0px;
	padding: 0px;
}

h4 {
		color: #56a0d3;
}
h3 {
	color: white;
	margin: 0px;
	padding: 10px;
}

h2 {
	margin: 0px;
	padding: 0px;
}
.note {
	font-style: italic;
}


h2{
	color: #56a0d3;
}
h1{
	color: white;
	margin: 0px;
}

* {
  box-sizing: border-box;
}

.checkback {
	font-size: 400%;
	color: white;
}

.logo-container {
	display: block;
	height: auto;
	width: 33.33%;
	padding: 5px;
	margin: auto;
}

.logo-container img{
	height: 100%;
	width: 100%;
	object-fit: scale-down;
}

.logo-top {
	display: block;
	height: auto;
	width: 33.33%;
	padding: 5px;
	margin: auto;
	margin-top: 0px;
}

.logo-top img{
	height: 100%;
	width: 100%;
	object-fit: scale-down;
}


.welcome-container {
	display: block;
	height: auto;
	width: 66.67%;
	padding: 5px;
	margin: auto;
}

.news{
	display: block;
	padding: 0%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0%;
	margin-bottom: 0%;
	padding-bottom: 3vh;
	max-width: 1300px;
	width: 100%;
	height: auto;
	background-image: url("images/NewsBackgroundTile.png");
}
.news h1{
	margin: auto;
	padding: 0%;
	width: 92%;
	color: black;
	font-size: clamp(2.3rem,4vw, 6.7ch);
	text-align: center;
}
.news h2{
	margin: auto;
	width: 92%;
	padding: 0%;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: black;
	text-align: center;
	font-size: clamp(2.3rem,4vw, 6.8ch);
}

.blink {
  animation: blinker 0.5s step-start infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.news p{
	margin: 1rem;
	padding: 0%;
	margin-right: 4%;
	margin-left: 4%;
	width: 92%;
	color: black;
	font-size: clamp(1.5rem,1.25vw,4rem);
	text-align: justify;
}
.news img{
	height: 100%;
	width: 100%;
	object-fit: scale-down;
	object-position: center;
	margin: 0%;
	padding: 0%;
}
.news a {
	color: black;
}

.clearfix{
	display: flex;
	flex-direction: row;	
	flex-wrap: wrap;
	align-items: flex-start;
	max-width: 1300px;
	margin: auto;
}

.classbox{
	display: block;
	width: max(50%, 400px);
	height: auto;
	padding: 5px;
	margin: auto;
}

.classbox img{
	height: 200px;
	width: 480px;
	object-fit: contain;
	object-position: center;
	margin: auto;
	padding: 3%;
}