/* 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: 1em 1em 1em 1em;
	
}
main{
	
	margin: auto;
}

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

/* styling the header*/
header {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: #E2DBD2;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 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{
	width: 50%;
	display: block;
	height: auto;
	margin: auto;
}

/* styling the search bar in the header*/

/*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 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 sub-pannel under the header*/
.sub-pannel ul{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin-top: 1em;
	margin-bottom: 2em;
	background-color: #B35927;
	
}

.sub-pannel 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-bottom: 1em;
	padding-top: 1em;
	margin-bottom: 1em;
	color: #586E39;
	background-color: #E2DBD2;
	
}

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

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

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

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

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

.homepage_welcome 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*/
.aboutpage {
	background-color: #E2DBD2;
	padding-bottom: 1em;
	margin-bottom: 5em;
	margin-top: 5em;
}
.aboutpage h2{
	display: flex;
	justify-content: left;
	padding-left: 2.30em;
	padding-bottom: 1em;
	padding-top: 1em;
	font-size: 2em;
}
.aboutpage p{
	display: flex;
	padding-left: 2.75em ;
	padding-right: 2.75em;
	padding-bottom: 1em;
	font-size: 1.4em ;
	line-height: 2em;
}
.aboutpage p:first-of-type{
	font-style: italic;
	font-weight: 600;
}
.aboutpage p:last-of-type{
	font-style: italic;
	font-weight: 600;
}

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

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

.aboutpage_2 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;
}
.contact_information h2{
	font-size: 1.3em;
	margin-left: 3em;
	padding-top: 1em;
}

.contact_information h3, .contact_information p{
	margin-left: 4em;
	padding-top: 1em;
}
.contact_information p {
	margin-right: 3em;
}
.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*/
.ps_intro{
	margin-top: 2em;
	margin-bottom: 3em;
	padding: 1.2em 2.75em 1em 2.75em;
	font-size: 1.4em ;
	line-height: 2em;
	background-color: #E2DBD2;
}
.products_services2 {
	display: flex;
    flex-direction: row;
	font-size: 1.2em;
	margin-bottom: 5em;
}
.products_services2 p{
	display: flex;
	flex-direction: row;
	margin-left: 2em;
	margin-right: 2em;
	text-align: left;
	margin-top: 1.5em;
}
.products_services2 img{
	display: flex;
	flex-direction: row;
	margin-left: 1em;
	margin-right: 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;
}
.ps_intro + h2 {
	text-align: center;
	margin-top: 3em;
	font-size: 1.9em;
}

/* 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 sneak peak section for the products and services*/
.sneak_peak h2{
	font-size: 1.75em;
	text-align: center;
	padding-top: 2.75em;
	padding-bottom: 3em;
}
.sneak_peak{
	margin-bottom: 5em;
}

.products_services {
	display: flex;
    flex-direction: row;
	font-size: 1.2em;
}
.products_services p{
	display: flex;
	flex-direction: row;
	margin: 1em 1em 1em 1.7em;
	text-align: center;

}
.products_services h3{
	margin-left: 0.75em;
	margin-right: auto;
	font-size: 1.25em;
	text-align: center;
}

.products_services img{
	display: flex;
	flex-direction: row;
	margin-left: 1em;
	justify-content: center;
}




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

/*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 div:nth-of-type(1) p:nth-of-type(1){
	text-align: left;
	text-wrap: wrap;
	max-width: 80%;
	font-weight: 560;
}

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

/*styling the footer quick menu*/

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

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

.footer_info div: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;
	}
	/*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;
    }

	.sub-pannel ul{
		font-size: 0.8em;
		display: flex;
		flex-direction: column;
		text-align: center;
	}
	header img{
		width: 100%;
	}
	/*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_welcome{
		padding-bottom: 0.2em;
		margin-bottom: 2em;
		margin-top: 2em;
	}

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

	.homepage_welcome 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_welcome img{
		float:none;
		margin: 2em 2em 1em 3.5em;
		width:300px ;
		height:449px ;
	}

	/*about page*/
	.aboutpage img{
		float: none;
		margin: 2em 2em 1em 3.5em;
		width: 300px;
		height: 449px;
	}
	.aboutpage h2{
		justify-content: center;
		text-align: center;
		padding-bottom: 1em;
		margin-right: 2em;
		padding-top: 1em;
		font-size: 1.5em;
	}
	.aboutpage p{
		display: block;
		text-align: center;
		padding-left: 1em;
		padding-right: 1em;
		padding-bottom: 1em;
		font-size: 1em ;
		line-height: 1.6em;
	}
	.aboutpage_2 img{
		float: none;
		margin: 2em 2em 1em 3.5em;
		width: 300px;
		height: 449px;
	}
	.aboutpage_2 h2{
		text-align: center;
		justify-content: center;
		font-size: 1.5em;
	}
	.aboutpage_2 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*/
	.ps_intro{
		margin-top: 1em;
		margin-bottom: 2em;
		padding: 1em 2em 1em 2em;
		font-size: 1em ;
		line-height: 1.5em;
	}
	.products_services2 {
		display:block;
		font-size: 1.1em;
		margin-bottom: 4em;
	}
	.products_services2 p{
		display: block;
		text-align:center;
		margin-top: 1em;
	}
	.products_services2 img{
		display: block;
		align-items: center;
		margin-top: 5em;
		margin-left: auto;
		margin-right: auto;
		width: 250px;
		height: 250px;
	}
	.ps_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, .contact_information p{
		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;
	}
	.footer_info{
		display: block;
		text-align: center;
		font-size: 0.7em;
		padding: 0.5em 1em 0em 1em;

	}
	.footer_info img{
		float: none;
		width: 250px;
		height: 54px;
		align-items: center;
	}
	.footer_info div:nth-of-type(1) p:nth-of-type(1){
		text-align: center;
		text-wrap: none;
		max-width: 100%;
	}
	.footer_info div:nth-of-type(1){
		max-width: 100%;
	}
	.footer_info div: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_welcome a{
		padding-left: 1.4em;
		margin-left: 2.5em;
	}
	.homepage_welcome img{
		float:none;
		margin: 2em 2em 1em 4em;
		width:350px ;
		height:524px ;
	}
	
	/*about page*/
	.aboutpage img{
		margin: 2em 2em 1em 4em;
		width: 350px;
		height: 524px;
	}
	.aboutpage_2 img{
		margin: 2em 2em 1em 4.5em;
		width: 350px;
		height: 524px;
	}
	/*products and services page*/
	.products_services2 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.9em;
	}
	.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;
	}
	.sub-pannel 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_welcome a{
		padding-left: 2.9em;
		margin-left: 2.75em;
		font-size: 1em;
	}
	.homepage_welcome img{
		float:none;
		margin: 2em 2em 1em 5em;
		width:400px ;
		height:599px ;
	}

	/*about page*/
	.aboutpage img{
		margin: 2em 2em 1em 5em;
		width: 400px;
		height: 599px;
	}
	.aboutpage_2 img{
		margin: 2em 2em 1em 5em;
		width: 400px;
		height: 599px;
	}
	/*products and services page*/
	.products_services2 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;
	}
	.mini_gallery img {
		margin-left: 0;
		width: 230px;
		height: 230px;
	}
	header img{
		width: 80%;
	}
	/*homepage welcome text - intro to the about page*/

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

	.homepage_welcome 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_welcome img{
		float:right;
		margin: 2em 2em 1em 3.5em;
		width:300px ;
		height:449px ;
	}

	/*about page*/
	.aboutpage img{
		float: right;
		margin: 2em 2em 1.3em 3em;
		width: 300px;
		height: 449px;
	}
	.aboutpage h2{
		text-align: left;
		padding-bottom: 1em;
		margin-right: 1em;
		padding-top: 1.5em;
		font-size: 1.3em;
	}
	.aboutpage_2 h2{
		display: block;
		font-size: 1.3em;
		margin-right: 0.2em;
		margin-left: 0.8em;
	}
	.aboutpage p{
		display: block;
		text-align: left;
		padding-left: 3em;
		padding-right: 2.3em;
		line-height: 1.5em;
	}
	.aboutpage_2 p{
		display: block;
		text-align: left;
		padding-right: 2.3em;
		padding-left: 2.3em;
	}
	
	.aboutpage_2 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.6em;
	}
	.contact_information h2{
		text-align: left;
		padding-left: 1.45em;
	}
	/*footer*/
	.footer_info{
		display: flex;
		flex-direction: row;
		text-align: left;
		font-size: 0.7em;
	}
	.footer_info div:nth-of-type(1) p:nth-of-type(1){
		text-align: left;
		text-wrap: wrap;
		max-width: 80%;
	}

	.footer_info div:nth-of-type(1){
		max-width: 40%;
		margin-right: 0.5em;
	}
	.footer_info div:nth-of-type(2){
		display: block;
		padding-right: 4em;
	}
	.footer_info div: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_welcome 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%;
	}

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

	.sub-pannel 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_welcome h2{
		display: flex;
		flex-direction: left;
		padding-right: 5em;

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

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

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

	.aboutpage p{
		display: flex;
		text-align: left;
		font-size: 1em;
		padding-left: 3em;
		padding-right: 1.5em;
		line-height: 1.6em;
	}
	.aboutpage img {
		margin: 2em 3em 1em 3em;
	}
    .aboutpage_2 img{
		margin: 2.2em 2.5em 2em 3em;
	}

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

	.ps_intro + h2{
		font-size: 1.6em;
	}
	.products_services2 {
		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.8em;
	}
	.contact_information h2{
		text-align: left;
		padding-left: 1.45em;
	}
    /*footer*/
	.footer_info{
		font-size: 0.8em;
		padding-top: 2em;
		padding-bottom: 2em;
		margin-bottom: 2em;
	}
}

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

	nav ul {
		font-size: 1em;
	}

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

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

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

	/*about page*/
	.aboutpage p {
		line-height: 1.6em;
	}
	.aboutpage_2 p {
		line-height: 1.6em;
	}

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

	/*products and services page*/

	.products_services2{
		display: flex;
		flex-direction: row;
	}
	.products_services2 p{
		display: flex;
		flex-direction: row;
		justify-content: left;
		text-align: center;
		margin-left: 2.8em;
		margin-right: 0em;
		
	}
	.products_services2 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;
	}

}