html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*Content*/

p {
	font-family: mr-eaves-modern, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 30px;
	line-height: 33px;
	color: #97999c;
}

b {
	font-family: mr-eaves-modern, sans-serif;
	font-weight: 700;
	font-style: normal;
}

li{
	font-family: mr-eaves-modern, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 30px;
	line-height: 33px;
	color: #97999c;
}

h2{
	font-family: mr-eaves-modern, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 25px;
	line-height: 31px;
	color: #f58220;
	margin-bottom: 20px;
}

h3{
	font-family: mr-eaves-modern, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 50px;
	color: #fff;
	margin-bottom: 20px;
}

ol, ul {
	list-style: circle;
	padding-left: 25px;
}

span{
	font-family: mr-eaves-modern, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 33px;
	color: #97999c;
}

button{
	cursor:pointer;
	transition: background-color 0.15s ease;
}

.slides {display: none
}

.orange{
	color: #f58220;
}


.hero{
	display: flex;
	background-attachment: fixed;
	background-image: url("../images/hero.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center ;
	height: 574px;
	padding: 0 30px 0 30px;
}

.orangebar{
	position: inherit;
	background-color: rgba(245,130,32,.8);
	max-height: 180px;
	width: 900px;
	align-self: flex-end;
	margin: 0 auto;
}

.orangebar2{
	background-color: rgba(245,130,32,.8);
	height: 50px;
	width: 100%
	margin: 0 auto;
}

.daltonlogo{
	transition: max-width 0.15s ease;
	float: left;
	margin: 30px 0 0 30px;
	max-width: 280px;
}

.sidebarlogo{
	display: inline-block;
	float: right;
	margin: -75px 30px 30px 30px;
	max-width: 496px;
}

.container{
	display: flex;
	justify-content: center;
	align-content: space-between;
	flex-wrap: wrap;
	padding:80px;
	max-width: 820px;
	margin: 0 auto;
}

.opening{
	width: 100%;
}

.features{
	margin-top: 60px;
	width: 46%;
}

.pricing{
	margin-top: 60px;
	width: 46%;
	margin-left: 5%;
}

.gallery{
	display: flex;
  	flex-direction: row;
  	flex-wrap: nowrap;
  	align-content: center;
  	height: 500px;
  	margin: 60px auto auto auto;
}
.slides{
	max-height: 100%;
	overflow: hidden;
	align-self: center;
	max-width: 100%;
}

.slides img{
	width: 100%;
}

.arrowLeft{
	transition: background-image 0.15s ease;
	cursor:pointer;
	background-image: url("../images/arrow.svg");
	background-size: cover;
	width: 46px;
	height: 81px;
	margin: auto -80px auto auto;
	z-index: 1;
}
.arrowRight{
	transition: background-image 0.15s ease;
	cursor:pointer;
	background-image: url("../images/arrow.svg");
	background-size: cover;
	width: 46px;
	height: 81px;
	-webkit-transform: scaleX(-1);
  	transform: scaleX(-1);
  	margin: auto auto auto -80px;
	z-index: 1;
}

.arrowLeft:hover{
	background-image: url("../images/arrowover.svg");
}
.arrowRight:hover{
	background-image: url("../images/arrowover.svg");
}

.vendors{
	margin-top: 60px;
	width: 100%;
}

.flexcontainer{
	display: flex;
	justify-content: center;
	align-content: space-between;
	flex-wrap: wrap;
}

.vendor{
	margin-top: 60px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	max-width: 25%;
	text-align: center;

}

.logocontainer{
	height: 87px;
	display: flex;
	align-items: center;
	justify-content: center;

}

.vendor button{
	padding: 8px 0;
	width: 100px;
	font-family: mr-eaves-modern, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	color: #97999c;
	background-color: rgba(0, 0, 0, 0);
	border: 2px solid #97999c;
}

.cta button:hover{
	background-color: #97999c;
	color: #fff;
}

.logocontainer img{
	width: 100%
}

.vendor p{
	font-family: mr-eaves-modern, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 17px;
	margin-top: 15px;


}

.cta{
	height:100px;
	margin-top: 20px;
}
.bookevent{
	display: flex;
	background-image: url("../images/bg-getstarted.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 320px;
	text-align: center;
}

.bookevent button{
	padding: 10px 40px;
	font-family: mr-eaves-modern, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0);
	border: 2px solid #fff;
}

.bookevent button:hover{
	background-color: #fff;
	color: #f58220;
}

.bookevent p{
	position: inherit;
	color: #fff;
	font-size: 20px;
	margin-top: 15px;
}

.centermiddle{
	margin:auto;
}


@media only screen and (max-width: 940px) {
	.daltonlogo{
	max-width: 180px;
	}

}


@media only screen and (max-width: 840px) {
	p {
	font-size: 25px;
	line-height: 28px;
	}

	li {
	font-size: 25px;
	line-height: 28px;
	}

	.daltonlogo{
	display: none;
	}

	.hero{
	background-attachment: scroll;
	height: 400px;
	}
	.container{
		padding: 30px;
	}
	.features{
	margin-top: 30px;
	width: 100%;
	}
	.features ul{
		margin-top:-10px;
	}
	.pricing{
	margin-top: 30px;
	margin-left: 0;
	width: 100%;
	}
	.pricing p{
		margin-top: -10px;
		margin-bottom: 20px;
	}
	ol, ul {
	list-style: circle;
	padding-left: 15px;
	}

	.gallery{
	display: flex;
  	flex-direction: row;
  	flex-wrap: nowrap;
  	align-content: center;
  	height: auto;
  	margin: 10px -30px auto -30px;
	}

	.vendors p{
		margin-top: -10px;
	}
}

@media only screen and (max-width: 550px) {
	
	.vendors{
	margin-top: 20px;
	}

	.vendor{
	margin-top: 30px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	max-width: 50%;
	text-align: center;

	}
	.sidebarlogo{
	margin: -65px 30px 30px 30px;
	max-width: 496px;
	}
	.orangebar{
		height: 120px;
	}

}



/* ANIMATION */

.fade {
	-webkit-animation: fade .3s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fade .3s; /* Firefox < 16 */
    -ms-animation: fade .3s; /* Internet Explorer */
	-o-animation: fade .3s; /* Opera < 12.1 */
    animation: fade .3s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-timing-function: linear;
}

@keyframes fade { from { opacity: 0; } to   { opacity: 1; } }
@-moz-keyframes fade { from { opacity: 0; } to   { opacity: 1; } }
@-webkit-keyframes fade { from { opacity: 0; } to   { opacity: 1; } }
@-ms-keyframes fade { from { opacity: 0; } to   { opacity: 1; } }
@-o-keyframes fade { from { opacity: 0; } to   { opacity: 1; } }