/*  Eclipse Labs
	Updated 5/10/2020
	For use with Skeleton Framework
*/
/* CSS Imports */
@import url(normalize.css);
@import url(skeleton.css);


/* General Styles */

img {
	max-width: 100%;
} 

body {
	background:#e4e4e4;
}

.floatright {
	float: right;
}
p {
	font-size: 1.2em;
}
h2 {
	border-bottom: 2px solid white;
}
/* Nav Styles */

.nav {
	margin: 5px auto;
	text-align: center;
}	

.nav a{
	text-decoration: none;
	font-size: 1.2em;
	color:black;
	padding: 5px;
	display: inline-block;
}	
.nav a:hover {
	color: maroon;
}
.right-button-home {
	float: right;
	text-decoration: none;
	font-size: 1.5em;
	color:yellow;
	border: 2px solid yellow;
	padding: 5px;
	font-weight: bold;
	margin-top: 5px;
}
a.active {
    color: maroon;
    border-bottom: 2px solid maroon;
    padding-bottom: 0;
}
/* Index Styles */

.index {
	background: #000;
	background-image: url('../images/homebackgroundedit.jpg');
	color: #fff;
}

.index h1 {
	font-size: 5em;
	font-weight: bold;
	margin-top: 10%;
}

.index h2 {
	font-size: 1.75em;
	border-bottom: none;
}

.index .nav a {
	color: white;
}

.index .nav a:hover {
	color: yellow;
}
.index img {
	margin:0 auto;
	display:block;
}
/* Contact Info Styles */
.contactForm {
    width: 250px;
    margin-left: 20%;
	margin-top: 2%;
}
.contactInfo {
    float: right;
	background: lightgrey;
    padding: 25px;
	padding-bottom: 5px;
	border: 1px solid darkgrey;
    border-radius: 7px;
}
.contactInfo {
    display: inline-block;
}
.formFooter {
    display: none !important;
}
/*FAQ Styles */
.answer {
	margin-left: 15px;	
}
/*Footer*/
footer {
	font-size: xx-small;
	background: #c0c0c0;
}
.footerContact,
.footerAddress,
.star {
    display: inline-block;
	padding: 5px 15px;
}
.footerContent {
	margin: 0 auto;
	width: fit-content;
}
.star {
	vertical-align: middle;
}