body {
	font-family: Lato, Arial, sans-serif;
	background-color: white;
	margin: auto;
	max-width: 1920px;
}

/* Header */
.header {
	background: white;
}

.header a {
	display: inline-block;
}

.header img {
	display: block;
	position: relative;
	width: 380px;
	height: auto;
	padding: 10px 20px;
}

@media (max-width: 600px) {
    .header img {
		width: 300px;
	}
}

/* Footer */
.footer {
    background: rgba(24,28,98,.9);
    width: 100%;
    height: 90px;
    color: white;
    display: flex; 
    align-items: center; 
    justify-content: space-between;
    padding: 0 20px;
    box-sizing: border-box;
	margin-top: 50px;
}

.footer p {
	margin-top: revert;
}

.footer p.right a {
    color: white; 
    text-decoration: none; 
}

.footer p.right a:hover {
    text-decoration: underline; 
}

@media (max-width: 600px) {
    .footer {
        flex-direction: column;
        justify-content: center; 
        align-items: center;
        padding: 15px 10px;
        text-align: center; 
        gap: 10px;
    }

    .footer p {
        margin: 5px 0;
    }
}

/* Breadcrumbs */
.breadcrumbs ol {
  	list-style: none;
  	padding: 0;
  	margin: 0;
  	display: flex;
	align-items: center;
  	font-family: sans-serif; 
	padding: 0 20px;
	background-color: #f5f5f5;
	height: 50px;
	flex-wrap: wrap;
}

.breadcrumbs li {
  padding-right: 8px; 
  color: #555;
}

.breadcrumbs li + li::before {
  content: '/'; 
  margin-right: 8px; 
}

.breadcrumbs li a {
	color: #555;
	text-decoration: none;
}

.breadcrumbs li a:hover {
	text-decoration: underline;
}

/* Others */
.page_content {
	padding-left: 20px;
	padding-right: 20px;
}

.WordSection1 a, td a[href]:not([href^="#"]) {
	color: #d5133f;
}