.btn-primary {
	border: 2px solid #9b322b;
  	background-color: #9b322b;
  	color: white;
  	padding: 5px 20px;
  	font-size: 1.25em;
	font-weight: 600;
}

.btn-primary:hover {
	border: 2px solid #15377d;
  	background-color: #15377d;
  	color: white;
  	padding: 5px 20px;
  	font-size: 1.25em;
	font-weight: 600;
}


/* Header */

.page-title {
  display: inline-flex;     /* key change */
  align-items: center;
  justify-content: center;
  gap: 0.4em;
  color: #8B2C2C;
}

/* center the whole block */
.page-title-wrapper {
  text-align: center;
}

.page-title .title-icon {
  width: 1.6em;
  height: 1.6em;
  flex: 0 0 auto;
  object-fit: contain;
}

header {
    padding-bottom: 10px;
	align-content: center;
}

.center {
  text-align: center;
}

header img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
	padding-bottom: 2%;
}

.flex-rectangle {
    width: 100%;
    height: 38px;
    background: #9b322b;	
}
.flex-rectangle:before{
    content: "";
    display: block;
    padding-top: 0;
}

.header{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  background: #eee;
  padding: 10px;
}

.header h1{
  color: #8B2C2C;
  font-weight: bold;
  margin: 0;
}


/* Home Page Elements */


.btn-start, .btn-start:active, .btn-start:focus, .btn-start:visited { 
	border: 2px solid #9b322b;
  	background-color: #9b322b;
  	color: white;
	padding: 5px 20px;
  	margin: 0px 0px 30px 5px;
  	font-size: 2em;
	font-weight: bold;
}



.btn-start:hover {
	color: white; 
	border: 2px solid #807979;
  	background-color: #15377d;
}


h1 {
	color: #9b322b;
	font: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 2em;
	margin-left: 5px;
}

h2 {
	color: #9b322b;
	font: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 1.5em;
	padding: 2% 6% 5% 8%; 
	
}

.info-block {
  max-width: 800px;
  margin: 20px 0;        /* remove auto centering */
  text-align: left;
}

.info-title {
  display: flex;
  align-items: center;
  gap: 0.3em;           /* tighter spacing */
  color: #8B2C2C;
  font-size: 1.5rem;
  margin: 0 0 8px 0;    /* remove default top margin */
  padding: 0;
}

.info-icon {
  width: 1.1em;
  height: 1.1em;
  flex: 0 0 auto;
}

/* tighten spacing between sections */
.info-block p {
  margin: 0 0 12px 0;
}

.check-list {
  list-style: none;       /* remove default bullets */
  padding-left: 1.2em;    /* creates that indent you see */
  margin: 0;
}

.check-list li {
  position: relative;
  margin-bottom: 8px;
  line-height: 1.5;
}

.check-list li::before {
  content: "✔";           /* built-in checkmark */
  position: absolute;
  left: -1.2em;
  color: black;
  font-weight: bold;
}

.number-list {
  padding-left: 1.2em;
  margin: 0 0 16px 0;
}

.number-list li {
  margin-bottom: 8px;
  line-height: 1.5;
}

/* Footer Styles */

.footer-basic {
	background-color: #808080;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	
    padding: 45px;
	margin-top: 80px;
	margin-bottom: 0px;
}


.footer-basic p {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color:  #ffffff;
	margin: 0;
}

.footer-basic p a {
	color:  #ffffff;
    text-decoration: underline;
    font-weight: bold;
	margin: 0;
}

.footer-basic p a:hover {
	color:  #9b322b;
	margin: 0;
	font-weight: bold;
	text-decoration: underline;
}


/* Padding Between Columns */

.classWithPad {
	margin: 10px;
	padding: 50px;
}



/* Main Content */

p {
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    font-size: 1.1em;
    padding: 0 7px 0 5px;
}


li {
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-size: 1.1em;
    padding: 0 7px 0 7px;
}

li a, a:visited, a:active:active {
	color: #144585;
    font-weight: bold;
	text-decoration: underline;	
}

p a, a:visited, a:active {
	color: #144585;
    font-weight: bold;
	text-decoration: underline;
}

p a:hover {
	color: #808080;
	text-decoration: underline;
	font-weight: bold;
}




/* Small devices (tablets, 768px and up) */
@media (min-width: 320px) 
{ 
    div[class^="col"]{padding-left:0px; padding-right:0px;}
}