/* MOBILE MEDIA QUERIES 1024 */


* {
  box-sizing: border-box;
}


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

#wrapper {
	width:100%;
	padding:2%;
	margin-right: auto;
	margin-left: auto;
}
#title {
	position: relative;
	width: 70%;
	float: left;
}
#contact-details {
	position: relative;
	width: 30%;
	float: left;
}
.clear {
	clear: both;
}
#navigation {
	position: relative;
	width: 100%;
	z-index:2000;
}
#nav-wrapper {
	width:100%;
	max-width:1024px;
	margin-left:auto;
	margin-right:auto;
}
#slider {
	position: relative;
	width: 100%;
}
.covid-warning {
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FF3300;
}
#main-content {
	position: relative;
	width: 68%;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
#right-box {
	position: relative;
	width: 28%;
	float: left;
	padding-left: 4%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.box {
	position: relative;
	width: 33%;
	padding-right: 2%;
	padding-left: 2%;
	float: left;
	text-align: center;
	margin-top: 20px;
}
#footer {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

}

/* MOBILE MEDIA QUERIES iPad portrait */

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

#wrapper {
	width:100%;
	padding: 2%;
	margin-right: auto;
	margin-left: auto;
}
#title {
	position: relative;
	width: 100%;
	float: left;
	text-align:center;
}
#contact-details {
	position: relative;
	width: 100%;
	float: left;
	text-align:center;
}
.clear {
	clear: both;
}
#navigation {
	position: relative;
	width: 100%;
	z-index:2000;
}
#nav-wrapper {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#slider {
	position: relative;
	width: 100%;
	margin-top:20px;
}
.covid-warning {
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FF3300;
}
#main-content {
	position: relative;
	width: 70%;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
#right-box {
	position: relative;
	width: 30%;
	float: left;
	padding-left: 4%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.box {
	position: relative;
	width: 33.3%;
	padding-right: 2%;
	padding-left: 2%;
	float: left;
	text-align: center;
	margin-top: 20px;
}
#footer {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.heading3 {
	font-family: 'Roboto Condensed', sans-serif;
	color:black;
	font-size:0.8em;	
}

}

/* MOBILE MEDIA QUERIES Nexus 7 Android portrait / Galaxy Tab */

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

#wrapper {
	width:100%;
	padding: 2%;
	margin-right: auto;
	margin-left: auto;
}
#title {
	position: relative;
	width: 100%;
	text-align:center;

}
#contact-details {
	position: relative;
	width: 100%;
	text-align:center;

}
.clear {
	clear: both;
}
#navigation {
	position: relative;
	width: 100%;
	z-index:2000;
}
#nav-wrapper {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#slider {
	position: relative;
	width: 100%;
	margin-top:20px;
}
.covid-warning {
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FF3300;
}
#main-content {
	position: relative;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:center;
}
#right-box {
	position: relative;
	width: 90%;
	padding-left: 4%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.box {
	position: relative;
	width: 100%;
	padding-right: 2%;
	padding-left: 2%;
	float: left;
	text-align: center;
	margin-top: 20px;
}
#footer {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}


}

/* MOBILE MEDIA QUERIES Mobile iPhone 6plus */

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

#wrapper {

	width:100%;
	padding: 2%;
	margin-right: auto;
	margin-left: auto;
}
#title {
	position: relative;
	width: 100%;
	text-align:center;

}
#contact-details {
	position: relative;
	width: 100%;
	text-align:center;

}
.clear {
	clear: both;
}
#navigation {
	position: relative;
	width: 100%;
	z-index:2000;
}
#nav-wrapper {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
#slider {
	position: relative;
	width: 100%;
}
.covid-warning {
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FF3300;
}
#main-content {
	position: relative;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding:1%;
	text-align:center;
}
#right-box {
	position: relative;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.box {
	position: relative;
	width: 100%;
	padding-right: 2%;
	padding-left: 2%;
	float: left;
	text-align: center;
	margin-top: 20px;
}
#footer {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

}

/* MOBILE MEDIA QUERIES Mobile iPhone 6 */

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

#wrapper {
	width:100%;
	padding: 2%;
	margin-right: auto;
	margin-left: auto;
}
#title {
	position: relative;
	width: 100%;
	text-align:center;

}
#contact-details {
	position: relative;
	width: 100%;
	text-align:center;

}
.clear {
	clear: both;
}
#navigation {
	position: relative;
	width: 100%;
}
#nav-wrapper {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	z-index:2000;
}

#slider {
	position: relative;
	width: 100%;
}
.covid-warning {
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FF3300;
}
#main-content {
	position: relative;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:center;
}
#right-box {
	position: relative;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.box {
	position: relative;
	width: 100%;
	padding-right: 2%;
	padding-left: 2%;
	float: left;
	text-align: center;
	margin-top: 20px;
}
#footer {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

}

/* MOBILE MEDIA QUERIES Mobile Anroid */

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




}


/* MOBILE MEDIA QUERIES Mobile Lumia */

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


}