body {
	width:100%;
	height:100%;
	margin:0px;
}
#background {
	background-image: url("bgexpo2.png");
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	padding-bottom:20%;
}
#sections {
	width: 100%;
}
#s1 {
	padding-bottom: 26%;
	width: 20%;
	background-color: #ca1919;
	display: block;
	text-align: left;
	float: left;
	transition:0.25s;
}
#s1:hover > img {
	filter: invert(100%) sepia(79%) saturate(100%) hue-rotate(86deg) brightness(100%) contrast(119%);
	transition:0.25s;
}
#s2 {
	padding-bottom: 26%;
	width: 20%;
	background-color: #fd9b14;
	display: block;
	text-align: left;
	float: left;
	transition:0.25s;
}
#s2:hover > img {
	filter: invert(100%) sepia(79%) saturate(100%) hue-rotate(86deg) brightness(100%) contrast(119%);
	transition:0.25s;
}
#s3 {
	padding-bottom: 26%;
	width: 20%;
	background-color: #fddc14;
	display: block;
	text-align: left;
	float: left;
	transition:0.25s;
}
#s3:hover > img {
	filter: invert(100%) sepia(79%) saturate(100%) hue-rotate(86deg) brightness(100%) contrast(119%);
	transition:0.25s;
}
#s4 {
	padding-bottom: 26%;
	width: 20%;
	background-color: #2caf28;
	display: block;
	text-align: left;
	float: left;
	transition:0.25s;
}
#s4:hover > img {
	filter: invert(100%) sepia(79%) saturate(100%) hue-rotate(86deg) brightness(100%) contrast(119%);
	transition:0.25s;
}
#s5 {
	padding-bottom: 26%;
	width: 20%;
	background-color: #16a3bf;
	display: block;
	text-align: left;
	float: left;
	transition:0.25s;
}
#s5:hover > img {
	filter: invert(100%) sepia(79%) saturate(100%) hue-rotate(86deg) brightness(100%) contrast(119%);
	transition:0.25s;
}
#s1 img {
    margin-left: auto;
    display: block;
    margin-right: auto;
    margin-top: 116%;
	width: 21%;
	transition:0.25s;
}
#s2 img {
    margin-left: auto;
    display: block;
    margin-right: auto;
    margin-top: 116%;
	width: 21%;
	transition:0.25s;
}
#s3 img {
    margin-left: auto;
    display: block;
    margin-right: auto;
    margin-top: 116%;
	width: 21%;
	transition:0.25s;
}
#s4 img {
    margin-left: auto;
    display: block;
    margin-right: auto;
    margin-top: 116%;
	width: 21%;
	transition:0.25s;
}
#s5 img {
    margin-left: auto;
    display: block;
    margin-right: auto;
    margin-top: 116%;
	width: 21%;
	transition:0.25s;
}
img#pb {
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	padding-top: 21%;
    width: 27%;
    text-align: center;
}
img#arrow {
	display: none;
    margin-left: auto;
    margin-right: auto;
	margin-top: 30px;
    width: 4%;
    text-align: center;
	transition:0.25s;
}
img#arrow:hover {
	opacity:50%;
	transition:0.25s;
}
img#arrow2 {
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 35%;
    width: 21%;
    text-align: center;
	transition:0.25s;
}
img#arrow2:hover {
	opacity:50%;
	transition:0.25s;
}
@media only screen and (min-width: 700px) {
	img#arrow {
	 display:block;
	}
}
@media only screen and (max-width: 700px) {
	#s1 {
		width:100%
	}
	#s1 img {
		margin-top:23%
	}
	#s2 {
		width:100%
	}
	#s2 img {
		margin-top:23%
	}
	#s3 {
		width:100%
	}
	#s3 img {
		margin-top:23%
	}
	#s4 {
		width:100%
	}
	#s4 img {
		margin-top:23%
	}
	#s5 {
		width:100%
	}
	#s5 img {
		margin-top:23%
	}
	img#pb {
		width: 54%;
	}
	#background {
	background-size: 228%;
	}
}