/*

	FM Extrusions Media Query CSS
	Copyright (C) 2015 OwlTree Web Solutions.

*/



@media only screen and (min-width: 480px) and (max-width: 960px)
	{
		
		header, header.short
		{
			width: 100%;
			max-width: 960px;
			min-width: 480px;
			height: 450px;
			/*background: url(../images/banner.jpg) repeat;*/
			/*background-color: red;*/
			background-position: 50% 50%;  /* Sets reference point to scale from */
			background-size: cover;
		}
		
		.header-container
		{
			width: 100%;
			max-width: 960px;
			min-width: 480px;
			/*margin: 0px auto;*/
		}
		
		ul#topnav
		{
			max-width: 960px;
			min-width: 480px;
			/*width: 100%;*/
			margin: 0px auto;
			color: red;
			padding: 0.75em 0em 0.75em 0em;
		}	
		
		ul#topnav2
		{
			display: inline;
			display: none;
		}
		
		ul#topnav2 li
		{
			display: inline;
			margin-left: 1em;
			margin-right: 1em;
		}
			
		#topnav li ul.submenu
		{
			display: none;
		}
		
		#topnav li:hover > ul.submenu, #topnav li:focus > ul.submenu a
		{
			display: block;	
		}
		
		/*span.hide-menu
		{
			display: block;
		}*/
		
		img#logo-image
		{
			width: 322px;
			height: 175px;

		}
		
		.logo-container h2
		{
			font-size: 1.8em;
		}
		
		.service-line-container
		{
			width: 100%;
			max-width: 960px;
			min-width: 480px;
			margin: 0 auto;
			text-align: center;
		}

		.service-line, .service-line-last
		{
			float: left;
			width: 30%;  /* 24.85%*/
			max-width: 300px; /*290px;*/
			height: 150px;
			margin: 0 auto;
			background: none; 
			border-left: 1px dotted rgba(248,164,65, 1);
			border-bottom: none;
			color: gray;
		}
		
		.service-line-last
		{
			border-right: 1px dotted rgba(248,164,65, 1);
		}
		
		h2.service
		{
			font-size: 1.22em;
		}
		
		
		.service-line h3, .service-line-last h3
		{
			font-size: 1.2em;
		}
		
		.service-line h3, .service-line h2, .service-line-last h3,  .service-line-last h2 
		{
			color: rgba(248,164,65,1);
		}		
		
		.service-line p, .service-line-last p
		{
			color: #000000;
		}
		
		img.service-line-icon
		{
			display: block;
		}
		
		.content-container
		{
			width: 100%;
			max-width: 960px;
			min-width: 480px;
			margin: 0 auto;
			/*margin: 20px auto;*/
		}
		
		.content
		{
			float: left;
			width: 48%;
			/*max-width: 480px;*/
			border-bottom: none;
			margin: 50px 0 50px 0;
			/*margin-bottom: 50px;*/
		}
		
		.content-home
		{
			align-content: center;
			width: 98%;
			/*max-width: 480px;*/
			border-bottom: none;
			/*margin: 50px 1% 50px 1%;*/
			/*margin-bottom: 50px;*/
		}

		.right
		{
			border-left: orange dotted;
			border-right: orange dotted;
		}
		
		.left {
			border-left: orange dotted;
		}
		.content h2
		{
			font-size: 1em;
			font-weight: bold;
			margin-bottom: 1.0em;
			text-align: center;
		}
		
		.diagram-container
		{
			width: 100%;
			max-width: 960px;
			min-width: 480px;
			margin: 0 auto;
		}
		
		.diagram-container h3
		{
			font-size: 0.8em;
			padding-bottom: 0.5em;
		}
				
		.quote-strip
		{
			/*margin-top: 20px;*/
		}
		
		.quote-container
		{
			width: 100%;
			max-width: 960px;
			min-width: 480px;
			margin: 0 auto;
		}
		
		p.quote
		{
			font-family: Times;
			font-size: 2.0em;
			text-align: center;
			padding-left: 1.0em;
			padding-right: 1.0em;
		}
		
		img.home-img1,img.home-img2,img.home-img3
		{
			width: 100%;
			margin-bottom: 1.6em;
			border-radius: 7px;
		}
		
		img.service-img1
		{
			width: 50%;
		}

		
		/*--------- Services page ----------*/
		
		.service-line-detail, .contact-detail
		{
			width: 91%;
			max-width: 960px;
			margin-left: 5%;
		}
		
		img.extension-icon
		{
			width: 10%;
			margin-left: -6.2%;
		}
		
		.service-line-detail p, .contact-detail p
		{
			width: 85%;
			/*margin-top: -10%;*/
			margin-left: 8%;
			padding-right: 8%;
		}
		
		.service-line-detail h3, .contact-detail h3
		{
			margin-top: -10%;
		}
		
		.services-container
		{
			width: 100%;
			max-width: 960px;
			min-width: 480px;
			margin: 0 auto;
		}
		
		/*----------- Projects Page ------------*/	
		
		ul.project-list
		{
			width: 100%;
			padding: 2% 0%;
			margin-bottom: 1.0em;
			
			
		}
		
		li.project-item a
		{
			width: 46%;
			min-height: 380px;
			padding: 2% 1%;
			margin-right: 1%;
			margin-bottom: 2%;
			/*display: inline;*/
		}
		
		
		/*----------- Case Study Page ------------*/
		
		.case-study
		{
			float: left;
			width: 47%;
			margin-right: 0.5%;
			margin-left: 0.5%;
			margin-bottom: 2.0em;
		}
		
		.case-study h2
		{
			
		}
		
		.case-study p
		{
			
		}
		
		.case-study h3, case-study p
		{
			
		}
		
		#prev-next li
		{
			width: 18%;
		}
		
		
		/*---------- Footer ------------*/
		
		
		footer.top
		{
			/*margin-top: 50px;*/
		}
		
		.footer-container
		{
			width: 100%;
			max-width: 960px;
			min-width: 480px;
		}
		
		p.ftbottom-right
		{
			float: right;
		}
		
		.footer-top-left, .footer-top-centre, .footer-top-right
		{
			float: left;
			width: 31%;
		}
		
		.footer-top-centre
		{
			
		}
		
		.footer-top-right
		{
			
		}
		

}




@media only screen and (min-width: 960px) and (max-width: 1024px)
	{
		
		header, header.short
		{
			width: 100%;
			max-width: 1024px;
			min-width: 960px;
			height: 450px;
			/*background: url(../images/banner.jpg) repeat;*/
			background-position: 50% 50%;  /* Sets reference point to scale from */
			background-size: cover;
		}
		
		img.header-img
		{
			display: block;
		}
		
		.header-container
		{
			width: 100%;
			max-width: 1024px;
			min-width: 480px;
			text-align: center;
		}
		
		ul#topnav
		{
			max-width: 1024px;
			min-width: 480px;
			/*width: 100%;*/
			margin: 0px auto;
			color: white;
			padding: 0.75em 0em 0.75em 0em;
		}	
		
		ul#topnav2
		{
			display: inline;
		}
		
		ul#topnav2 li
		{
			display: inline;
			margin-left: 1em;
			margin-right: 1em;
		}
		
			
		#topnav li ul.submenu
		{
			display: none;
		}
		
		#topnav li:hover > ul.submenu
		{
			display: none;	
		}
		
		span.hide-menu, span.menu-symbol
		{
			display: none;
		}
		
		img#logo-image
		{
			width: 322px;
			height: 175px;
		}
		
		.logo-container h2
		{
			font-size: 1.8em;
		}
		
		.service-line-container
		{
			width: 100%;
			max-width: 1024px;
			min-width: 480px;
			margin: 0 auto;
			margin-top: 50px; /*-255px;*/
			/*transform: translateY(-255px);
			-webkit-transform: translateY(-255px);
			-moz-transform: translateY(-255px);
			-ms-transform: translateY(-255px);
			-o-transform: translateY(-255px);*/
			text-align: center;
		}

		.service-line, .service-line-last
		{
			float: left;
			width: 30%; /*24.8%; */
			max-width: 330px; /* 480px*/
			height: 250px;
			margin: 0 auto;
			background: none;
			border-left: 1px dotted rgba(248,164,65, 1);
			border-bottom: none;
		}
	
		.service-line-last
		{
			border-right: 1px dotted rgba(248,164,65, 1);
		}
	
		h2.service
		{
			font-size: 2.0em;
		}
		
		
		.service-line p, .service-line-last p
		{
			display: block;
		}
		
		.service-line h3, .service-line h2, .service-line-last h3,  .service-line-last h2 
		{
			color: rgba(248,164,65,1);
		}		
		
		.service-line p, .service-line-last p
		{
			color: #000000;
		}
		
		img.service-line-icon
		{
			display: block;
		}
		
		.content-container
		{
			width: 100%;
			max-width: 1024px;
			min-width: 480px;
			margin: 0 auto;
			/*margin: 50px auto;*/
		}
		
		.content
		{
			float: left;
			width: 48%;
			/*max-width: 480px;*/
			border-bottom: none;
			margin: 50px 0 50px 0;
			/*margin-bottom: 50px;*/
		}
		
		.content-home
		{
			float: left;
			width: 31%; /*46%;*/
			/*max-width: 480px;*/
			border-bottom: none;
			align-content: center;
			/*margin: 50px 1% 50px 1%;*/
			/*margin-bottom: 50px;*/
		}

		
		.right
		{
			border-left: orange dotted;
			border-right: orange dotted;
		}
		
		.left {
			border-left: orange dotted;
		}
		
		.content h2
		{
			font-size: 1.5em;
			font-weight: bold;
			margin-bottom: 1.0em;
			text-align: center;
		}
		
		.diagram-container
		{
			width: 100%;
			max-width: 1024px;
			min-width: 480px;
			margin: 0 auto;
		}
		
		.diagram-container h3
		{
			font-size: 1.5em;
			padding-bottom: 0;
		}
	
		.quote-strip
		{
			/*margin-top: 50px;*/
		}
		
		.quote-container
		{
			width: 100%;
			max-width: 1024px;
			min-width: 480px;
			margin: 0 auto;
		}
		
		p.quote
		{
			font-family: Times;
			font-size: 2.2em;
			text-align: center;
			padding-left: 1.0em;
			padding-right: 1.0em;
		}
		
		img.home-img1,img.home-img2,img.home-img3
		{
			width: 100%;
			margin-bottom: 1.6em;
			border-radius: 7px;
		}
		
			img.service-img1
		{
			width: 50%;
		}
	
		
		/*--------- Services page and 
						Contact page ----------*/
		
		.service-line-detail, .contact-detail
		{
			float: left;
			width: 44%;
			max-width: 512px;
			min-height: 180px;
			padding: 2% 1%;
			/*margin-right: 0.8%;*/
			margin-left: 3.5%;
			margin-bottom: 20px;
			text-align: justify;
			border: 1px solid silver;
			border-radius: 2px;
			
		}
		
		img.extension-icon
		{
			width: 15%;
			margin-left: -9%;
		}
		
		.services-container
		{
			width: 100%;
			max-width: 1024px;
			min-width: 480px;
			margin: 0 auto;
		}
		
		/*----------- Projects Page ------------*/	
		
		ul.project-list
		{
			width: 100%;
			padding: 2% 0%;
			margin-bottom: 1.0em;
			
			
		}
		
		li.project-item a
		{
			width: 46%;
			min-height: 400px;
			padding: 2% 1%;
			margin-right: 1%;
			margin-bottom: 2%;
			/*display: inline;*/
		}
		
		
		/*----------- Case Study Page ------------*/
		
		.case-study
		{
			float: left;
			width: 47%;
			margin-right: 0.5%;
			margin-left: 0.5%;
			margin-bottom: 2.0em;
		}
		
		.case-study h2
		{
			
		}
		
		.case-study p
		{
			
		}
		
		.case-study h3, case-study p
		{
			
		}
		
		#prev-next li
		{
			width: 12%;
		}
		
		/*---------- Footer ------------*/
		
		
		footer.top
		{
			/*margin-top: 50px;*/
		}
		
		.footer-container
		{
			width: 100%;
			max-width: 1024px;
			min-width: 480px;
		}
		
		p.ftbottom-right
		{
			float: right;
		}
		
		.footer-top-left, .footer-top-centre, .footer-top-right
		{
			float: left;
			width: 31%;
		}
		
		.footer-top-centre
		{
			
		}
		
		.footer-top-right
		{
			
		}
		
		
		
	}
	




@media only screen and (min-width: 1024px) and (max-width: 1280px)
	{
		
		header, header.short
		{
			width: 100%;
			max-width: 1280px;
			min-width: 1024px;
			height: 500px;
			/*max-height: 550px;*/
			/*background: url(../images/banner.jpg) repeat;*/
			background-position: 50% 50%;  /* Sets reference point to scale from */
			background-size: cover;
		}
		
		header.short
		{
			height: 700px;
		}
		
		img.header-img
		{
			display: block;
		}
		
		.header-container
		{
			width: 100%;
			max-width: 1280px;
			min-width: 480px;
			text-align: center;
		}
				
		ul#topnav
		{
			max-width: 1280px;
			min-width: 480px;
			/*width: 100%;*/
			margin: 0px auto;
			color: white;
			padding: 0.75em 0.0em 0.75em 0.0em;
		}	
		
		ul#topnav2
		{
			display: inline;
		}
		
		ul#topnav2 li
		{
			display: inline;
			margin-left: 1em;
			margin-right: 1em;
		}
		
			
		#topnav li ul.submenu
		{
			display: none;
		}
		
		#topnav li:hover > ul.submenu
		{
			display: none;	
		}
		
		span.hide-menu, span.menu-symbol
		{
			display: none;
		}
		
		img#logo-image
		{
			width: 322px;
			height: 175px;

		}
		
		.logo-container h2
		{
			font-size: 1.8em;
		}
		
		.service-line-container
		{
			width: 100%;
			max-width: 1280px;
			min-width: 480px;
			margin: 0 auto;
			margin-top: 50px; /* -255px; */
			/*transform: translateY(-255px);
			-webkit-transform: translateY(-255px);
			-moz-transform: translateY(-255px);
			-ms-transform: translateY(-255px);
			-o-transform: translateY(-255px);*/
			text-align: center;
			
		}

		.service-line, .service-line-last
		{
			float: left;
			width: 30%; /* 24.8%*/
			max-width: 420px; /*480px*/
			height: 250px;
			margin: 0 auto;
			background: none;
			border-left: 1px dotted rgba(248,164,65, 1);
			border-bottom: none;
		}
	
		.service-line-last
		{
			border-right: 1px dotted rgba(248,164,65, 1);
		}
	
		h2.service
		{
			font-size: 2.0em;
		}
		
		.service-line p, .service-line-last p
		{
			display: block;
		}
		
		.service-line h3, .service-line h2, .service-line-last h3,  .service-line-last h2 
		{
			color: rgba(248,164,65,1);
		}		
		
		.service-line p, .service-line-last p
		{
			color: #000000;
		}

		
		img.service-line-icon
		{
			display: block;
		}
		
		.content-container
		{
			width: 100%;
			max-width: 1280px;
			min-width: 480px;
			margin: 0 auto;
			/*margin: 50px auto;*/
		}
		
		.content
		{
			float: left;
			width: 48%;
			/*max-width: 480px;*/
			border-bottom: none;
			margin: 50px 0 50px 0;
			/*margin-bottom: 50px;*/
		}
		
		.content-home
		{
			float: left;
			width: 31%; /*46%;*/
			/*max-width: 480px;*/
			border-bottom: none;
			align-content: center;
			/*margin: 50px 1% 50px 1%;*/
			/*margin-bottom: 50px;*/
		}

		
		.right
		{
			border-left: orange dotted;
			border-right: orange dotted;
		}
		
		.left {
			border-left: orange dotted;
		}
		.content h2
		{
			font-size: 1.5em;
			font-weight: bold;
			margin-bottom: 1.0em;
			text-align: center;
		}
		
		
		.diagram-container
		{
			width: 100%;
			max-width: 1280px;
			min-width: 480px;
			margin: 0 auto;
		}
		
		.diagram-container h3
		{
			font-size: 1.5em;
			padding-bottom: 0;
		}
		
		.quote-strip
		{
			/*margin-top: 50px;*/
		}
		
		.quote-container
		{
			width: 100%;
			max-width: 1280px;
			min-width: 480px;
			margin: 0 auto;
		}
		
		p.quote
		{
			font-family: Times;
			font-size: 2.0em;
			text-align: center;
			padding-left: 1.0em;
			padding-right: 1.0em;
		}
		
		
	img.home-img1,img.home-img2,img.home-img3
		{
			width: 100%;
			margin-bottom: 1.6em;
			border-radius: 7px;
		}
		
			img.service-img1
		{
			width: 50%;
		}
	
			
		/*--------- Services page and 
						Contact page ----------*/
		
		.service-line-detail, .contact-detail
		{
			float: left;
			width: 44%;
			max-width: 640px;
			min-height: 180px;
			padding: 2% 1%;
			/*margin-right: 0.8%;*/
			margin-left: 3.5%;
			margin-bottom: 20px;
			text-align: justify;
			border: 1px solid silver;
			border-radius: 2px;
			
		}
		
		img.extension-icon
		{
			width: 15%;
			margin-left: -9%;
		}
		
		.services-container
		{
			width: 100%;
			max-width: 1280px;
			min-width: 480px;
			margin: 0 auto;
		}
		
		/*----------- Projects Page ------------*/	
		
		ul.project-list
		{
			width: 100%;
			padding: 2% 0%;
			margin-bottom: 1.0em;
			
			
		}
		
		li.project-item a
		{
			width: 30%;
			padding: 2% 1%;
			margin-right: 1%;
			margin-bottom: 2%;
			/*display: inline;*/
		}
		
		
		/*----------- Case Study Page ------------*/
		
		.case-study
		{
			float: left;
			width: 47%;
			margin-right: 0.5%;
			margin-left: 0.5%;
			margin-bottom: 2.0em;
		}
		
		.case-study h2
		{
			
		}
		
		.case-study p
		{
			
		}
		
		.case-study h3, case-study p
		{
			
		}
		
		#prev-next li
		{
			width: 12%;
		}
		
		/*---------- Footer ------------*/
		
		
		footer.top
		{
			/*margin-top: 50px;*/
		}
		
		.footer-container
		{
			width: 100%;
			max-width: 1280px;
			min-width: 480px;
		}
		
		p.ftbottom-right
		{
			float: right;
		}
		
		.footer-top-left, .footer-top-centre, .footer-top-right
		{
			float: left;
			width: 31%;
		}
		
		.footer-top-centre
		{
			
		}
		
		.footer-top-right
		{
			
		}
		
		h1#title
		{
			float: left;
			/*margin-right: auto;*/
		}

		.contact-image 
		{
			width: 46%;
			margin-bottom: 0.5em;
			float: left;
			margin-left: 3%;
			}
		
		.contact-image-rt
		{
			width: 46%;
			margin-bottom: 0.5em;
			float: right;
			margin-right: 1%;
		}
		
		
		
		
	}




@media only screen and (min-width: 1280px) and (max-width: 2560px)
	{
		
		header, header.short
		{
			z-index: 1000;
			width: 100%;
			max-width: 2560px;
			min-width: 1280px;
			height: 500px;
			/*background: url(../images/banner.jpg) no-repeat;*/
			/*transition: background-image 1s ease-in-out;*/
			background-position: 50% 50%;  /* Sets reference point to scale from */
			background-size: cover;
			/*-webkit-animation: titleAnimation 3s linear infinite 0s;*/
		}
		
		header.short
		{
			height: 700px;
		}
		
		img.header-img
		{
			display: block;
		}

		.header-container
		{
			width: 100%;
			max-width: 1280px;
			min-width: 480px;
			text-align: center;
			/*margin: 0px auto;*/
		}
		
		ul#topnav
		{
			max-width: 1280px;
			min-width: 480px;
			/*width: 100%;*/
			margin: 0px auto;
			color: white;
			padding: 0.75em 0.0em 0.75em 0.0em;
			
		}	
		
		ul#topnav2
		{
			display: inline;
		}
		
		ul#topnav2 li
		{
			display: inline;
			margin-left: 1em;
			margin-right: 1em;
		}
		
			
		#topnav li ul.submenu
		{
			display: none;
		}
		
		#topnav li:hover > ul.submenu
		{
			display: none;	
		}
		
		span.hide-menu, span.menu-symbol
		{
			display: none;
		}
		
		img#logo-image
		{
			width: 322px;
			height: 175px;

		}
		
		.logo-container h2
		{
			font-size: 1.8em;
		}
		
		.service-line-container
		{
			width: 100%;
			max-width: 1280px;
			min-width: 480px;
			margin: 0 auto;
			margin-top: 50px; /*-255px;*/
			/*transform: translateY(-255px);
			-webkit-transform: translateY(-255px);
			-moz-transform: translateY(-255px);
			-ms-transform: translateY(-255px);
			-o-transform: translateY(-255px);*/
			text-align: center;
		}

		.service-line, .service-line-last
		{
			float: left;
			width: 30%; /* 24.8%;*/
			max-width: 420px; /*480px*/
			height: 250px;
			margin: 0 auto;
			background: none;
			border-left: 1px dotted rgba(248,164,65, 1);
			border-bottom: none;
		}
	
		.service-line-last
		{
			border-right: 1px dotted rgba(248,164,65, 1);
		}
	
		h2.service
		{
			font-size: 2.0em;
		}
		
		.service-line p, .service-line-last p
		{
			display: block;
		}
		
		.service-line h3, .service-line h2, .service-line-last h3,  .service-line-last h2 
		{
			color: rgba(248,164,65,1);
		}		
		
		.service-line p, .service-line-last p
		{
			color: #000000;
		}
		
		img.service-line-icon
		{
			display: block;
		}
		
		.content-container
		{
			width: 100%;
			max-width: 1280px;
			min-width: 480px;
			margin: 0 auto;
			/*margin: 50px auto;*/
		}
		
		.content
		{
			float: left;
			width: 48%;
			/*max-width: 480px;*/
			border-bottom: none;
			margin: 50px 0 50px 0;
			/*margin-bottom: 50px;*/
		}
	
		.content-home
		{
			float: left;
			width: 31%; /*46%;*/
			/*max-width: 480px;*/
			border-bottom: none;
			align-content: center;
			/*margin: 50px 1% 50px 1%;*/
			/*margin-bottom: 50px;*/
		}
	
	
		.right
		{
			border-left: orange dotted;
			border-right: orange dotted;
		}
		
		.left {
			border-left: orange dotted;
			min-height: 100%;
		}
		
		.content h2
		{
			font-size: 1.5em;
			font-weight: bold;
			margin-bottom: 1.0em;
			text-align: center;
		}
		
		.diagram-container
		{
			width: 100%;
			max-width: 1280px;
			min-width: 480px;
			margin: 0 auto;
		}
		
		.diagram-container h3
		{
			font-size: 1.5em;
			padding-bottom: 0;
		}		
		
		.quote-strip
		{
			margin-top: 0px;
		}
		
		.quote-container
		{
			width: 100%;
			max-width: 1280px;
			min-width: 480px;
			margin: 0 auto;
		}
		
		p.quote
		{
			font-family: Times;
			font-size: 2.5em;
			text-align: center;
			padding-left: 1.0em;
			padding-right: 1.0em;
		}
		
		span.large-quotes
		{
			font-size: 2.0em;
		}
		
			img.home-img1, img.home-img2,img.home-img3
		{
			width: 100%;
			margin-bottom: 1.6em;
			border-radius: 7px;
		}
	
			img.service-img1
		{
			width: 50%;
		}
		
		/*--------- Services page and 
						Contact page ----------*/
		
		.service-line-detail, .contact-detail
		{
			float: left;
			width: 44%;
			max-width: 640px;
			min-height: 180px;
			padding: 2% 1%;
			/*margin-right: 0.8%;*/
			margin-left: 3.5%;
			margin-bottom: 20px;
			text-align: justify;
			border: 1px solid silver;
			border-radius: 2px;
			
		}
		
		img.extension-icon
		{
			width: 15%;
			margin-left: -9%;
		}
		
		.services-container
		{
			width: 100%;
			max-width: 1280px;
			min-width: 480px;
			margin: 0 auto;
		}
		
		/*----------- Projects Page ------------*/	
		
		ul.project-list
		{
			width: 100%;
			padding: 2% 0%;
			margin-bottom: 1.0em;
			
			
		}
		
		li.project-item a
		{
			width: 30%;
			padding: 2% 1%;
			margin-right: 1%;
			margin-bottom: 2%;
			/*display: inline;*/
		}
		
		
		
		/*----------- Case Study Pages ------------*/
		
		.case-study
		{
			float: left;
			width: 47%;
			margin-right: 0.5%;
			margin-left: 0.5%;
			margin-bottom: 2.0em;
		}
		
		.case-study h2
		{
			
		}
		
		.case-study p
		{
			
		}
		
		.case-study h3, case-study p
		{
			
		}
		
		#prev-next li
		{
			width: 12%;
		}
		
		/*---------- Footer ------------*/
		
		
		footer.top
		{
			/*margin-top: 50px;*/
		}
		
		.footer-container
		{
			width: 100%;
			max-width: 1280px;
			min-width: 480px;
		}
		
		p.ftbottom-right
		{
			float: right;
		}
		
		.footer-top-left, .footer-top-centre, .footer-top-right
		{
			float: left;
			width: 32%;
		}
		
		.footer-top-centre
		{
			
		}
		
		.footer-top-right
		{
			
		}

		h1#title
		{
			float: left;
			/*margin-right: auto;*/
		}

		.contact-image 
		{
			width: 46%;
			margin-bottom: 0.5em;
			float: left;
			margin-left: 3%;
			}
		
		.contact-image-rt
		{
			width: 46%;
			margin-bottom: 0.5em;
			float: right;
			margin-right: 1%;
		}
		
		
		
}