/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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

/* CSS RESET DONE ABOVE */

/*MY STYLE RULES*/

* {
    box-sizing: border-box;
}
/* border-box tells the browser to account for any border and padding in the values you specify for an element's width and height.*/

/*====================================================================*/

body{
    font-family: Georgia, 'Times New Roman', Times, serif;
	color: #395974;
	line-height: 1.7em;
	font-size: 1.5em;
}

/*==all headings==*/
h1, h2, h3{
	color: #B35927;
	font-weight: bold;
}

/*the wrapper*/
.wrapper{
	margin: 0em;
	
}
main{
	margin: auto;
}

/* styling the header pannel*/
.header_pannel {
	font-size: 0.75em;
	display: flex;
	background-color: #E2DBD2;
	justify-content: right;
	padding: 0.25em 0.75em
}

/* styling the header*/
header {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
    text-align: center;
	background-color: #E2DBD2;
	padding: 0.5em 1em;
	margin-bottom: 1.5em;
	box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
header img {
    display: block; /* Ensures image is treated as a block element */
    margin: 0.2em auto; /* Auto margins horizontally center the image */
}
header p a{
	font-family: 'Francois One','Bebas Neue', 'Freeman', 'Oswald', sans-serif;
	font-size: 4.2em;
	text-decoration: none;
	color: #B35927;
	font-style: italic;
	font-weight: 600;
	text-transform: uppercase;
}
header p{
	margin-top: 1em;
}
header span{
	align-content: center;
	color: #586E39;
	text-transform: uppercase;
	font-family: 'Segoe UI', Tahoma, 'Geneva', Verdana, sans-serif;
	font-weight: 500;
}
/*welcome message*/
#welcome {
	font-size: 1em;
	text-align: center;
	background-color: #39597433;
	margin: 0 auto;
}
#welcome span{
	font-size: 1em;
	font-weight:600;
}

/*styling the navigation/menu*/

nav ul{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	padding-top: 0.75em;
	
}

nav ul li a{
	text-decoration: underline;
	display: inline-block;
	padding: 4px 2px;
	color: #586E39;
	font-size: 1.3em;
	font-weight: 500;
}
nav ul li a:hover {
    text-decoration:none;
	color: #395974;
	background-color: #E2DBD2;
	border-radius: 0.5em;
	box-shadow: #00000017 0px 2px 1px, #00000017 0px 4px 2px, #00000017 0px 8px 4px, #00000017 0px 16px 8px, #00000017 0px 32px 16px;
}

/*styling the banner under the header*/
.banner ul{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin-top: 1em;
	margin-bottom: 2em;
	background-color: #B35927;
	
}

.banner ul li{
	display: inline-block;
	font-size: 1em;
	color: #fff;
	font-style: italic;
	
}

/*styling the page title*/
h1 {
	display: flex;
	justify-content: center;
	font-size: 1.75em;
	padding: 1em 0;
	margin-bottom: 1em;
	color: #586E39;
	background-color: #E2DBD2;
	
}

/*styling the mini-gallery*/
.mini_gallery {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	padding: 2em 0;
	
}

.mini_gallery img{
	border-radius: 1.5em;
	box-shadow: #395974 0px 20px 30px -10px;
}

/*styling the homepage intro section*/
.homepage_intro {
	background-color: #E2DBD2;
	padding-bottom: 1em;
	margin: 5em 0;
}
.homepage_intro h2{
	display: flex;
	justify-content: left;
	padding: 2.5em, 0em, 1em, 2.30em;
	font-size: 1.5em;
}
.homepage_intro p{
	padding-left: 2.75em ;
	padding-bottom: 1em;
	font-size: 1.2em ;
	line-height: 2em;
}
.homepage_intro p:first-of-type{
	font-style: italic;
	font-weight: 600;
}

.homepage_intro a{
	text-decoration: underline;
	display: flex;
	justify-content: left;
	color: #E2DBD2;
	font-size: 1.2em;
	padding: 1em 2.75em;
	margin: 1em auto;
	max-width: 50%;
	background-color: #586E39;
	border-radius: 15em;
}

.homepage_intro a:hover{
	color: #B35927;
	background-color: #395974;
}

.homepage_intro img{
	float: right;
	margin: 4em 3em 1em 3.5em;
	box-shadow: #B35927 5px 5px, #B3592766 10px 10px, #b359274d 15px 15px, #b3592733 20px 20px, #b359271a 25px 25px;
	border-radius: 1em;
}

/*stylign the about page text*/
.about_page_intro {
	background-color: #E2DBD2;
	padding-bottom: 1em;
	margin: 5em, 0em;
}
.about_page_intro h2{
	display: flex;
	justify-content: left;
	padding-left: 2.30em;
	padding-bottom: 1em;
	padding-top: 1em;
	font-size: 1.4em;
}
.about_page_intro p{
	display: flex;
	padding-left: 2.75em ;
	padding-right: 2.75em;
	padding-bottom: 1em;
	font-size: 0.9em ;
	line-height: 2em;
}
.about_page_intro p:first-of-type{
	font-style: italic;
	font-weight: 600;
}
.about_page_intro p:last-of-type{
	font-style: italic;
	font-weight: 600;
}

.about_page_intro img{
	float: right;
	margin: 1.5em 4em 1em 3.5em;
	box-shadow: #B35927 5px 5px, #B3592766 10px 10px, #b359274d 15px 15px, #b3592733 20px 20px, #b359271a 25px 25px;
	border-radius: 1em;
}

.about_page_continued {
	background-color: #E2DBD2;
	padding-bottom: 1em;
	margin: 5em, 0em;
	
}
.about_page_continued h2{
	display: flex;
	justify-content: right;
	padding: 1em 2.3em 1em;
	font-size: 1.4em;
}
.about_page_continued p{
	display: flex;
	padding-left: 2em ;
	padding-right: 2em;
	padding-bottom: 1em;
	font-size: 0.9em ;
	line-height: 2em;
}
.about_page_continued img{
	float: left;
	margin: 1.5em 2em 1em 3.5em;
	box-shadow: #B35927 -5px 5px, #B3592766 -10px 10px, #b359274d -15px 15px, #b3592733 -20px 20px, #b359271a -25px 25px;
	border-radius: 1em;
}

.about_page_continued p:last-of-type{
	font-style: italic;
	font-weight: 600;
}

/* styling the contact us page*/
.contact_information {
	background-color: #E2DBD2;
	padding-bottom: 1em;
	margin-bottom: 3em;
	margin-top: 5em;
}
.contact_information p:nth-of-type(8){
	font-weight: 600;
	padding-top: 1em;
}
.contact_information > div > section:nth-of-type(3) > p:nth-of-type(2) {
    font-weight: 600;
	padding-top: 1em;
}
.contact_information h2{
	font-size: 1.3em;
	margin-left: 3em;
	padding-top: 1em;
}

.contact_information h3{
	margin-left: 4em;
}
.contact_information p {
	margin-right: 3em;
	margin-top: none;
}
.contact_information img{
	float: right;
	margin-right: 3em;
	margin-top: 3em;
	box-shadow: #0000008f 0px 22px 70px 4px;
	border-radius: 2em;
}



/*styling the products and services page*/
.product_and_services_intro, .products_and_services_continued{
	margin-top: 2em;
	margin-bottom: 3em;
	padding: 1.2em 2.75em 1em 2.75em;
	font-size: 1.3em ;
	line-height: 1.5em;
	background-color: #E2DBD2;
}
.products_services_list {
	display: flex;
    flex-direction: row;
	font-size: 1.2em;
	margin-bottom: 5em;
}
.products_services_list p{
	display: flex;
	flex-direction: row;
	margin: 0, 2em;
	text-align: left;
	margin-top: 1.5em;
}
.products_services_list img{
	display: flex;
	flex-direction: row;
	margin: 0, 1em;
	justify-content: center;
	margin-top: 5em;
	box-shadow: #32325d40 0px 50px 100px -20px, #0000004d 0px 30px 60px -30px, #0a254059 0px -2px 6px 0px inset;
	border-radius: 1.2em;
}
.product_and_services_intro + h2 {
	text-align: center;
	margin-top: 3em;
	font-size: 1.6em;
}

/* styling KEY INFORMATION */
.key_information{
	margin-top: 2em;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	padding: 1em 2em 1em 2em;
	font-size: 1.1em;
	margin-bottom: 2em;
	box-shadow: #32325d40 0px 13px 27px -5px, #0000004d 0px 8px 16px -8px;
}

.key_information div:nth-of-type(1) {
	padding-right: 2.35em;
	padding-left: 1em;
}

.key_information div:nth-of-type(2){
	padding-right: 2em;
}


/*styling the map section */
iframe{
    margin-top: 5.0em;
    width: 100%;	
    height: 25em;
	padding-bottom: 5em;
}

/* 404 Error page */

.broken_bicycle img{
	display: block; 
    margin: 0 auto; 
}
.error_message{
	max-width:70%;
	margin: 0 auto;
	text-align: center;
}
.error_message h2{
	font-size: 1.2em;
	padding: 1em 0.5em;
}

/*styling the button */

/* CSS */
.button {
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: .25rem;
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
  box-sizing: border-box;
  color: #586E39;
  cursor: pointer;
  display: inline-flex;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 1em;
  font-weight: 600;
  justify-content: center;
  line-height: 1.25;
  margin: 2em 0;
  min-height: 3rem;
  padding: calc(.875rem - 1px) calc(1.5rem - 1px);
  position: relative;
  text-decoration: none;
  transition: all 250ms;
  user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  width: auto;
}

.button:hover,
.button:focus {
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
  color: #B35927;
}

.button:hover {
  transform: translateY(-1px);
}

.button:active {
  background-color: #F0F0F1;
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
  color: rgba(0, 0, 0, 0.65);
  transform: translateY(0);
}

/*styling the footer*/
.footer_info{
	background-color: #E2DBD2;
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: 1em 2em 0em 2em;
	line-height: 2em;
	text-align: left;
	padding-bottom: 2em;
}
.footer_info section:nth-of-type(1) p:nth-of-type(1){
	text-align: left;
	text-wrap: wrap;
	max-width: 80%;
	font-weight: 560;
}

.footer_info section:nth-of-type(1){
	max-width: 40%;
}
.footer_info section:nth-of-type(2){
	padding-right: 5em;
}

/*styling the footer quick menu*/

.footer_info section:nth-of-type(3) ul{
	display: flex;
	flex-direction: column;
	align-items: left;
}

.footer_info section:nth-of-type(3) ul li a{
	align-items: left;
	color: #395974;
}

.footer_info section:nth-of-type(3) ul li a:hover{
	color: #586E39;
	border-radius: 0.25em;
}

.copyright_info{
	background-color: #395974;
	color: #E2DBD2;
	text-align: center;
	margin-top: 1em;
}

/*MEDIA QUERIES*/

@media (min-width: 460px){
	.header_pannel{
		font-size: 0.6em;
	}
	header p{
		font-size:0.7em;
	}
	header img{
		width: 175px;
		height: 146px;
		width: 100%;
	}
	#welcome {
		text-wrap: nowrap;
	}
	span{
		font-size: 0.75em;
		text-wrap: nowrap;
	}
	/*menu on all pages*/
	nav ul {
        flex-direction: column;
        text-align: center;
        font-size: 0.75em;
    }
	nav {
        margin-top: 0.25em;
		margin-bottom: 1.3em;
    }

	.banner ul{
		font-size: 0.8em;
		display: flex;
		flex-direction: column;
		text-align: center;
	}
	
	/*heading 1 on all pages*/
	h1{
		font-size: 1.2em;
		text-align: center;
	}
	/*mini gallery on homepage and products and services page*/
	.mini_gallery{
		display: flex;
		flex-direction: column;
		
	}
	.mini_gallery img {
		margin-left: 4.5em;
		object-fit: contain;
		width: 250px;
		height: 250px;
	}
	/*homepage welcome text - intro to the about page*/
	.homepage_intro{
		padding-bottom: 0.2em;
		margin-bottom: 2em;
		margin-top: 2em;
	}

	.homepage_intro h2{
		justify-content: center;
		text-align: center;
		padding-bottom: 1em;
		margin-right: 2em;
		padding-top: 1em;
		font-size: 1.5em;
	}
	.homepage_intro p{
		display:block;
		text-align: center;
		padding-left: 1em;
		padding-right: 1em;
		padding-bottom: 1em;
		font-size: 1em ;
		line-height: 1.6em;
	}

	.homepage_intro a{
		font-size: 1em;
		text-align: center;
		padding-left: 0.5em;
		padding-right: 0.5em;
		margin-left: 2em;
		margin-bottom: 2em;
		max-width: 80%;
	}
	.homepage_intro img{
		float:none;
		margin: 2em 2em 1em 3.5em;
		width:300px ;
		height:449px ;
	}

	/*about page*/
	.about_page_introimg{
		float: none;
		margin: 2em 2em 1em 3.5em;
		width: 300px;
		height: 449px;
	}
	.about_page_introh2{
		justify-content: center;
		text-align: center;
		padding-bottom: 1em;
		margin-right: 2em;
		padding-top: 1em;
		font-size: 1.5em;
	}
	.about_page_introp{
		display: block;
		text-align: center;
		padding-left: 1em;
		padding-right: 1em;
		padding-bottom: 1em;
		font-size: 1em ;
		line-height: 1.6em;
	}
	.about_page_continued img{
		float: none;
		margin: 2em 2em 1em 3.5em;
		width: 300px;
		height: 449px;
	}
	.about_page_continued h2{
		text-align: center;
		justify-content: center;
		font-size: 1.5em;
	}
	.about_page_continued p{
		display: block;
		text-align: center;
		padding-left: 1em;
		padding-right: 1em;
		padding-bottom: 1em;
		font-size: 1em ;
		line-height: 1.6em;
	}

	/*products and services page*/
	.product_and_services_intro{
		margin-top: 1em;
		margin-bottom: 2em;
		padding: 1em 2em 1em 2em;
		font-size: 1em ;
		line-height: 1.5em;
	}
	.products_services_list {
		display:block;
		font-size: 1.1em;
		margin-bottom: 4em;
	}
	.products_services_list p{
		display: block;
		text-align:center;
		margin-top: 1em;
	}
	.products_services_list img{
		display: block;
		align-items: center;
		margin-top: 5em;
		margin-left: auto;
		margin-right: auto;
		width: 250px;
		height: 250px;
	}
	.products_and_services_intro+ h2 {
		text-align: center;
		margin: 1.2em 1em 0 1em;
		font-size: 1.3em;
	}

	/*contact us page*/
	.contact_information img{
		float: none;
		margin-left: 2em;
		margin-right: 1em;
		margin-top: 2em;
		width: 350px;
		height: 350px;
	}
	.contact_information h2{
		font-size: 1.3em;
		text-align: center;
		justify-content: center;
		margin: auto;
		padding-top: 2em;
	}
	.contact_information h3{
		margin-left: auto;
		margin-right: auto;
		margin-left: 2em;
		padding-top: 1em;
	}
	.contact_information p {
		margin-right: 2em;
		font-size: 0.9em;
	}
	/*general on all pages*/
	.key_information{
		margin-top: 2em;
		display: block;
		align-items: center;
		padding: 1em 2em 1em 2em;
		font-size: 0.9em;
		margin-bottom: 2em;
	}

	.key_information div:nth-of-type(1) {
		padding-right: 0;
		padding-left: 0;
		padding-bottom: 0.5em;
	}
	
	.key_information div:nth-of-type(2){
		padding-right: 1em;
		padding-bottom: 0.5em;
	}

	.broken_bicycle img{
		width: 400px;
		height: 250px;
	}
	
	.footer_info{
		display: block;
		
		justify-content: center; /* Align items horizontally */
    	align-items: center; /* Align items vertically */
    	text-align: center;
		font-size: 0.7em;
		max-width: 100%;
		padding: 0.5em 1em 0em 1em;

	}
	
	.footer_info section:first-of-type img{
		width: 250px;
		height: 54px;
		align-items: center;
		
		
	}
	.footer_info section:first-of-type p:first-of-type {
        text-align: center;
		max-width: 100%;
		
    }
	.footer_info section:nth-of-type(1){
		max-width: 100%;
	}
	.footer_info section:nth-of-type(2){
		padding-right: 0em;
	}

	.copyright_info{
		font-size: 0.7em;
	}
}

@media (min-width: 550px){
	nav ul {
        font-size: 0.8em;
    }

	/*mini gallery on homepage and products and services page*/
	.mini_gallery{
		display: flex;
		flex-direction: column;
		
	}
	.mini_gallery img {
		margin-left: 5.5em;
		width: 300px;
		height: 300px;
	}
	/*homepage welcome text - intro to the about page*/
	.homepage_intro a{
		padding-left: 1.4em;
		margin-left: 2.5em;
	}
	.homepage_intro img{
		float:none;
		margin: 2em 2em 1em 4em;
		width:350px ;
		height:524px ;
	}
	
	/*about page*/
	.about_page_introimg{
		margin: 2em 2em 1em 4em;
		width: 350px;
		height: 524px;
	}
	.about_page_continued img{
		margin: 2em 2em 1em 4.5em;
		width: 350px;
		height: 524px;
	}
	/*products and services page*/
	.products_services_list img{
		width: 300px;
		height: 300px;
	}
	/*contact us page*/
	.contact_information img{
		margin-left: 4em;
		width: 380px;
		height: 380px;
	}
	.contact_information p {
		font-size: 1em;
		line-height: 1.4em;
	}
	/*footer*/
	.footer_info{
		font-size: 0.75em;
	}
	.copyright_info{
		font-size: 0.9em;
	}
}

@media (min-width:640px){
	/*menu*/
	nav ul {
        font-size: 0.8em;
		flex-direction: row;
		justify-content: space-around;
    }
	/*header pannel*/
	.header_pannel{
		font-size: 0.68em;
	}
	.banner ul{
		font-size: 0.9em;
	}
	header img{
		width: 90%;
		
	}

	/*mini gallery*/
	.mini_gallery{
		display: flex;
		flex-direction: row;
		
	}
	.mini_gallery img {
		margin-left: 0;
		width: 200px;
		height: 200px;
	}
	/*homepage welcome text - intro to the about page*/
	.homepage_intro a{
		padding-left: 2.9em;
		margin-left: 2.75em;
		font-size: 1em;
	}
	.homepage_intro img{
		float:none;
		margin: 2em 2em 1em 5em;
		width:400px ;
		height:599px ;
	}

	/*about page*/
	.about_page_introimg{
		margin: 2em 2em 1em 5em;
		width: 400px;
		height: 599px;
	}
	.about_page_continued img{
		margin: 2em 2em 1em 5em;
		width: 400px;
		height: 599px;
	}
	/*products and services page*/
	.products_services_list img{
		width: 350px;
		height: 350px;
	}

	/*contact us page*/
	.contact_information img{
		margin-left: 5em;
		width: 400px;
		height: 400px;
	}
	.contact_information p {
		font-size: 1em;
	}
}

@media (min-width:760px){
	/*menu*/
	nav ul {
        font-size: 0.75em;
    }
	/*header pannel*/
	.header_pannel{
		font-size: 0.7em;
	}
	header img{
		width: 240px;
		height: 200px;

	}
	header p{
		font-size: 0.85em;
	}
	span{
		font-size: 0.95em;
	}
	.mini_gallery img {
		margin-left: 0;
		width: 230px;
		height: 230px;
	}
	
	
	/*homepage welcome text - intro to the about page*/

	.homepage_intro h2{
		justify-content: left;
		text-align: left;
		padding-bottom: 1em;
		margin-right: 9em;
		padding-top: 1.5em;
		font-size: 1.25em;
	}
	.homepage_intro p{
		display:block;
		text-align: left;
		padding-left: 2.9em;
		padding-right: 1.7em;
		font-size: 0.9em ;
		line-height: 1.7em;
	}

	.homepage_intro a{
		font-size: 1.2em;
		text-align: center;
		padding-left: auto;
		padding-right: auto;
		margin-left: 2.5em;
		margin-bottom: 2em;
		max-width: 80%;
	}
	.homepage_intro img{
		float:right;
		margin: 2em 2em 1em 3.5em;
		width:300px ;
		height:449px ;
	}

	/*about page*/
	.about_page_introimg{
		float: right;
		margin: 2em 2em 1.3em 3em;
		width: 300px;
		height: 449px;
	}
	.about_page_introh2{
		text-align: left;
		padding-bottom: 1em;
		margin-right: 1em;
		padding-top: 1.5em;
		font-size: 1.3em;
	}
	.about_page_continued h2{
		display: block;
		font-size: 1.3em;
		margin-right: 0.2em;
		margin-left: 0.8em;
	}
	.about_page_introp{
		display: block;
		text-align: left;
		padding-left: 3em;
		padding-right: 2.3em;
		line-height: 1.5em;
	}
	.about_page_continued p{
		display: block;
		text-align: left;
		padding-right: 2.3em;
		padding-left: 2.3em;
	}
	
	.about_page_continued img{
		float: left;
		margin: 2em 2em 1.3em 3em;
		width: 300px;
		height: 449px;
	}

	/*key info section*/
	.key_information{
		display: block;
		text-align: center;
		font-size: 0.75em;
		line-height: 1.5em;
	}

	/*contact us page*/
	.contact_information img{
		float: right;
		margin-left: 2em;
		width: 300px;
		height: 300px;
	}
	.contact_information p {
		font-size: 0.9em;
		line-height: 1.2em;
	}
	.contact_information h2{
		text-align: left;
		padding-left: 1.45em;
	}
	/*footer*/
	.footer_info{
		display: flex;
		align-items: flex-start;
		flex-direction: row;
		text-align: left;
		font-size: 0.7em;
	}
	.footer_info section:nth-of-type(1) p:nth-of-type(1){
		text-align: left;
		text-wrap: wrap;
		max-width: 85%;
	}

	.footer_info section:nth-of-type(1){
		max-width: 40%;
	}
	.footer_info section:nth-of-type(2){
		display: block;
		padding-right: 2em;
	}
	.footer_info section:nth-of-type(3) ul{
		display: flex;
		flex-direction: column;
		align-items: left;
	}

	
	.copyright_info{
		font-size: 0.7em;
	}
}

@media (min-width:850px){
	/*menu*/
	.mini_gallery img {
		margin-left: 0;
		width: 250px;
		height: 250px;
	}
	header img{
		width: 70%;
	}

	/*homepage*/
	.homepage_intro a{
		padding-left: 4em;
		margin-left: 2.7em;

	}
	/*key info section*/
	.key_information{
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
		padding: 1em 2em 1em 2em;
		font-size: 0.7em;
	}
	.key_information div:nth-of-type(1) {
		padding-right: 2.35em;
		padding-left: 1em;
	}
	
	.key_information div:nth-of-type(2){
		padding-right: 2em;
	}
}
@media (min-width: 1000px){
	header img{
		width: 70%;
	}
	header p{
		font-size: 1.1em;
	}
	span{
	font-size: 1.05em;
	}

	/*menu*/
	nav ul {
        flex-direction: row;
        text-align: center;
        font-size: 0.9em;
    }
	nav {
        margin-top: 0.25em;
		margin-bottom: 1.3em;
    }

	.banner ul{
		font-size: 0.8em;
		flex-direction:row;
	}

	h1{
		font-size: 1.5em;
	}

	/*mini gallery on homepage and products and services page*/
	.mini_gallery{
		display: flex;
		flex-direction: row;
		
	}
	.mini_gallery img {
		margin-left: auto;
		margin-right: auto;
		object-fit: contain;
		width: 330px;
		height: 330px;
	}

	/*homepage welcome text*/

	.homepage_intro h2{
		display: flex;
		flex-direction: left;
		padding-right: 5em;

	}
	.homepage_intro p{
		display: flex;
		text-align: left;
		padding-left: 2.9em;
		padding-right: 1.5em;
		font-size: 1em ;
		line-height: 1.9em;
	}

	.homepage_intro a{
		font-size: 1.2em;
		margin-left: 5.75em;
		max-width: 70%;
	}
	.homepage_intro img{
		float: right;
		margin: 2em 4em 1em 3em;
	}

	/*key info section*/
	.key_information{
		font-size: 0.9em;
	}
	
	/*about page*/
	.about_page_introh2{
		display: flex;
		flex-direction: left;
		padding-right: 5em;
	}

	.about_page_introp{
		display: flex;
		text-align: left;
		font-size: 1em;
		padding-left: 3em;
		padding-right: 1.5em;
		line-height: 1.3em;
	}
	.about_page_introimg {
		margin: 2em 3em 1em 3em;
	}
    .about_page_continued img{
		margin: 2.2em 2.5em 2em 3em;
	}

	/*products and services page*/
	.product_and_services_intro{
		font-size: 1.3em;
	}

	.products_and_services_intro+ h2{
		font-size: 1.6em;
	}
	.products_services_list {
		display: flex;
		flex-direction: column;
		font-size: 1.2em;
		margin-bottom: 5em;
	}

	/*contact us*/
	.contact_information img{
		float: right;
		margin-left: 2em;
		width: 400px;
		height: 400px;
	}
	.contact_information p {
		font-size: 0.9em;
		line-height: 1.4em;
	}
	.contact_information h2{
		text-align: left;
		padding-left: 1.45em;
	}

	/*404 error page*/
	.broken_bicycle img{
		width: 500px;
		height: 313px;
	}
    /*footer*/
	.footer_info{
		font-size: 0.8em;
		padding-top: 2em;
		padding-bottom: 2em;
		margin-bottom: 2em;
	}
}

@media (min-width:1200px){
	.banner{
		font-size: 1.2em;
	}

	nav ul {
		font-size: 1em;
	}

	.homepage_intro img{
		width: 500px;
		height: 749px;
	}

	.homepage_intro h2{
		padding-left: 2.30em;
		padding-bottom: 1em;
		padding-top: 2.5em;
		font-size: 1.5em;
	}
	.homepage_intro p{
		padding-left: 2.75em ;
		padding-bottom: 1em;
		font-size: 1.2em ;
		line-height: 2em;
	}

	.homepage_intro a{
		font-size: 1.3em;
		padding-left: 8em;
	}

	/*about page*/
	.about_page_introp {
		line-height: 1.6em;
	}
	.about_page_continued p {
		line-height: 1.6em;
	}

	.about_page_introimg {
		margin: 2em 3em 1em 3em;
		width: 500px;
		height: 749px;
	}
    .about_page_continued img{
		margin: 2.2em 2.5em 2em 3em;
		width: 500px;
		height: 749px;
	}

	/*products and services page*/

	.products_services_list{
		display: flex;
		flex-direction: row;
	}
	.products_services_list p{
		display: flex;
		flex-direction: row;
		justify-content: left;
		text-align: center;
		margin-left: 2.8em;
		margin-right: 0em;
		
	}
	.products_services_list img{
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		margin-left: 2em;
		margin-right: 0em;
		width: 200px;
		height: 200px;
	}

	/*contact us page*/
	.contact_information img{
		float: right;
		margin-top: 4em;
		margin-left: 2em;
		margin-right: 3em;
		width: 400px;
		height: 400px;
	}
	.contact_information p {
		font-size: 1em;
		margin-right: 4em;
		margin-left: 3em;
	}
	.contact_information h2{
		text-align: left;
		margin-left: 1em;
		padding-left: 1.45em;
	}
	.contact_information h3{
		margin-left: 3em;
	}

}