@charset "utf-8";
/* CSS Document */

html {
  scroll-behavior: smooth;
}

body {
	width: 100%;
	margin-left: 0vw;
	margin-top: 0px;
	left: 50%;
}

@media screen and (min-width: 1000px) {
	#mobile { display: none }
}

@media screen and (max-width: 1000px) {
	#desktop { display: none }
}

.ribbon {
	background-color: #991d20;
	font-family: roboto;
	padding: 0.5% 5% .5% 65%;
	font-size: 16px;

	color: white;
	
}

.links a {
	text-decoration: none;
	color: white;
}

.links {
	color: white;
	float: right;
	font-family: 'roboto';
}

.top {
	clear: both;
	padding: 2% 10%;
	background-color: black;
	font-size: 17px;
}

.mid {
	background-image: url(bg1.jpg);
	font-family: 'oswald';
	font-weight: 300;
	color: white;
	padding:  5% 25%;
}

.mid p {
	font-size: 22px;
}

.mid h1 {
	font-size: 42px;
}

.mid2 {
	font-size: 12px;
}

.mid a {
	text-decoration: none;
	color: white;
}

.mid a:hover {
	transform: scale(1.2);
	animation-duration: .5s;
	color: #991d20;
}

#next {
	padding: 5% 15%;
	font-family: 'roboto';
}

.left {
	display: inline-block;
	float: right;
	padding: 0px 5%;
}

#next h1 {
	font-family: 'oswald';
	color: #991d20;
}

#contact {
	color: white;
	background-color: black;
	padding: 3% 5%;
	display: inline-block;
	width: 90%;
}

#contact h1 {
	font-family: 'oswald';
	font-size: 30px;
	font-weight: 200;
}

#contact p {
	padding: 0px 50% 0px 0px;
	font-family: 'roboto';
}

#contact hr {
	margin-top: -10px;
	padding: 3px;
	background-color: #991d20;
	border: none;
	clear: both;
	width: 50%;
	padding-right: 50%;
}
.form {
	font-size: 18px;
	box-shadow: 0px 10px 5px black;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 10%;
	padding-right: 10%;
	color: white;
}

.form textarea {
	width: 85%;
}

.map {
	float: right;
	margin-top: -5%;
}

.footer {
	clear: both;
	padding: 3% 10%;
	font-family: 'roboto';
	font-size: 20px;
}

.topnav {
	background-color: #991d20;
	padding: 4% 0;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
	text-decoration: none;
	font-family: 'roboto';
}

.topnav #myLinks {
  display: none;
}

.icons {
	padding: 0px 10%;
}

.iconsm {
	padding: 0px 10%;
	border-left: thin solid white;
	border-right: thin solid white;
	
}

.mobtop {
	padding: 10%;
	background-color: black;
}

.midm {
	background-image: url(bg1m.jpg);
	font-family: 'oswald';
	font-weight: 300;
	color: white;
	padding:  5% 10%;
}

.midm p {
	font-size: 22px;
}

.midm h1 {
	font-size: 42px;
}

.mid2m {
	font-size: 12px;
}

.midm a {
	text-decoration: none;
	color: white;
}

.midm a:hover {
	transform: scale(1.2);
	animation-duration: .5s;
	color: #991d20;
}

#nextm {
	padding: 5% 7%;
	font-family: 'roboto';
}

#nextm h1 {
	font-family: 'oswald';
	color: #991d20;
}

.formm {
	font-size: 18px;
	box-shadow: 0px 10px 5px black;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 10%;
	padding-right: 10%;
	color: white;
}

.formm textarea {
	width: 85%;
}

#contactm {
	color: white;
	background-color: black;
	padding: 5% 10%;
	display: inline-block;
	
}

#contactm h1 {
	font-family: 'oswald';
	font-size: 30px;
	font-weight: 200;
}

#contactm p {

	font-family: 'roboto';
}

#contactm hr {
	margin-top: -10px;
	padding: 3px;
	background-color: #991d20;
	border: none;
	clear: both;
	width: 50%;
	padding-right: 50%;
}