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;
}

.carousel-cell {
	width: 50%;
}

.carousel-cell img {
	width: 100%;
}

html {
    scroll-behavior: smooth;
}

body {
	background: rgba(233, 207, 161, 1);
}

#container {
	margin: auto;
    width: 100%;
	max-width: 1728px;
}

#topbrowser {
	display: flex;
	background: url(images/navbar.png) center top;
	background-size: 100%;
	height: 40vh;
	margin: auto;
}

#topbrowser a img {
	width: 65%;
	margin-left: 10%;
	margin-top: 3vh;
}

#nav {
	width: 75%;
	display: flex;
	justify-content: space-evenly;
	margin-top: 5%;
}

a {
	color: white;
	text-decoration: none;
	font-size: 50px;
	font-family: "Barlow Condensed", sans-serif;
  	font-weight: 100;
  	font-style: normal;
}

#heroimage img {
	width: 100%;
}

#abouthome {
	height: 150vh;
	background: url(images/about.png) center top;
	background-size: 100%;
	display: flex;
    justify-content: center;
}

#middle {
	width: 46.585%;
	margin-top: 18vw;
	margin-left: 20%;
}

#abouthome h2 {
	
	font-size: 4vw;
	color: white;
	font-family: "Annie Use Your Telescope", cursive;
  	font-weight: 400;
  	font-style: normal;
}

#abouthome p {

	font-size: 2vw;
	font-family: "Barlow Condensed", sans-serif;
  	font-weight: 100;
  	font-style: normal;
}

#sellhome {
	height: 175vh;
	background: url(images/sell.png) center top;
	background-size: 100%;
	display: flex;
	justify-content: center;
}

#middle2 {
	width: 46.585%;
	margin-top: 28vw;
	margin-right: 25%;
}

#sellhome h2 {
	font-size: 4vw;
	color: white;
	font-family: "Annie Use Your Telescope", cursive;
  	font-weight: 400;
  	font-style: normal;
}

#sellhome p {
	font-size: 2vw;
	font-family: "Barlow Condensed", sans-serif;
  	font-weight: 100;
  	font-style: normal;
}

#findhome {
	height: 160vh;
	background: url(images/find.png) center top;
	background-size: 100%;
	display: flex;
	justify-content: center;
}

#middle3 {
	width: 35.359%;
	margin-top: 15vw;
	margin-left: 40%;
}

#findhome h2 {
	font-size: 4vw;
	color: white;
	font-family: "Annie Use Your Telescope", cursive;
  	font-weight: 400;
  	font-style: normal;
}

#findhome p {
	font-size: 2vw;
	font-family: "Barlow Condensed", sans-serif;
  	font-weight: 100;
  	font-style: normal;
}

#sellsection {
	height: 115vh;
	background: url(images/selldivider.png) center top;
	background-size: 100%;
}

#sellsection p {
	color: rgba(233, 207, 161, 1);
}

#aboutsection {
	height: 135vh;
	background: url(images/aboutdivider.png) center top;
	background-size: 100%;
}

#aboutsection p {
	color: rgba(233, 207, 161, 1);
}

#aboutpage {
	height: 185vh;
	background: url(images/bigabout.png) center top;
	background-size: 100%;
	display: flex;
	justify-content: center;
}

#middle4 {
	width: 60%;
	margin-top:38vw;
	margin-right: 10%;
}

#aboutpage p {
	font-size: 2vw;
	font-family: "Barlow Condensed", sans-serif;
  	font-weight: 100;
  	font-style: normal;
}

#contactsection {
	height: 145vh;
	background: url(images/contactdivider.png) center top;
	background-size: 100%;
}

#contactsection p {
	color: rgba(233, 207, 161, 1);
}

#contactpage {
	height: 185vh;
	background: url(images/bigcontact.png) center top;
	background-size: 100%;
	display: flex;
	justify-content: center;
}

#middle5 {
	width: 49.595%;
	margin-top: 30vw;
	margin-left: 15%;
}

#contactpage p {
	font-size: 2vw;
	font-family: "Barlow Condensed", sans-serif;
  	font-weight: 100;
  	font-style: normal;
}

#footer {
	display: flex;
	height: 50vh;
	background: url(images/footerbar.png) center top;
	background-size: 100%;
	justify-content: center;
}

#footer a img {
	width: 65%;
	margin-top: 40%;
	margin-left: 30%;
}

#footercontent {
	width: 50%;
}

#footer p {
	color: white;
	font-size: 50px;
	font-family: "Barlow Condensed", sans-serif;
  	font-weight: 100;
  	font-style: normal;
}

#number {
	margin-top: 30%;
}

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

	#topbrowser {
		height: 40vh;
	}

	#abouthome {
		height: 110vh;
	}

	#sellhome {
		height: 130vh;
	}

	#findhome {
		height: 118vh;
	}

	#sellsection {
		height: 90vh;
	}

	#aboutsection {
		height: 100vh;
	}

	#aboutpage {
		height: 135vh;
	}

	#contactsection {
		height: 110vh;
	}

	#contactpage {
		height: 138vh;
	}

	#footer a img {
		margin-top: 50%;
	}
}

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

	#topbrowser {
		height: 40vh;
	}

	#abouthome {
		height: 145vh;
	}

	#sellhome {
		height: 170vh;
	}

	#findhome {
		height: 160vh;
	}

	#sellsection {
		height: 115vh;
	}

	#aboutsection {
		height: 130vh;
	}

	#aboutpage {
		height: 180vh;
	}

	#contactsection {
		height: 140vh;
	}

	#contactpage {
		height: 180vh;
	}

	#footer {
		height: 60vh;
	}

	#footer a img {
		margin-top: 35%;
	}

	#number {
		margin-top: 35%;
	}

}

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

	#topbrowser {
		height: 35vh;
	}

	#abouthome {
		height: 125vh;
	}

	#sellhome {
		height: 145vh;
	}

	#findhome {
		height: 130vh;
	}

	#sellsection {
		height: 95vh;
	}

	#aboutsection {
		height: 110vh;
	}

	#aboutpage {
		height: 150vh;
	}

	#contactsection {
		height: 120vh;
	}

	#contactpage {
		height: 155vh;
	}

	#footer {
		height: 50vh;
	}

	#footer a img {
		margin-top: 20%;
	}

	#number {
		margin-top: 28%;
	}

}

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

	#topbrowser {
		height: 30vh;
	}

	#middle {
		margin-top: 30vw;
	}

	#abouthome {
		height: 110vh;
	}

	#middle2 {
		margin-top: 40vw;
	}

	#sellhome {
		height: 125vh;
	}

	#middle3 {
		margin-top: 25vw;
	}

	#findhome {
		height: 120vh;
	}

	#sellsection {
		height: 85vh;
	}

	#aboutsection {
		height: 100vh;
	}

	#middle4 {
		margin-top: 40vw;
	}

	#aboutpage {
		height: 135vh;
	}

	#contactsection {
		height: 110vh;
	}

	#middle5 {
		margin-top: 30vw;
	}

	#contactpage {
		height: 135vh;
	}

	#footer {
		height: 40vh;
	}

	#footer a img {
		margin-top: 18%;
	}

	#number {
		margin-top: 28%;
	}

}

@media screen and (max-width: 800px) {
	#topbrowser {
		height: 25vh;
	}

	a {
		font-size: 25px;
	}

	#middle {
		margin-top: 30vw;
	}

	#abouthome {
		height: 95vh;
	}

	#middle2 {
		margin-top: 40vw;
	}

	#sellhome {
		height: 115vh;
	}

	#middle3 {
		margin-top: 25vw;
	}

	#findhome {
		height: 100vh;
	}

	#sellsection {
		height: 75vh;
	}

	#aboutsection {
		height: 90vh;
	}

	#middle4 {
		margin-top: 40vw;
	}

	#aboutpage {
		height: 110vh;
	}

	#contactsection {
		height: 90vh;
	}

	#middle5 {
		margin-top: 30vw;
	}

	#contactpage {
		height: 115vh;
	}

	#footer {
		height: 40vh;
	}

	#footer a img {
		margin-top: 25%;
		width: 45%;
		margin-left: 40%;
	}

	#footer p {
		font-size: 25px;
	}

	#number {
		margin-top: 40%;
	}
}

@media screen and (max-width: 600px) {
	
	#topbrowser {
		height: 20vh;
	}

	#topbrowser a img {
		width: 50%;
		margin-top: 1vh;
	}

	a {
		font-size: 20px;
	}

	#middle {
		margin-top: 30vw;
	}

	#abouthome {
		height: 80vh;
	}

	#middle2 {
		margin-top: 40vw;
	}

	#sellhome {
		height: 85vh;
	}

	#middle3 {
		margin-top: 25vw;
	}

	#findhome {
		height: 80vh;
	}

	#sellsection {
		height: 65vh;
	}

	#aboutsection {
		height: 70vh;
	}

	#middle4 {
		margin-top: 40vw;
	}

	#aboutpage {
		height: 95vh;
	}

	#contactsection {
		height: 70vh;
	}

	#middle5 {
		margin-top: 30vw;
	}

	#contactpage {
		height: 90vh;
	}

	#footer {
		height: 30vh;
	}

	#footer a img {
		margin-top: 20%;
		width: 40%;
		margin-left: 40%;
	}

	#footer p {
		font-size: 25px;
	}

	#number {
		margin-top: 50%;
	}

}

@media screen and (max-width: 500px) {
	
	#topbrowser {
		height: 15vh;
	}

	#topbrowser a img {
		width: 50%;
		margin-top: 1vh;
	}

	a {
		font-size: 20px;
	}

	#middle {
		margin-top: 30vw;
	}

	#abouthome {
		height: 60vh;
	}

	#middle2 {
		margin-top: 40vw;
	}

	#sellhome {
		height: 70vh;
	}

	#middle3 {
		margin-top: 25vw;
	}

	#findhome {
		height: 65vh;
	}

	#sellsection {
		height: 55vh;
	}

	#aboutsection {
		height: 60vh;
	}

	#middle4 {
		margin-top: 40vw;
	}

	#aboutpage {
		height: 75vh;
	}

	#contactsection {
		height: 60vh;
	}

	#middle5 {
		margin-top: 30vw;
	}

	#contactpage {
		height: 75vh;
	}

	#footer {
		height: 25vh;
	}

	#footer a img {
		margin-top: 20%;
		width: 40%;
		margin-left: 40%;
	}

	#footer p {
		font-size: 20px;
	}

	#number {
		margin-top: 50%;
	}

}

@media screen and (max-width: 400px) {
	
	#topbrowser {
		height: 12vh;
	}

	#topbrowser a img {
		width: 50%;
		margin-top: 1vh;
	}

	a {
		font-size: 15px;
	}

	#middle {
		margin-top: 30vw;
	}

	#abouthome {
		height: 50vh;
	}

	#middle2 {
		margin-top: 40vw;
	}

	#sellhome {
		height: 55vh;
	}

	#middle3 {
		margin-top: 25vw;
	}

	#findhome {
		height: 55vh;
	}

	#sellsection {
		height: 45vh;
	}

	#aboutsection {
		height: 45vh;
	}

	#middle4 {
		margin-top: 40vw;
	}

	#aboutpage {
		height: 65vh;
	}

	#contactsection {
		height: 45vh;
	}

	#middle5 {
		margin-top: 30vw;
	}

	#contactpage {
		height: 60vh;
	}

	#footer {
		height: 20vh;
	}

	#footer a img {
		margin-top: 17%;
		width: 40%;
		margin-left: 40%;
	}

	#footer p {
		font-size: 15px;
	}

	#number {
		margin-top: 60%;
	}

}