* { box-sizing: border-box; }
{ padding:0px; margin:0px;	}

body {
	background: #f5f6f4 url('images/bg.jpg') repeat-x;
	padding:0px;
	margin:0px;	
	text-align:center;
	font-size:14px;
	font-family:"century gothic",verdana;
	}
body a {
	text-decoration:none;	
}
body a:hover {
	text-decoration:underline;	
}


h1 {
	color:#333E48;
	font-family:"century gothic",verdana;
	font-weight: bold;
	font-size: 24px !important;
	float:left;
	margin:20px 0px 10px 0;
	padding: 0px;
}
h2 {
	width:100%;
	color:#333E48;
	font-family:"century gothic",verdana;
	font-weight: bold;
	font-size: 20px  !important;
	float: left;
	margin:15px 0px 5px 0px;
	padding: 0px;
}
h3 {
	color:#000000;
	font-family:"century gothic",verdana;
	font-weight: bold;
	font-size: 16px;
	float: left;
	margin:5px 0px 5px 0px;
	padding: 0px;
}
p {
	color:#676767;
	font-family:"century gothic",verdana;
	font-weight: normal;
	font-size: 14px;
	float: left;
	line-height:22px;
	margin:0 0 15px 0;
	padding: 0;
}
ul {
	color:#676767;
	font-family:"century gothic",verdana;
	font-weight: normal;
	font-size: 14px;
	float: left;
	margin:0px 0px 20px 0px;

}
li {
	float:left;
	color:#676767;
	font-family:"century gothic",verdana;
	font-weight: normal;
	font-size: 14px;
	float: left;
	margin:0px;
}
p.leftalign,
h2.leftalign {
	text-align:left;
	
}
h2.leftalign {
	margin-top:0 !important
}
#mainarea {
	overflow:hidden;
	background: #ffffff;
	display:block;
	margin: 0px auto 0px auto;
	padding:0px;
	width: 980px
}

#header {
	float:left;
	background:#fff;
	max-width:100%;
	width:100%;
	min-height:90px;
	padding:20px 0 0 0;
}
#header-wrapper {
	background:#fff;
	max-width:1200px;
	width:100%;
	margin:0 auto;
}
#header-which{
	float:left;
	max-width:40%;
	width:100%;
	margin-top:7%;
	text-align:left;
}
#header-logo{
	float:left;
	max-width:20%;
	width:100%;
}
#header-logo img{
	width:auto;
	float:left;
	padding:10px 0;
}

#header-info{
	float:left;
	max-width:40%;
	width:100%;
	text-align:right;
	margin-top:5%;
}
#header h2,
#header h2 a, 
#header h2 a:visited,
#header h2 a:hover {
	float:right;
	text-align:right;
	color:#333E48;
	font-size:22px;
	font-family:'PT Sans', sans-serif, arial;
}
#header a.a1 {
	color:#333E48;
	float:right;
	text-align:right;
	font-size:22px;
	margin-top:15px;
}
#hleft {
	background: #99c89a;
	padding: 0px;
	width: 300px;
	height:127px;
	margin:0px auto 0px auto;
	float:left;
}	
#hright {
	background: #99c89a;
	padding: 0px;
	width: 680px;
	height:127px;
	margin:0px auto 0px 0px;
	float:left;
}	
#menu-inner {
	display:block;
	margin:0 auto;
	max-width:1100px;
	width: 100%
}
#menu {
	float:left;
	width: 100%;
	font-family: arial;
	padding: 0px;	
	margin:0;

}

#page {
	float:left;
	color:#676767;
	background: #fff;
	margin: 2px 0 0;
	padding:0 20px;
	text-align: left;
	width: 100%
}
#page h1,
#page h2 {
	width:100%;
	margin:5px 0px 10px 0;
	padding:0;
}
#col-wrapper3 {
	background:#fff;
	float:left;
	max-width:1000px;
	width:100%;	
	margin: 20px 0;
	padding:10px 0;
	border-top:1px solid #F8D44C;
	border-bottom:1px solid #F8D44C;
}

#fader-bar {
	float:left;
	width:100%;
	background:#F8D44C;
	width:960px;
	margin:10px 0px;
}
#fader-bar h2{
	width:auto;
	float:left;
	color:#333E48;
	font-family:"century gothic",verdana;
	font-weight: bold;
	font-size: 16px;
	text-indent:10px;
	padding:0px;
	margin:5px 0px;
}
#fader-bar-l {
	float:left;
	background:#F8D44C;
	color:#333E48;
	width:780px;
	height:34px;
	margin:0px 0px;
	padding:0px;
}
#fader-bar-r {
	float:right;
	background:#F8D44C;
	color:#333E48;
	width:180px;
	height:34px;
	margin:0px 0px;
}
#upper-display {
	width:960px
	float:left;
	background:url('images/large-frame.jpg') no-repeat;
	padding:20px 15px;
	height:222px;
}

#upper-right,#upper-left {
	width:170px;
	float:left;	
}
#upper-right-top {
	width:170px;
	height:110px;
	float:left;	
	background:url('images/casement-windows-button.jpg') no-repeat;
	margin:0px 0px 5px 0px;
}	
			
#upper-right-bottom {
	width:170px;
	height:110px;
	float:left;	
	background:url('images/sash-windows-button.jpg') no-repeat;
}


#upper-centre {
	float:left;
	width:590px;	
}
		

#upper-left-top {
	width:170px;
	height:110px;
	float:left;	
	background:url('images/doors-button.jpg') no-repeat;
	margin:0px 0px 5px 0px;
			
}
#upper-left-bottom {
	width:170px;
	height:110px;
	float:left;	
	background:url('images/conservatory-button.jpg') no-repeat;	
}
#centre-display {
	width:960px
	float:left;
	font-family:"century gothic",verdana;
}
#centre-display-left {
	width:540px;
	float:left;
}
#centre-display-left p {
	float:left;
	padding:0px;
	margin:0px;
	width:520px;
}
#centre-display h2 {
	margin-top:10px;
	padding-top:5px;
}
#centre-display-left h3 {
	color:#689f68;
	font-family:"century gothic",verdana;
	font-weight: bold;
	font-size: 14px;
	float: left;
	margin:5px 0px 5px 0px;
	padding: 0px;
	height:20px;
	width:520px;
}

#centre-display-left h3{
	width:520px;
	color:#333E48;
	float:left;
	font-family:"century gothic",verdana;
	font-size:13px;	
	padding:0px;
	margin:0px;
}
#centre-display-left em {
	width:520px;
	float:left;
	margin:0px;
}
#centre-display-right {
	width:350px
	float:left;
	margin:10px 0px 0px 0px;
}
#centre-display-right h3 {
	font-family:"century gothic",verdana;
	font-size:14px;
	float:left;
	color:#ffffff;
	padding:5px 0px 0px 15px;
}
#centre-display-right-tl  {
	background:url('images/Quote.jpg') no-repeat;
	float:left;
	width:178px;
	height:150px;
	margin-left:10px;	
}
#centre-display-right-tr {
	background:url('images/Showroom.jpg') no-repeat;
	float:left;
	width:178px;
	height:150px;	
	margin-left:10px;	
}
#centre-display-right-bl {
	background:url('images/10years.jpg') no-repeat;
	float:left;
	width:178px;
	height:150px;	
	margin-left:10px;	
}
#centre-display-right-br {
	background:url('images/Brochure.jpg') no-repeat;
	float:left;
	width:178px;
	height:150px;	
	margin-left:10px;	
}	
/* Portfolio area of front page  */
#recent-items {
	float:left;
	width:960px
}

#recent-images {
	float:left;
	width:200px;
	
}
#recent-images .img1 {
	float:left;
	width:190px;
	padding: 0px;
	margin:0px 0px 50px 0px;
}
#recent-projects {
	float:left;
	width:750px;
	margin:0px 0px 0px 0px;
}
#recent-projects table {
	float:left;
	width:690px;
	margin:0px;
}
#recent-projects tr {
	float:left;
	width:680px;
	margin:5px 0px;
	border-bottom:solid 1px #83ae83;
}

#recent-projects h2 {
	float:left;
	color:#676767;
	font-family:"century gothic",verdana;
	font-size:14px;
	padding:0px 0px 0px 10px;
}
#recent-projects p {
	float:left;
	width:450px;
	padding:0 0 0 10px;
}
#recent-projects a {
	color:#69a069;
	font-family:"century gothic",verdana;
	font-size:11px;
	text-decoration:none;
	margin:0px 0px 10px 0px;
}
#recent-testimonials {
	float:left;
	width:190px;	
	border-left:solid 1px #83ae83;
	padding:0px 0px 0px 10px;
}
#recent-testimonials h2 {
	background:url('images/test-fader-bar.jpg') no-repeat;
	float:left;
	height:35px;
	color:#ffffff;
	font-family:"century gothic",verdana;
	font-size:14px;
	padding:10px;
}
#recent-testimonials p {
	float:left;
	width:170px;	
	color:#676767;
	font-family:"century gothic",verdana;
	font-size:11px;
	border-bottom:solid 1px #83ae83;
}
#recent-testimonials a {
	float:left;
	color:#69a069;
	font-family:"century gothic",verdana;
	font-size:11px;
	text-decoration:none;
	margin:0px 0px 10px 0px;

}
#window-products {
	float:left;
	width:960px	
	margin:10px 0px;
	border-bottom:dashed 1px #99c89a;
}
#window-products-text {
	float:left;
	width:690px;	
}		
		
#window-products-img {
	float:left;
	width:200px;		
	height:210px;
}

#disppic  {
	float:left;
	width:960px
	text-align:left;	
}
#picleft {
	float:left;
	width:450px;
	text-align:left;	
}
#picright {
	float:left;
	width:450px;
	text-align:left;	
}
#picright h2 {
	float:left;
	text-align:left;	
	font-size:18px;
	font-weight:normal;
	color:#676767;
}
#picright p {
	float:left;
	font-size:14px;
	color:#c0b6b7;
	width:420px;
	color:#676767;
}

#picturesection  {
	float:left;
	width:960px
	text-align:left;	
}
#bafpictures {
	float:left;
	width:450px;
	text-align:left;	
	margin:0px;
	padding:0px;
}
#bafpictures h2{
	width:100%;
	color:#333E48;
	background:#F8D44C;
	float:left;
	height:30px;
	text-align:left;	
	padding:5px 0px 0px 10px;
	color:#ffffff;
}
#contactwrapper {
	overflow:hidden;
	background:transparent;
	float:left;
	width:530px;	
	padding:0px;
	margin:0px 0px 0px 10px;
}
#portfolio-main {
	float:left;
	color:#676767;
	background: #ffffff;
	margin: 0px auto 0px auto;
	padding:0px;
	text-align: left;
	width: 960px;
}

#portfolio-main h1 {
	color:#333E48;
	font-family:"century gothic",verdana;
	font-weight: bold;
	font-size: 20px;
	float:left;
	margin:10px 0px 10px 10px;
	padding: 0px;
	width:960px;
}
#portfolio-main h2 {
	color:#333E48;
	font-family:"century gothic",verdana;
	font-weight: bold;
	font-size: 16px;
	float: left;
	text-align:center;
	margin:20px 0px 5px 0px;
	padding: 0px;
	width:280px;
}
#portfolio-main h3 {
	color:#000000;
	font-family:"century gothic",verdana;
	font-weight: bold;
	font-size: 14px;
	float: left;
	text-align:center;
	margin:30px 0px 5px 0px;
	padding: 0px;
	width:280px;
}
#portfolio-main table{
	float:left;
	width:800px;
	margin-left:110px;
}
#portfolio-main tr {
	width:940px;
	float: left;
	height:230px;
}
#portfolio-main td {
	float: left;
	height:220px;
	width:300px;
}
#portfolio {
	float:left;
	color:#676767;
	background: #ffffff;
	margin: 0px auto 0px auto;
	padding:0px;
	text-align: left;
	width: 960px;
}
#portfolio table {
	display:block;
	margin:0 auto;
	width:1000px;
	
}
#portfolio tr{
	float:left;
	text-align:center;
	width:940px;	
}
#portfolio td{
	float:left;
	text-align:center;
	width:20%;	
}
#portfolio h2 {
	float:left;
	margin:0px;
	padding:3px;
	font-size:15px;
}
#navbar {
	float:left;
	width: 960px	
	margin: 0px;
	padding:0px;
	text-align: left;
}

#navtxt {
	float:left;
	width: 700px;	
	
}
.navbutton {
	display:block;
	float:left;
	width: 80px;	
	height:25px;
	font-size:11px;
	color:#333E48;
	background:#F8D44C;;
	padding:5px 0px;
	font-family:arial;
	text-align:center;
	margin:10px 0px 0px 0px;
	text-decoration:none;
}
.navbutton1 {
	width: 120px;	
	height:25px;
	font-size:11px;
	color:#333E48;
	background:#F8D44C;;
	padding:5px 0px;
	font-family:arial;
	text-align:center;
	text-decoration:none;
	background:url('images/nav-button1.jpg') no-repeat;
}


#col4-1,
#col4-2,
#col4-3,
#col4-4 {
	max-width:23%;
	width:100%;	
	float:left;
	padding:0;
	margin:1%;
	position:relative;

}

#col4-1 img,
#col4-2 img,
#col4-3 img,
#col4-4 img{
	display:block;
	margin:0 auto;
	max-width:80%;
	width:auto;	
}
#col4-1 p,
#col4-2 p,
#col4-3 p,
#col4-4 p{
	font-size:12px

}
#col4-1 h2,
#col4-2 h2,
#col4-3 h2,
#col4-4 h2{
	width:100%;
	margin:0 auto;
	display:block;
	text-align:center;
	font-size:30px;
	color:#333;
}


/*         Contact Page      */


#contactlhs,#contactrhs {
	color:#676767;
	float: left;
	padding:0px;
	margin:10px 0 0 0;
	font-family:"century gothic",verdana;
}
#contactlhs {
	width: 40%;
}
#contactrhs {
	width: 55%;
}
	
#contactlhs p,#contactrhs p {
	overflow:hidden;
	background: transparent;
	color:#676767;
	float: left;
	font-size:14px;
	width: 240px;
	padding:0px;
	margin:0;
	font-family:"century gothic",verdana;
}
#contact {
	float:left;
	max-width: 100%;
	width:100%;
	text-align: left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 10px;
}
#contact p {
	max-width:80%;
	width:100%;
	float:left;
	font-size: 15px;
	margin: 0px 0px 0px 0px;
	padding:0px;
	line-height:20px;
}
#contact .desctext {
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	padding: 5px 10px 0px 0px;
	margin:0px;
}
#contact .regtext {
	float:left;
	width: 180px;
	font-family: cabin,verdana;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	padding: 0px 3px 0px 0px;
	margin:0px;
}
#contact .ipdata {
	max-width:90%;
	width:100%;
	float: left;
	text-align: left;
	padding: 5px ;
	margin:0px 0 10px 0;
	color:#909090;
}
#contact .ipdata1 {
	width: 20px;	
	float: left;
	text-align: left;
	padding: 0px ;
	margin:0px;
}
#contact .normtext {
	max-width:450px;
	width:100%;
	font-family: cabin,verdana;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	padding: 0 10px 0 20px;
	margin: 0 0 0 20px;
}
#contact .texta {
	float:left;
	text-align:left;
	font-family: cabin,verdana;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	padding: 0px 10px 0px 0px;
	margin: 0px 10px 0px 0px;
	max-width:90%;
	width:100%;
}
#contact textarea {
	float:left;
	max-width:90%;
	width:100%;
	min-height:200px;
}
.contact-button {
	width:150px;
}
#contactform {
	float:left;
	max-width:100%;
	width:100%;	
}
.contact-title { 
	font-size:20px;
	color:#fff;
}
#contactform input {
	width:90%;
	padding:8px;
	border-radius:5px;
	background:#fff;
	margin:2px 0;
	font-family: 'PT Sans', sans-serif, arial;
	font-weight:400;
	font-size:14px;
}
#contactform textarea {
	width:90%;
	padding:8px;
	border-radius:5px;
	background:#fff;
	margin:2px 0;
	min-height:50px;
	font-family: 'PT Sans', sans-serif, arial;
	font-weight:400;
	font-size:14px;
}	
.contact-button {
	float:left;
	max-width:150px;
	width:100%;
	padding:10px;
	border-radius:5px;
}
.code-image {
	width:auto !important;
	height:auto !important;
}
placeholder { color:#909090 }
#col3-contact-1,
#col3-contact-2 {
	max-width:50%;
	width:100%;	
	float:left;
	padding:0;
	margin:0;
}

#col3-contact-1 h3,
#col3-contact-2 h3,
#col3-contact-3 h3{
	text-align:center;
	font-size:26px;
	margin:10px 0;
}
#col3-contact-1 h2,
	margin-top:0;
}

#Picname {
	color:#ffffff;
	float:left;
	font-size:20px;	
	line-height:24	px;
	font-weight:bold;
	margin:20px auto 10px auto ;
	padding:0px 0px 0px 20px;
}
#Picdesc {
	float:left;
	color:#ffffff;
	width:480px;
	font-family:"century gothic",verdana;
	font-size:13px;	
	font-weight:normal;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 20px;
}
#PicSrc img {
	float:left;
	margin:12px 0px 2px 0px;
	padding:0px;
}

#pfl {
	float:left;
	width:450px;
	padding:0px;
	margin:10px 0px 10px 10px;	
}

#pfr {
	float:left;
	width:440px;
	padding:0px;
	margin:10px 0px 10px 0px;	
}
#pfr table {
	float:left;
}
#pfr h1 {
	color:#333E48;
	font-family:"century gothic",verdana;
	font-weight: bold;
	font-size: 22px;
	float: left;
	text-align:left;
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 360px;
	line-height:26px;
}
#pfr td {
	float:left;
	font-size:10px;
	float:left;
	width:100px;
	padding:0px;
	margin:6px 2px 0px 2px;	
}
#pfr .lhs{
	float:left;
	width:360px;
	padding:0px;
	margin:0px;	
}
#pfr .rhs {
	float:left;
	width:400px;
	padding:0px;
	margin:0px;	

}
#pfr .mainpic {
	float:center;
	width:400px;
	padding:0px;
	margin:0px;	
}
#pfr p {
	width: 400px;
	float:left;
	color:#000000;
	font-family:"century gothic",verdana;
	font-size: 11px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height:17px;
	text-align:justify;
}
#pics img {
	float:center;
	padding:10px 0px 0px 0px;
	margin:0px;
	text-align:center;

}
#bottom {
	width:100%;
		background: #99c89a ;

	height:50px;
}

#comp {
	float:left;
	height:320px;
	}
	
.timber {
	float:left;
	width:100px;
	height:25px;
	background:#9999ff;
	margin-right:5px;
	margin-top:-3px;
}
.timbera {
	float:left;
	width:100px;
	height:25px;
	background:#660066;
	margin-right:5px;
	margin-top:-3px;
}
.sash {
	float:left;
	width:100px;
	height:25px;
	background:#0000ff;
	margin-right:5px;
	margin-top:-3px;
}
.aluminium {
	float:left;
	width:100px;
	height:25px;
	background:#33cccc;
	margin-right:5px;
	margin-top:-3px;
}
.stained {
	float:left;
	width:100px;
	height:25px;
	background:#ff99cc;
	margin-right:5px;
	margin-top:-3px;
}
.hardwood {
	float:left;
	width:100px;
	height:25px;
	background:#ffff99;
	margin-right:5px;
	margin-top:-3px;
}
.composite {
	float:left;
	width:100px;
	height:25px;
	background:#ff0000;
	margin-right:5px;
	margin-top:-3px;
}
.french {
	float:left;
	width:100px;
	height:25px;
	background:#99cc00;
	margin-right:5px;
	margin-top:-3px;
}
.bifold {
	float:left;
	width:100px;
	height:25px;
	background:#ccffff;
	margin-right:5px;
	margin-top:-3px;
}




#footer {
	z-index:1100;
	float:left;
	background:#333E48;
	font-size: 10px;
	padding: 0;
	text-align: left;
	width:100%;
	max-width: 100%;
	margin:0;
	padding:10px 0;
}

.footer-img { display:block }
#footer p {
	font-size:16px
}
#footer p.fp {
	width:100%;
	color:#fff;
	text-align:left;
	margin:0px;
	padding: 0 5px;
}
#footer a.fl {
	float:none;
	color:#fff;
	font-size:15px;
}
#footer a.fl:hover {
	text-decoration:underline;
}
#footer-upper {
	float:left;
	width:100%;
	background:#f1f1f1;
	text-align:left !important;
}
#advert {
	font-size: 10px;
	padding: 20px 0;
	text-align: left;
	width:100%;
	max-width: 1200px;
	margin:0px auto;
}	
#advert p {
	color:#fff;
	font-weight:300;
	float:left;
	text-align:left;
	margin:0px;
}
#advert a {
	float:right;
	font-weight:300;
	color: #fcfcfc;
	font-weight: none;
	text-decoration: none;
	padding:0px;
	margin:0px;
	text-align:left;
	line-height:18px;
}
#advert a:hover {
	color: #fff;
	font-weight: none;
	text-decoration:underline;
}
#advert a:visited {
	color: #fff;
	font-weight: none;
}
#advert .seo {
	color:#fcfcfc;
	max-width:80%;
	width:100%;
	float:left;
	text-align:center;
	font-size:12px;	
	padding:20px 0;
	margin:0;
}
#footer img {
	width:auto;
	height:auto;	
}
.fw-icon {
	float:right;
	margin-top:5px;
}
#footer-col1 {
	float:left;
	max-width:20%;
	width:100%;	
	padding:0 10px 50px 0;
}
	
#footer-col2 {
	float:left;
	max-width:20%;
	width:100%;	
	padding:0 10px 50px 0;
}
#footer-col3 {
	float:left;
	max-width:20%;
	width:100%;	
	padding:0 10px 50px 0;
}
#footer-col4 {
	float:left;
	max-width:20%;
	width:100%;	
	padding:0 10px 50px 0;
}
#footer-col5 {
	float:left;
	max-width:20%;
	width:100%;	
	padding:0 10px 50px 0;
}

#footer-col1 p,
#footer-col2 p,
#footer-col3 p,
#footer-col4 p,
#footer-col5 p {
	width:100%;
	float:none;
	color:#fff;
	text-align:left;
}
#footer-col1 h3,
#footer-col2 h3,
#footer-col3 h3,
#footer-col4 h3,
#footer-col5 h3 {
	width:100%;
	color:#fff;
	font-size:28px;
	text-align:left;
	margin-bottom:10px;
}
#footer-col2 img{
	float:left;
	width:auto;
	margin-bottom:5px;
}
#footer-col1 a {
	float:left;
	width:100%;
	padding:2px 0;
	font-size:14px;
}
#footer-menu {
	
	float:left;	
	margin-top:20px;
}
#footer-menu a {
	float:left;	
	padding:0 5px;
}	
#col-wrapper2 {
	background:#fff;
	float:left;
	max-width:1200px;
	width:100%;	
	margin: 0;
	margin-bottom: 20px;
	padding:20px;
}

#col-wrapper5 {
	float:left;
	max-width:100%;
	width:100%;	
}
#link-page-wrapper-full-width {
	float:left;
	max-width:100%;
	width:100%;
	text-align:center;
	color:#000;
	margin:0;
	padding:0;
}
#link-page-wrapper-full-width-flex {
	display:flex;
	flex-direction: row;
	text-align:center;
	color:#000;
	margin:0;
	padding:0;
	height:80px;
}
#col-half1 {
	float:left;
	max-width:50%;
	width:100%;	
	padding:5px;
}
#col-half2 {
	float:right;
	max-width:50%;
	width:100%;	
	padding:5px;
}
#col-half1 p,
#col-half1 h2,
#col-half2 p,
#col-half2 h2  {	
	float:left;
	width:100%;
	max-width:95%;
	padding:10px 0;
	text-align:left;
}
#col-half1 img  {	
	margin-right:10px;	
}
#col-half2 img  {	
	margin-right:10px;	
}

.home-page-3-1,
.home-page-3-2,
.home-page-3-3 {
	flex: 1;
	height:100%;
  	margin:0;
	padding:5px 3%;
	background:#F8D44C;
}
.home-page-3-1,
.home-page-3-2 {
	margin-right:.1%;
}
.three-section-inner {
	margin:0 auto;
	display:block;
	max-width:100%;
	width:100%;	
}
.three-section-inner img{
	width:auto;	
}

.home-page-3-1 img,
.home-page-3-2 img {
	float:left;
	max-width:20%;
	width:100%;
	padding:0 0 20px 0;
	margin-top:-5px;
}	
.home-page-3-3 img {
	float:left;
	max-width:12%;
	width:100%;
	padding:0 0 20px 0;
	margin-top:-5px;
}	
.home-page-3-1 p,
.home-page-3-2 p,
.home-page-3-3 p {
	margin:0 auto;
	float:none;
	font-size:18px;
	text-transform:uppercase;
	text-align:center;
	padding:10px;
	line-height:20px;
}
.flex-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.grid-item {
  flex: 1 1 calc(33.333% - 13.33px); /* 3 per row, accounting for gap */
  min-width: 250px; /* Prevents items becoming too narrow */
  padding: 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  text-align: center;
  background-color: #f9f9f9;
  margin-top:30px;
}
.grid-item h2 {
  margin-top: 0;
	color:##bf081e;
  text-align: center;
}

.grid-item img {
  max-width: 100%;
  height: auto;
  margin: 10px 0;
  border-radius:5px;
}
button,
.grid-item button {
  padding: 10px 16px;
  background-color: #bf081e;
  border: none;
  color: white;
  border-radius: 4px;
  cursor: pointer;
}

button:hover,
.grid-item button:hover {
  background-color: red;
}