@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Shadows+Into+Light&display=swap');

p {
	color:#383820;
	font-family: Plus Jakarta Sans;
	font-weight: 600;
}

h1 {
	color:#B80014;
	font-family: Shadows Into Light;
	font-size: 68px;
	margin: 10px 0;
}

h2 {
	color: #B80014;
	font-family: Plus Jakarta Sans;
}

h5 {
	color:#007BB8;
	font-family: Plus Jakarta Sans;
}

a {
	color: black;
}

a:visited {
	color:#007BB8;
}

a:hover {
	color:#B80014;
}

ul {
	font-family: Plus Jakarta Sans;
	color: green;
}

table {
	border-collapse:collapse ;
	max-width: 500px;
	width:100%;
	font-family: Plus Jakarta Sans;
	margin: 20px 0;
}

th, td{
	border: 2px solid Black;
	padding: 6px;
}

th {
	text-align: left;
	color: #B80014;
	background: Black;
}

td {
	color: #214D63;
}

td:hover{
background: #B80014;
color:#B8B79C;
}

body {
	background: #214963;
}

img {
	border: 2px solid #383715;
}

strong {
	color: #B80014;
}

.respond {
	width: 100%;
	max-width: 450px;
}

.floaty {
	float: left;
	margin-right: 50px;
	margin-bottom: 20px;
}

 
#header {
	background:#B8B79C;
	position: relative;
	max-width: 900px;
	width: 80%;
	margin: auto;
	padding: 10px;
	margin-bottom: 15px;
}

#header img{
	width:100%;
}

#nav {
	background:#B8B79C;
	position: relative;
	max-width: 900px;
	width: 80%;
	margin: auto;
	padding: 10px;
	margin-bottom: 15px;
}

#titles {
	background:#B8B79C;
	position: relative;
	max-width: 900px;
	width: 80%;
	margin: auto;
	padding: 10px;
	margin-bottom: 15px;
	text-align: center;
}

#section {
	background:#B8B79C;
	position: relative;
	max-width: 900px;
	width: 80%;
	margin: auto;
	padding: 10px;
	margin-bottom: 15px;

}

#footer {
	background:#B8B79C;
	position: relative;
	max-width: 900px;
	width: 80%;
	margin: auto;
	padding: 10px;
	margin-bottom: 15px;
	text-align: center;

}

#nav li {
	display:inline;
	padding-right: 15px;
}

#nav ul {
	text-align: center;

}

.right {
	width: 100%;
	max-width: 400px;
	box-sizing: border-box;
}

.sidebar {
float: right;
width: 30%;
height: auto;
margin-left: auto;
margin-right: auto;
}

.sidebar-bottom {
display: none;
}

@media screen and (max-width: 600px) {


.sidebar {
display: none;
}

.sidebar-bottom {
display: block;
position: relative;
width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}

}