body {
	margin: 0;
	color: #333333;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 18px;
}

/* without this images in website have 10px added underneath because they are considered an inline element */
img {
	display: block;
}

h3 {
	font-size: 26px;
	font-weight: normal;
}

hr {
	display: block;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 40px;
	border-width: 2px;
	border-color: #bcbcbc;
	max-width: 1300px;
}


a {
	color: #FF9100;
	text-decoration: none;
}
a:hover {
	color: #333;
	text-decoration: none;
}


/* SLIDE UP ELEMENT - UP WHEN SCROLLING DOWN PAGE - BIG PICS BOTTOM OF PAGE - but expect to add as global animation to other pages */
/* If this is used, must add the JS also */
.slideanim {visibility:hidden;}
.slide {
    /* The name of the animation */
    animation-name: slide;
    -webkit-animation-name: slide; 
    /* The duration of the animation */
    animation-duration: .5s; 
    -webkit-animation-duration: .5s;
    /* Make the element visible */
    visibility: visible; 
}
/* SLIDE UP ELEMENT - Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}


/* -------------- FOOTER STUFF-------------------*/
footer {
	width: 100%;
	height: 440px;
	background-color: #E6E6E6;
	text-align: center;
	padding-top: 80px;
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 50px;
	position: relative;
	z-index: 6000;
}


/* FOOTER FACEBOOK ICON*/
.fa {
  padding: 7px;
  font-size: 15px;
  width: 16px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #333;
  color: white;
}


footer {
	font-size: 19px;
}
footer a {
	font-size: 14px;
	text-decoration: none;
	color: #333333;
}
footer a:hover {
	color: #999999;
	text-decoration: none;
}
.legal {
	font-size: 13px;
	color: #999999;
}
.legal a {
	font-size: 13px;
	color: #999999;
}

@media (max-width: 500px) {
.footer-links {
	display: none;
}
}