body{
		max-width:100%;		
	}		
		
	h4{
		text-align:center;
	}
	
	#txtLogo{
		width:150%;
		float:left;
		margin-top:10px;
	}
		
	#projects .container{
		max-width:100%;
		width:auto;
		padding-right:0px;
		padding-left:0px;
	}
	
	#feedback img{
		margin-right:5%;
	}

	#contact-margin-top{
		margin-top:2%;
	}
	
	#contactUs{
		padding-top:100px;
	}
	
	#contactUs h5, #certifications h5{
		color: #DDD;
		font-size:130%;
		font-weight:bold;
	}
	
	#about-div{
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:5%;
	}
	
	#about .col-xs-6{
		width:50%;
	}
	
	.about-bg{
		background: url('../images/backgrounds/dark-brushed-aluminum---saucepan.jpg')!important;
		background-repeat:no-repeat;
		background-size: cover !important;
		border:2px solid black;
		border-radius:25px 25px;
		padding:4%;
		border:2px solid #EEE;
	}
	
	#laptop-learn-more{
		border:none;
	}
	
	#laptop-learn-more input:hover{
		background-color:#444444;
	}
	
	#mobile-tablet-learn-more{
		border:none;
		margin-bottom:5%;
	}
	
	#mobile-tablet-learn-more input:hover{
		background-color:#444444;
	}
	
	#secondaryPageSiteHeader #projects{
		margin-top:5%;
	}

	#landingPage{
		background-image: url('../images/backgrounds/Gateway-bkgrnd-.jpg');
	}
	
	#promotionals .title-section{
		margin-bottom:0%;
	}
	
	.bold{
		font-weight:bold;
	}
	
	.banners-h4{
		font-style:italic;
	}
	
	.dropdown-toggle:focus{
		background-color:#777 !important;
	}
	
	.dropdown-menu a:hover{
		background-color:#444 !important;
	}
	
	.top-header a, .top-header span, #copyright, #go-top{
		color: #FFF;
		text-shadow: 2px 2px 4px #000000;
	}
	
	.inner-content span{
		font-style:italic;
		font-weight:bold;
	}
	
	.inner-content{
		width:100%;
		height:200px;
		padding-bottom:40%;
		text-align:center;
	}
	
	.products-p{		
		padding-bottom:2%;
		color:#444444; 		
	}
	
	.social-icons{
		text-align:center;
	}
	
	.row{
		margin-right: 0px;
	}

	#contactUs .inner-content, #certifications .inner-content{
		background: url('../images/backgrounds/dark-brushed-aluminum---saucepan.jpg') !important;
		background-repeat:no-repeat;
		background-size:cover;
	}
	
	.scrollable-menu li:hover{
		background-color:#444;
	}
	
	#secondaryPageSiteHeader .btn-primary:hover, #secondaryPageSiteHeader .dropdown-menu a:hover, #secondaryPageSiteHeader .btn-primary:active, .open .btn-primary.dropdown-toggle{
		background-color:#777;
	}
	
	#secondaryPageSiteHeader .btn-primary{
		height: 40px;
	}
	
	#secondaryPageSiteHeader .btn-group .homeBtn{
		padding:15% !important;
	}
	
	.dropdown-menu-scroll{
    height: auto;
    max-height: 220px;
    overflow-x: hidden;
	}
	
	#projects .title-section {
    margin-bottom: 0px;
}
	
	.selectedLanguage{
		background: url("../images/EN-FR/francais.png");
		background-size: 100% 100%;
		-webkit-text-stroke: 1px black;
   color: #FFF;
   text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
		font-weight:600;
		font-size:1.5em;
	}
	
	.flagBorder-xs-sm{
		    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
	}
	
	.otherLanguage{
		background: url("../images/EN-FR/english.png");
		background-size: 100% 100%;		
		-webkit-text-stroke: 1px black;
   color: #FFF;
   text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
		font-weight:600;
		font-size:1.5em;
	}
	
	#home form input:disabled, input[disabled]{
		opacity: .4;
	}
	
	.flex-direction-nav .flex-prev{
		left: 30px;
	}
	
	.flex-direction-nav .flex-next{
		right: 30px;
	}

	.flex-direction-nav a{
		opacity:1;
	}
	
	.capbox {
		background-color: #c21819;
		border-radius: 5px;
		border: #000 0px solid;
		border-width: 2px 2px 2px 2px;
		display: inline-block;
		*display: inline; 
		zoom: 1; 
		padding: 1%;
	}

	.capbox-inner {
			font: bold 11px arial, sans-serif;
			color: #FFF;
			background-color: #c21819;
			margin: 5px auto 0px auto;
			padding: 3px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
		}

	#CaptchaDiv {
			font: bold 17px verdana, arial, sans-serif;
			font-style: italic;
			color: #000000;
			background-color: #FFFFFF;
			padding: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
			text-align:center;
		}

	#CaptchaInput { 
		margin: 1px 0px 1px 0px; 
		width: 135px; 
		color: #000;
    font-size: 1.5em;
	}
	.noselect {
		-webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Safari */
		-khtml-user-select: none; /* Konqueror HTML */
		-moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
		user-select: none; /* Non-prefixed version, currently
															supported by Chrome and Opera */
	}
	
	.cert-card{
		height:80px !important;
	}
	
	.text-align-center{
		text-align:center;
	}
	
	.team-member img{
		border: 1px solid #000;
    /*border-radius: 30px 30px 0px 0px;*/			
	}
	.team-member{
		border-radius:0px !important;
	}
	
	.flex-prev, .flex-next{
		background-color:#c21819 !important;
	}
	
	.underline{
		text-decoration:underline;
	}
	
	.no-padding-left{
		padding-left:0px;
	}
	
	#uploads .full-row input{
		display:block;
	}
	
	.uploadBar{
		width: 65%;
    margin: 0px 0 0 25%;
    text-align: right;
	}
	
	#uploads .full-row{
		    margin: 0 0 0 43%;
	}
	
	.btn:hover{
		background-color:#444444;
	} 

	.mainPageDropdown {
    margin-left: -560% !important;
		width:auto !important;
	}
	
	.mainPageDropdown li{
		width: 100%;
		margin-left:0px !important;
	}
	    
	.mainPageDropdown li a{
		padding: 15px 15px !important;
	}
	
	.flexslider .slides p{
		text-align: center;
    margin-right: 5%;
    clear: none;
    float: right;
    margin-top: 1.5%;
    color: white;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    line-height: 18px;
	}
	
	.flexslider .slides h2{
		color: white;
    text-align: left;
    margin-top: 1.5%;
    display: inline-block;
    float: left;
    clear: none;
    margin-left: 2%;
    font-size: 30px;
    width: 100%;
	}
	
	.flex-caption{
		display: flex;
    justify-content: space-between;
	}
	
	#uploads .products-p{
		font-size:1.5em;
		text-align:center;
	}
	
	.flex-caption{
		display: flex;
    justify-content: space-between;
	}
	
	#footerImg {
    display: flex;
    justify-content: center;
    padding-bottom: 1%;
}

	#copyright {
    padding-bottom: 5%;
	}
	
	.footerCerts {
    padding: 0 1%;
    box-shadow: none;
}

	#policy .mainBtn {
    margin-right: 0%;
	}
	
	#businessHours tr {
    border-bottom: 1px solid #dddddd;
	}
	
	#businessHours th {
    text-align: right;
    font-weight: bold;
	}
	
	#businessHours {
    font-size: 16px;
	}
	
	#footerInfo a {
    display: inherit;
	}
	
	#footerInfo .fa {
    display: inherit;
    margin-right: 2%;
	}
	
	#feedback .products-p {
    margin-top: 1%;
    color: black;
    font-size: 16px;
	}
	
	#businessHours li{
		color: #444444 !important;
		font-weight:normal;
	}

	#paymentRow .title-section{
		margin-top: 50px;
		margin-bottom: 110px;
	}
	
	#paymentWarning {
    font-size: 100%;
    color: red;
    margin-top: 5%;
    margin-bottom: 5%;
	}
	
	
	#secondaryPageSiteHeader .btn-group .dropdown-menu a {
    color: #FFF !important;
    padding: 12% 12% 12% 12%;
    font-weight: bold;
	}
	
	#iframeDiv {
    display: flex;
    justify-content: center;
	}

	#footerInfo a, #footerInfo i, #footerInfo span {
			text-shadow: 2px 2px 4px #000000;
	}
	
	.langBtn{
		padding: 6px 12px;
		margin-right:0% !important;
	}
	
	/* Container needed to position the overlay. Adjust the width as needed */
	.container-1 {
		position: relative;
		margin: 5%;
	}

	/* Make the image to responsive */
	.image {
		display: block;
		width: 100%;
		height: auto;
	}

	/* The overlay effect - lays on top of the container and over the image */
	.overlay-1 {
		position: absolute; 
		bottom: 0; 
		background: rgb(0, 0, 0);
		background: rgba(0, 0, 0, 0.5); /* Black see-through */
		color: #f1f1f1; 
		width: 100%;
		transition: .5s ease;
		opacity:0;
		color: white;
		font-size: 20px;
		padding: 20px;
		text-align: center;
		font-family: "Open Sans", sans-serif;
		font-weight: bold;
		text-transform: uppercase;
	}

	/* When you mouse over the container, fade in the overlay title */
	.container-1 .overlay-1 {
		opacity: 1;
	}
	
	.container-1:hover .overlay-1 {
		opacity: 0.9;
		background-color:#c21819;
	}
	
	.section-description{
		font-family: "Open Sans", sans-serif;
		font-size: 18px;
		font-weight:bold;
		color:#c21819;
		font-style: italic;
		padding-bottom:5%;
	}

	.company-statement{
		padding-top: 40%;
	}
	
	.statement-text{
		padding-top: 2%;
    font-size: 150% !important;
	}
	
	.p-description{
		font-size:18px !important; 
		color:#000;
	}
	
	.responsive-menu .toggle-menu {
    font-size: 24px;
    text-shadow: 4px 4px 4px #000000;
    color: #FFF;
	}
	
	.underConstruction{
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: black;
		font-size:3em !important;
		color:orange;
	}
	
	a.current:hover {
    border: 1px solid #FFF !important;
	}
	
	#products img {
    box-shadow: 0 3px 3px rgba(1, 1, 1, 0.5);
    border: 1px solid #000;
	}
	
	#products img, #projects img, #promotionals img {
    box-shadow: 0 3px 3px rgba(1, 1, 1, 0.5);
    border: 1px solid #000;
}
	
/*------------------------------------------------------------------------*/
/*	Mobiles (Small - 390px or less)
/*------------------------------------------------------------------------*/	
	
@media only screen and (max-width:390px){
	body{
		margin:0 auto;
		max-width:100%;
	}
	
	h4{
		text-align:center;
	}
	
	#feedback iframe{
		width:100%;
		height:100%;
	}
	
	p, font,h4{
		width:100%;
		float:left;
		padding-left:4%;
		padding-right:4%;		
	}
	
	#toggle-menu{
		margin-top:-5%;
	}
	
	#txtLogo{
		width:150%;
		float:left;
		margin-top:10%;
		text-shadow: 4px 4px 4px #000000;
    color: #FFF;
	}
		
	#findUs{
		width:100%;
		float:none;
		padding-top:10%;
	}
	
	#contactUs{
		padding-top:140px;
	}
	
	#contactUs span, h5{
		color:#d12929; 
		text-shadow:none;
	}
	
	/*#contactUs h2, #contactUs h4{
		color:#e3e6ed;
	}*/
	
	#laptop-learn-more{
		display:none;
	}
	
	#mobile-tablet-learn-more{
		display:block;
		text-decoration:underline;
		font-size:120%;
	}
	
	#about-div{
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:5%;
	}
	
	#about img{
		border:2px solid #EEE;
		border-radius:5px;
	}
	
	#about h4{
		padding-bottom:10%;
	}
	
	#flex1{
		display:none;
	}
	
	#flex2{
		display:block;
		width:100%;
	}
	
	#projects .about-thumb{
		margin-bottom: 10px;
	}
	
	#projects h1{
		padding-top:15%;
	}
	
	#projects #vehicleH1{
		padding-top:0%;
	}
	
	#header-logo{
		width:100%;
	}
	
	#certifiedSignFabricator{
		margin-left: 28%;
		width:40%;
	}
	
	#MarioPellerinInstaller{
		margin-left: 28%;
		width:40%;
	}
	
	#ULC{
		margin-left: 40%;
    width: 20%;
	}
	
	#promotionals .gallery-container .tz-gallery {
		padding: 0px;
	}
	
	.main-header .logo h1 {
  font-size: 25px;
	}
	
	.description-ul{
	  color: #FFF;
    list-style-type: disc;
    margin-left: 8%;
	}
	
	.right-p{
		margin-bottom:5%;
	}
	
	.main-header{
		margin-top:-19px;
		padding:0px;
		background-image: url('../images/backgrounds/Codiac Red Topnav Bar.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 100% 0%;
	}
	
	.main-header .container{
		padding-left:0px;		
	}
	
	.main-header .logo h1 a{
		color:#444444;
	}
	
	.top-header{
		padding-bottom:10%;
	}
	
	.left-header{
		display:none;
	}
	
	.right-header{
		margin-top:2%;
	}
	
	.site-footer{
		text-align:center;
		margin-top:0px;
	}
	
	.img-center{
		max-width:100%;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	
	.row{
		padding-bottom:1%;
		margin-left:0%;
	}
	
	.mainBtn{
		margin-right:3%;
		border-radius:5px;
		margin-bottom: 5%;
	}
	
	.inner-content{
		width:100%;
		height:315px;
		padding-bottom:40%;
		text-align:center;
	}	
	
	.go-top{
		float:none !important;
	}	
	
	.go-bot{
		width:100%;
		margin-top:5%;
	}
		
	.responsive-menu{
		top:-25px;
	}
	
	/*.grey-background{
		background: #3d3f3f;
	}*/

	.white-background{
		background: #FFF;
		color:#777777;
	}

	.container.gallery-container {
    color: #333;
    min-height: 20vh;
    border-radius: 20px;
	}

	.gallery-container h1{
	/*	color: #e3e6ed;*/
		padding-bottom:3%;
	}
		
	#footerImg img{
		width:75% !important;
	}
		
	#policy .mainBtn {
    width: 90%;
	}
	
	#cash span {
    font-size: 60%;
	}
	
	#cheques span {
    font-size: 65%;
	}
	
	#mastercard span {
    font-size: 50%;
	}
	
	#visa span {
    font-size: 70%;
	}
	
	.mobileLanguageBtnCentered{
		 width:100%; 
		 text-align:center;
	}
	
	.underConstruction{
		font-size:1.5em !important;
	}
	
	
/*
	Secondary Page CSS 
*/

	#secondaryPageSiteHeader li{
		color:#444444 !important;
		font-weight:normal;
	}
	
	#secondaryPageSiteHeader .description-ul {
    color: #FFF;
    list-style-type: disc;
    margin-left: 8%;
	}
	
	#secondaryPageSiteHeader h1{
		display:none;
	}

	#secondaryPageSiteHeader .main-header{
		padding:20px 0;
	}
	
	#secondaryPageSiteHeader .main-header-shrink{
		padding:30px 0 !important;
	}
	
	#secondaryPageSiteHeader .tz-gallery{
		padding-top:30%;
	}
	
	#secondaryPageSiteHeader .scrollable-menu{
		max-height:325px;
	}
	
	#secondaryPageSiteHeader .responsive-menu{
		text-align:left;
		top:12px;
	}
	
	#secondaryPageSiteHeader .responsive-menu .menu{
		width:200%;
	}
	
	#secondaryPageSiteHeader .header-row .col-xs-6{
		padding-top:15%;
	}
	
	#secondaryPageSiteHeader .visible-xs {
		width:100%;
	}
	
	#secondaryPageSiteHeader #toggle-menu{
		text-align:left !important;
	}
	
/*
	Landing Page CSS 
*/	

	#landingPage .container{
		background: url('../images/backgrounds/dark-brushed-aluminum---saucepan.jpg')!important;
		background-repeat:no-repeat;
		background-size: cover !important;
		padding:5%;
		border:2px solid #EEE;
    border-radius: 15px 15px;
		margin-top:20%;
		margin-bottom:20%;
		width:75%;
	}
	
	#landingPage img{
		width:50%;
		margin: 0 25% 5% 25%;
	}
	
	#landingPage .service-header{
		text-align:left;
		font-weight:bold;
		font-size:150%;
	}
	
	#landingPage .service-item .service-header h3 {
		font-size: 18px;
		text-transform: uppercase;
		font-weight: 600;
		text-align:center;
		color:#FFF;
	}
	
	#landingPage .service-item .service-header {
		padding-bottom: 20px;
		clear: both;
	}

	#landingPage .mainBtn{
		margin-top:5%;
	}
	
	#landingPage #leftParagraph{
		padding-right:5%;
	}
	
	#landingPage #rightParagraph{
		padding-left:5%;
	}
	
	#landingPage span{
		display: block;
		width: 70px;
		height: 4px;
		background: #c21819;
		margin: 1% auto;
	}
	
	#landingPage #frBtn{
		margin-left:3%;
	}
}
	
/*------------------------------------------------------------------------*/
/*	Mobiles (Large - 391px to 600px)
/*------------------------------------------------------------------------*/	
	
@media only screen and (min-width:391px) and (max-width:600px){
	body{
		margin:0 auto;
		max-width:100%;
	}
	
	h4{
		text-align:center;
	}
	
	#feedback iframe{
		width:100%;
		height:100%;
	}
	
	p, font,h4{
		width:100%;
		float:left;
		padding-left:4%;
		padding-right:4%;		
	}
	
	#toggle-menu{
		margin-top:-1%;
	}
	
	#txtLogo{
		width:150%;
		float:left;
		margin-top:10%;
		text-shadow: 4px 4px 4px #000000;
    color: #FFF;
	}
	
	/*#contactUs h2, #contactUs h4{
		color:#e3e6ed;
	}*/
	
	#contactUs span, h5{
		color:#d12929; 
		text-shadow:none;
	}
	
	#contactUs .title-section{
		padding-top:10%;
	}
	
	#feedback .title-section{
		padding-top:5%;
	}
		
	#findUs{
		width:100%;
		float:none;
		padding-top:10%;
	}
		
	#laptop-learn-more{
		display:none;
	}
	
	#mobile-tablet-learn-more{
		display:block;
		text-decoration:underline;
		font-size:120%;
	}
	
	#about-div{
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:5%;
	}
	
	#about img{
		border:2px solid #EEE;
		border-radius:5px;
	}
	
	#about h4{
		padding-bottom:10%;
	}
	
	#flex1{
		display:none;
	}
	
	#flex2{
		display:block;
		width:100%;
	}
	
	#products .inner-content{
		height:275px;
		font-size:100%;
		text-align:left;
		padding-right:1% !important;
	}
	
	/* #products img{ */
		/* border:2px solid black; */
		/* border-radius:15px 15px 0px 0px !important; */
	/* } */
	
	#products .service-header{
		text-align:left;
		font-weight:bold;
		font-size:150%;
	}
	
	#certifiedSignFabricator{
		margin-left: 28%;
		width:40%;
	}
	
	#MarioPellerinInstaller{
		margin-left: 28%;
		width:40%;
	}
	
	#ULC{
		margin-left: 40%;
    width: 20%;
	}
	
	#projects h1{
		padding-top:15%;
	}
	
	#projects #vehicleH1{
		padding-top:0%;
	}
	
	#projects-container .col-xs-12{
		width:50%;
	}
	
	.description-ul{
	  color: #FFF;
    list-style-type: disc;
    margin-left: 8%;
	}
	
	.right-p{
		margin-bottom:5%;
	}
	
	.tz-gallery .col-xs-6{
		width:50%;
	}
	
	.img-center{
		max-width:100%;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	
	.left-header{
		display:none;
	}
	
	.right-header{
		margin-top:5%;
	}
	
	.main-header{
		padding:0px;
		background-image: url('../images/backgrounds/Codiac Red Topnav Bar.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 100% 0%;
	}
	
	.main-header .logo h1 a{
		color:#444444;
	}
	
	.company-statement{
		padding-top: 35%;
	}
	
	.site-footer{
		text-align:center;
		margin-top:0px;
	}
	
	.row{
		padding-bottom:1%;
		margin-left:0%;
	}	

	.container{
		margin-top:-10px;
	}
	
	.mainBtn{
		margin-right:3%;
		border-radius:5px;
	}
	
	.inner-content{
		width:100%;
		height:315px;
		padding-bottom:40%;
		text-align:center;
	}	
	
	.go-top{
		float:none !important;
	}
	
	.go-bot{
		width:100%;
		margin-top:2%;
	}
	
	.col-xs-6 {
    width: auto;
    min-width: 0;
	}
	
	.text-align-left{
		text-align:left;
	}
	
	.responsive-menu{
		top:-25px;
	}
	
	/*.grey-background{
		background: #3d3f3f;
	}*/

	.white-background{
		background: #FFF;
		color:#777777;
	}

	.container.gallery-container {
    color: #333;
    border-radius: 20px;
	}
	
	.responsive-menu .toggle-menu {
    font-size: 24px;
    text-shadow: 4px 4px 4px #000000;
    color: #FFF;
	}
	
	.gallery-container h1{
	/*	color: #e3e6ed;*/
		padding-bottom:3%;
	}
	
	#footerImg img{
		width:50% !important;
	}
	
	#policy .mainBtn {
    width: 70%;
    margin-bottom: 5%;
	}

	#cash span {
    font-size: 90%;
	}
	
	#cheques span {
    font-size: 90%;
	}
	
	#mastercard span {
    font-size: 70%;
	}
	
	#visa span {
    font-size: 90%;
	}
	
	.mobileLanguageBtnCentered{
		 width:100%; 
		 text-align:center;
	}
	
	.underConstruction{
		font-size:1.5em !important;
	}
	
/*
	Secondary Page CSS 
*/

	#secondaryPageSiteHeader li{
		color:#444444 !important;
		font-weight:normal;
	}
	
	#secondaryPageSiteHeader .description-ul {
    color: #FFF;
    list-style-type: disc;
    margin-left: 8%;
	}

	#secondaryPageSiteHeader h1{
		display:none;
	}
	
	#secondaryPageSiteHeader .main-header{
		padding:30px 0;
	}
	
	#secondaryPageSiteHeader .main-header-shrink{
		padding:20px 0 !important;
	}
	
	#secondaryPageSiteHeader .tz-gallery{
		padding-top:20% !important;
	}
	
	#secondaryPageSiteHeader .responsive-menu .menu{
		width:325px;
	}
	
	#secondaryPageSiteHeader .responsive-menu{
		top:5px;
		text-align:left;
	}
	
	#secondaryPageSiteHeader .container{
		margin-top:2px;
	}
	
/*
	Landing Page CSS 
*/	
	
	#landingPage .container{
		background: url('../images/backgrounds/dark-brushed-aluminum---saucepan.jpg')!important;
		background-repeat:no-repeat;
		background-size: cover !important;
		padding:5%;
		border:2px solid #EEE;
		border-radius: 15px 15px;
		margin-top:10%;
		margin-bottom:10%;
		width:75%;
	}
	
	#landingPage img{
		width:50%;
		margin: 0 25% 5% 25%;
	}
	
	#landingPage .service-header{
		text-align:left;
		font-weight:bold;
		font-size:150%;
	}
	
	#landingPage .service-item .service-header h3 {
		font-size: 18px;
		text-transform: uppercase;
		font-weight: 600;
		text-align:center;
		color:#FFF;
	}
	
	#landingPage .service-item .service-header {
		padding-bottom: 20px;
		clear: both;
	}

	#landingPage .mainBtn{
		margin-top:5%;
	}
	
	#landingPage #leftParagraph{
		padding-right:5%;
	}
	
	#landingPage #rightParagraph{
		padding-left:5%;
	}
	
	#landingPage span{
		display: block;
		width: 70px;
		height: 4px;
		background: #c21819;
		margin: 1% auto;
	}
	
	#landingPage #frBtn{
		margin-left:3%;
	}
}

/*------------------------------------------------------------------------*/
/*	Tablets (601px to 760px)
/*------------------------------------------------------------------------*/

@media only screen and (min-width:601px) and (max-width: 760px){
	body{
		margin:0 auto;
		max-width:100%;
/* 		color: #e3e6ed !important;
		text-shadow: 2px 2px 4px #000000; */
		/* background-image: url('../images/338571524.jpg'); */
		/* background-image: url('../images/backgrounds/Asphalt Road v2.jpg') !important;
		background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
	}
	
	#projects, #about, #promotionals, #feedback{
	/* 	background-image: url('../images/338571524.jpg'); */
		/* background-image: url('../images/backgrounds/Asphalt Road v2.jpg');
		background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
	}
	
	#projects h1{
		padding-top:10%;
	}
	
	#projects #vehicleH1{
		padding-top:0%;
	}
	
	#projects-container .col-xs-12{
		width:50%;
	}
	
	.top-header, .site-footer{
		/* background-image: url('../images/backgrounds/Codiac-Red-Topnav-Bar-02.jpg');
		background-repeat:no-repeat;
		background-size:cover; */
	}
	
	#feedback iframe{
		width:100%;
	}
	
	p, font,h4{
		width:100%;
		float:left;
		padding-left:4%;
		padding-right:4%;		
	}
	
/* 	h2, h3, h4{
		color: #e3e6ed;
		text-shadow: 2px 2px 4px #000000;
	} */
	
	#contactUs{
		padding-top: 140px;
	}
	
	#contactUs a, #downloads a, #products a, .contact-info a{
		color: #8ab3f2;
    text-shadow: none;
   /* font-weight: bold;*/
	}
	
	#contactUs span, h5{
		color:#d12929; 
		text-shadow:none;
	}
	
	/*#contactUs h2, #contactUs h4{
		color:#e3e6ed;
	}*/
	
	#txtLogo{
		width:150%;
		float:left;
		margin-top:10px;
		text-shadow: 4px 4px 4px #000000;
    color: #FFF;
	}
		
	#findUs{
		width:100%;
		float:none;
	}	
	
	#top-container{
		margin-top:0px;
	}
	
	#laptop-learn-more{
		display:none;	
	}
	
	#mobile-tablet-learn-more{
		display:block;
		text-decoration:underline;
		font-size:120%;
	}
	
	#learn-more-container{
		margin-top:-1%;
	}
	
	#about-div{
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:5%;
	}
	
	#about img{
		border:2px solid #EEE;
		border-radius:25px;
	}
	
	#about h4{
		padding-bottom:5%;
	}
	
	#flex2{
		display:none;
	}
	
	#products .inner-content{
		height:325px;
		font-size:100%;
		text-align:left;
		padding-right:1% !important;
	}
	
	/* #products img{ */
		/* border:2px solid black; */
		/* border-radius:15px 15px 0px 0px !important; */
	/* } */
	
	#products .service-header{
		text-align:left;
		font-weight:bold;
		font-size:150%;
	}
	
	#certifiedSignFabricator{
		margin-left: 28%;
		width:40%;
	}
	
	#MarioPellerinInstaller{
		margin-left: 28%;
		width:40%;
	}
	
	#ULC{
		margin-left: 40%;
    width: 20%;
	}
	
	.description-ul{
	  color: #FFF;
    list-style-type: disc;
    margin-left: 8%;
	}
	
	.right-p{
		margin-bottom:2%;
	}
	
	.main-header .logo h1 a{
		color:#444444;
		text-shadow:none;
	}
	
	.main-header{
		padding: 0px;
		width:100%;
		background-image: url('../images/backgrounds/Codiac Red Topnav Bar.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 100% 0%;
	}
	
	.main-header .logo{
		margin-top:30px;
	}
	
	.left-header{
		display:none;
	}
	
	.right-header{
		margin-top:2%;
	}
	
	.site-footer{
		text-align:center;
		margin-top:0px;
	}
	
	.team-member{
		width:50%;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	
	.company-statement{
		padding-top: 5%;
	}
	
	.img-center{
		max-width:100%;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	
	.row{
		padding-bottom:1%;
		margin-left:0%;
	}
	
	.container{
		margin-top:-2%;
	}
	
	.top-right-container-margin{
		margin-right:21%;
	}
	
	.container.gallery-container {
    color: #333;
    border-radius: 20px;
	}

	.gallery-container h1{
	/*	color: #e3e6ed;*/
		padding-bottom:3%;
	}
	
	.mainBtn{
		margin-right:3%;
		border-radius:5px;
	}

	.products-p{
		width:100%;
	}
	
	.inner-content{
		width:100%;
		height:315px;
		padding-bottom:40%;
		text-align:center;
	}		
	
	.flex-caption p{
		width:100%;
	}
	
	.go-top{
		float:none !important;
	}
	
	.go-bot{
		width:100%;
		margin-top:2%;
	}
	
	.text-align-left{
		text-align:left;
	}
	
	/*.grey-background{
		background: #3d3f3f;
	}*/
	
	.responsive-menu .toggle-menu {
    font-size: 24px;
    text-shadow: 4px 4px 4px #000000;
    color: #FFF;
	}
	
	.toggle-menu{
		color:#FFF !important;
	}
	
	.flex-caption {
		top: 69%;
    background-color: black;
    padding-bottom: 3%;
    opacity: 0.7;
	}

	.flex-caption span {
		margin: 0%;
	}
		
	.flex-caption h2 {
		margin-bottom: 0px;
	}
	
	.flexslider .slides h2 {
		font-size: 20px;
    margin-top: 2%;;
	}
	.flexslider .slides p {
		margin-top: 1%;
		font-size: 14px;
	}
	
	#products, #projects, #promotionals, #about, #feedback, #contactUs, #uploads {
		padding-top: 165px;
	}
	
	#policy .mainBtn {
    width: 45%;
    margin-bottom: 5%;
	}
	
	#businessHours .row {
    width: 50%;
    margin: 0 auto;
	}
	
	#cash span {
    font-size: 60%;
	}
	
	#cheques span {
    font-size: 60%;
	}
	
	#mastercard span {
    font-size: 45%;
	}
	
	#visa span {
    font-size: 60%;
	}
	
	.mobileLanguageBtnCentered{
		 width:100%; 
		 text-align:center;
	}
	
	.underConstruction{
		font-size:2em !important;
	}
	
/*
	Secondary Page CSS 
*/
	#secondaryPageSiteHeader li{
		color:#444444 !important;
		font-weight:normal;
	}
	
	#secondaryPageSiteHeader .description-ul {
    color: #FFF;
    list-style-type: disc;
    margin-left: 8%;
	}

	#secondaryPageSiteHeader .tz-gallery{
		padding-top:15% !important;
	}
	
	#secondaryPageSiteHeader .main-header{
		padding:15px 0;
	}
	
	#secondaryPageSiteHeader .main-header-shrink{
		padding:0px 0 !important;
	}
	
	#secondaryPageSiteHeader .responsive-menu{
		width:110%;
		top:-25px;
	}
	
	#secondaryPageSiteHeader .responsive-menu .menu{
		top:52px;
	}
	
	#secondaryPageSiteHeader .main-header .logo{
		margin-top:35px
	}
	
	#secondaryPageSiteHeader .mainBtn{
		margin-top:4%;
	}	
	
	#secondaryPageSiteHeader .btn-group{
		top:35px;
	}
	
/*
	Landing Page CSS 
*/	
	#landingPage .container{
		background: url('../images/backgrounds/dark-brushed-aluminum---saucepan.jpg')!important;
		background-repeat:no-repeat;
		background-size: cover !important;
		padding:5%;
		border:2px solid #EEE;
		border-radius: 25px 25px;
		margin-top:10%;
		margin-bottom:10%;
		width:75%;
	}
	
	#landingPage img{
		width:50%;
		margin: 0 25% 5% 25%;
	}
	
	#landingPage .service-header{
		text-align:left;
		font-weight:bold;
		font-size:150%;
	}
	
	#landingPage .service-item .service-header h3 {
		font-size: 18px;
		text-transform: uppercase;
		font-weight: 600;
		text-align:center;
		color:#FFF;
	}
	
	#landingPage .service-item .service-header {
		padding-bottom: 20px;
		clear: both;
	}

	#landingPage .mainBtn{
		margin-top:5%;
	}
	
	#landingPage #leftParagraph{
		padding-right:5%;
	}
	
	#landingPage #rightParagraph{
		padding-left:5%;
	}
	
	#landingPage span{
		display: block;
		width: 70px;
		height: 4px;
		background: #c21819;
		margin: 1% auto;
	}
	
	#landingPage #frBtn{
		margin-left:3%;
	}
}

/*------------------------------------------------------------------------*/
/*	Tablets (761px to 991px)
/*------------------------------------------------------------------------*/

@media only screen and (min-width:761px) and (max-width: 991px){
	body{
		margin:0 auto;
		max-width:100%;
/* 		color: #e3e6ed !important;
		text-shadow: 2px 2px 4px #000000; */
		/* background-image: url('../images/338571524.jpg'); */
		/* background-image: url('../images/backgrounds/Asphalt Road v2.jpg');
		background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
	}
	
	#feedback iframe{
		width:100%;
		height:425px;
	}
	
	p, font,h4{
		width:100%;
		float:left;
		padding-left:4%;
		padding-right:4%;		
	}
	
	#referral{
		margin-left:50%;
	}
	
/* 	h2, h3, h4{
		color: #e3e6ed;
		text-shadow: 2px 2px 4px #000000;
	} */
	
	#projects, #about, #promotionals, #feedback{
	/* 	background-image: url('../images/338571524.jpg'); */
		/* background-image: url('../images/backgrounds/Asphalt Road v2.jpg');
		background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
	}
	
	#projects h1{
		padding-top:7%;
	}
	
	#projects #vehicleH1{
		padding-top:0%;
	}
	
	#contactUs a, #downloads a, #products a, .contact-info a{
		color: #8ab3f2;
    text-shadow: none;
   /* font-weight: bold;*/
	}
	
	#feedback{
    padding-top: 120px;
	}
	
/*	#contactUs h2, #contactUs h4{
		color:#e3e6ed;
	}*/
	
	#contactUs span, h5{
		color:#d12929; 
		text-shadow:none;
	}
	
	#contactUs{
		padding-top:140px;
	}
	
	#contactUs .col-sm-12{
		margin-top:5%;
	}
	
	#txtLogo{
		width:150%;
		float:left;
		margin-top:10px;
		text-shadow: 4px 4px 4px #000000;
    color: #FFF;
	}
		
	#findUs{
		width:100%;
		float:none;
		padding-bottom:8%;
	}
	
	#top-container{
		margin-top:0px;
	}
	
	#top-row{
		display:flex;
		align-items:center;
	}
	
	#laptop-learn-more{
		display:none;	
	}
	
	#mobile-tablet-learn-more{
		display:block;
		text-decoration:underline;
		font-size:120%;
	}
	
	#learn-more-container{
		margin-top:0.5%;
	}
	
	/*#copyright{
		text-align:left;
	}*/
	
	#about-div{
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:5%;
	}
	
	#about img{
		/* border: 1px solid #444444; */
    /* border-radius: 25px; */
    /* box-shadow: 3px 3px 15px #333333; */
    box-shadow: 0 3px 3px rgba(1, 1, 1, 0.5);
    border: 1px solid #000;
	}
	
	#flex2{
		display:none;
	}
	
	#go-top{
		margin-top:15px;
	}
	
	#products .inner-content{
		height:275px;
		font-size:100%;
		text-align:left;
		padding-right:1% !important;
	}
	
	/* #products img{ */
		/* border:2px solid black; */
		/* border-radius:15px 15px 0px 0px !important; */
	/* } */
	
	#products .service-header{
		text-align:left;
		font-weight:bold;
		font-size:150%;
	}
	
	#certifiedSignFabricator{
		margin-left: 28%;
		width:40%;
	}
	
	#MarioPellerinInstaller{
		margin-left: 28%;
		width:40%;
	}
	
	#ULC{
		margin-left: 40%;
    width: 20%;
	}
	
	.description-ul{
	  color: #FFF;
    list-style-type: disc;
    margin-left: 8%;
		margin-bottom:10%;
	}
	
	.right-p{
		margin-bottom:2%;
		margin-top:10%
	}
	
	.responsive-menu .toggle-menu {
    font-size: 24px;
    text-shadow: 4px 4px 4px #000000;
    color: #FFF;
	}
	
	.toggle-menu{
		color: #FFF !important;
	}
	
	.main-header{
		width:100%;
		padding: 20px 0;
		background-image: url('../images/backgrounds/Codiac Red Topnav Bar.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 100% 0%;
	}
	
	.main-header-shrink{
		padding: 10px 0 !important;
	}
	
	.main-header .logo h1 a{
		color:#444444;
		text-shadow:none;
	}
	
	.main-header .container{
		margin-top:0%;
		padding-bottom:0px;
	}
	
	.right-header{
		text-align:right;
		margin-top:2%;
	}
	
	.left-header{
		text-align:center;
		padding-top:2%; 
	}
	
	.site-footer .container{
		padding-bottom:0px;
	}

	.site-footer{
		text-align:center;
		margin-top:0px;
	}
	
	.site-footer p{
		margin-top:30px;
	}
	
	.top-header, .site-footer{
		/* background-image: url('../images/backgrounds/Codiac-Red-Topnav-Bar-02.jpg');
		background-repeat:no-repeat;
		background-size:cover; */
	}
	
	.go-bot{
		width:100%;
		margin-top:2%;
	}	
	
	.company-statement{
		padding-top: 5%;
	}
	
	.team-member{
		width:50%;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	
	.img-center{
		max-width:100%;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	
	.text-align-center{
		text-align:center !important;
	}
	
	.row{
		padding-bottom:1%;
		margin-left:0%;
	}
	
	.container{
		margin-top:-20px;
	}
	
	.mainBtn{
		margin-right:3%;
		border-radius:5px;
	}

	.products-p{
		width:100%;
	}
	
	/*.grey-background{
		background: #3d3f3f;
	}*/
	
	.inner-content{
		width:100%;
		height:315px;
		padding-bottom:40%;
		text-align:center;
	}		
	
	.flex-caption p{
		width:100%;
	}
	
	.text-align-left{
		text-align:left;
	}

	.container.gallery-container {
    color: #333;
    border-radius: 20px;
	}

	.gallery-container h1{
	/*	color: #e3e6ed;*/
		padding-bottom:3%;
	}
		
	.flex-caption {
		top: 80%;
    background-color: black;
    padding-bottom: 2%;
    border-bottom: 1px solid white;
    opacity: 0.7;
	}

	.flex-caption span {
		margin: 0%;
	}
		
	.flex-caption h2 {
		margin-bottom: 0px;
	}
		
	.flexslider .slides p{
		margin-top: 0%;
    font-size: 14px;
	}
	
	.flexslider .slides h2{
		font-size: 20px;
    margin-top: 1%;
	}
	
	#policy .mainBtn {
    width: 70%;
    margin-bottom: 5%;
	}
	
	#businessHours .row {
    width: 50%;
    margin: 0 auto;
	}
		
	#cash span{
		font-size:70%;
	}
	
	#cheques span{
		font-size:80%;
	}
	
	#mastercard span{
		font-size:70%;
	}
	
	#visa span{
		font-size:80%;
	}
	
	.underConstruction{
		font-size:2em !important;
	}
	
	
/*
	Secondary Page CSS 
*/

	#secondaryPageSiteHeader li{
		color:#444444 !important;
		font-weight:normal;
	}
	
	#secondaryPageSiteHeader .description-ul {
    color: #FFF;
    list-style-type: disc;
    margin-left: 8%;
	}
	
	#secondaryPageSiteHeader #go-top{
		margin-top:35px;
	}
	
	#secondaryPageSiteHeader .col-sm-8{
		margin-top:2%;
	}
	
	#secondaryPageSiteHeader .tz-gallery{
		padding-top:10% !important;
	}
	
	#secondaryPageSiteHeader .mainBtn{
		margin-top:3%;
	}
	
	#secondaryPageSiteHeader .responsive-menu{
		top:-25px;
	}
	
	#secondaryPageSiteHeader .main-header{
		padding:15px 0;
		padding-top:0px !important;
	}
	
	#secondaryPageSiteHeader .main-header .logo{
		margin-top:20px;
	}
	
	#secondaryPageSiteHeader .main-header-shrink{
		padding:0px 0 !important;
	}

	#secondaryPageSiteHeader .btn-group{
		top:25px;
	}
	
/*
	Landing Page CSS 
*/		
	#landingPage .container{
		background: url('../images/backgrounds/dark-brushed-aluminum---saucepan.jpg')!important;
		background-repeat:no-repeat;
		background-size: cover !important;
		padding:5%;
		border:2px solid #EEE;
		border-radius: 25px 25px;
		margin-top:3%;
		margin-bottom:5%;
		width:75%;
	}
	
	#landingPage img{
		width:50%;
		margin: 0 25% 5% 25%;
	}
	
	#landingPage .service-header{
		text-align:left;
		font-weight:bold;
		font-size:150%;
	}
	
	#landingPage .service-item .service-header h3 {
		font-size: 18px;
		text-transform: uppercase;
		font-weight: 600;
		text-align:center;
		color:#FFF;
	}
	
	#landingPage .service-item .service-header {
		padding-bottom: 20px;
		clear: both;
	}

	#landingPage .mainBtn{
		margin-top:15%;
	}
	
	#landingPage #leftParagraph{
		padding-right:5%;
	}
	
	#landingPage #rightParagraph{
		padding-left:5%;
	}
	
	#landingPage span{
		display: block;
		width: 70px;
		height: 4px;
		background: #c21819;
		margin: 1% auto;
	}
	
	#landingPage #frBtn{
		margin-left:3%;
	}		
}


/*------------------------------------------------------------------------*/
/*	Small Laptops/Desktops (993px to 1199px)
/*------------------------------------------------------------------------*/

@media only screen and (min-width:992px) and (max-width: 1199px){
	body{
		margin:0 auto;
		max-width:100%;
		color: #444444 !important;
		/* text-shadow: 2px 2px 4px #000000;
	  background-image: url('../images/338571524.jpg'); */
		/*background-image: url('../images/backgrounds/Asphalt Road v2.jpg');
		background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
	}
	
	a{
		color:#8ab3f2;
		text-shadow:none;
	}
	
	#feedback iframe{
		width:100%;
		height:425px;
	}
	
	p, h4{
		width:100%;
		float:left;
	}
	
	h2, h3, h4{
		color: #444444;
		/*text-shadow: 2px 2px 4px #000000;*/
	}
	
	#projects, #about, #promotionals, #feedback{
		/* background-image: url('../images/338571524.jpg'); */
		/*background-image: url('../images/backgrounds/Asphalt Road v2.jpg');
		background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
	}
	
	#products, #about{
		padding-left: 2%;
    padding-right: 2%
	}
	
	#products .inner-content{
		height:500px;
		font-size:100%;
		text-align:left;
		padding-right:1% !important;
	}
	
	#products h5{
		font-weight:bold;
	}
	
	#products div{
		font-size:103%;
	}
	
	#txtLogo{
		width:100%;
		float:left;
		margin-top:10px;
		text-shadow:4px 4px 4px #000000;
		color:#FFF;
	}
	
	#contactUs .title-section{
		padding-top:3%;
	}
	
	/* #contactUs p{ */
		/* color: #BBB; */
		/* text-shadow:none; */
	/* } */
	
	#feedback p, #contactUs span, h5{
		color:#d12929; 
		text-shadow:none;
	}
		
	#findUs{
		width:100%;
		float:none;
		padding-bottom:5%;
	}
	
	#top-row{
		display:flex;
		align-items:center;
	}
	
	#laptop-learn-more{
		display:block;
		text-decoration:underline;
		font-size:120%;
	}
	
	#mobile-tablet-learn-more{
		display:none;
	}
	
	#learn-more-container{
		max-width:970px;
	}
	
	#learn-more-container .text-right{
		text-align:right;
	}
	
	#screenPrinting-container{
		margin-top:-5px;
	}
	
	#offsetStationary-container{
		margin-top:-5px;
	}
	
	#digitalPrinting-container{
		margin-top:-5px;
	}
	
	#vinylGraphics-container{
		margin-top:-5px;
	}
	
	#copyright{
		text-align:left;
	}
	
	#about-div{
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:5%;
	}
	
	#about p{
		font-size:110%;
	}
	
	#about img{
		/* border: 1px solid #444444; */
    /* border-radius: 25px; */
    /* box-shadow: 3px 3px 15px #333333; */
    box-shadow: 0 3px 3px rgba(1, 1, 1, 0.5);
    border: 1px solid #000;
	}
	
	#toggle-menu .toggle-menu{
		background-color:#c21819;
		padding:2%;
		border-radius:5px;
		color: #FFF;
		border: 1px solid #000;
	}
	
	#header-row{
		padding-bottom:0%;
	}
	
	#flex2{
		display:none;
	}
	
	#downloads p{
		color:#e3e6ed; 
		text-shadow:2px 2px 4px #000000;
	}
	
	#menu li, #menu a{
		text-shadow:4px 4px 4px #000000;
		font-weight: bold;
	}
	
	#certifiedSignFabricator{
		margin-left: 28%;
		width:40%;
	}
	
	#MarioPellerinInstaller{
		margin-left: 28%;
		width:40%;
	}
	
	#ULC{
		margin-left: 40%;
    width: 20%;
	}
	
	#header-row .col-md-4{
		top:10px;
	}
	
	#promotionals .tz-gallery .lightbox img{
		width:50%;
		margin-left:25%;
	}
	
	.description-ul{
	  color: #FFF;
    list-style-type: disc;
    margin-left: 8%;
		margin-bottom:10%;
	}
	
	.right-p{
		margin-bottom:2%;
		margin-top:8%;
	}
	
	.col-md-5{
		margin-top:1.5%;
	}
	
	.img-center{
		max-width:100%;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	
	.contact-p{
		float:none; 
		padding:0%;
		color: #444444 !important;
		/*text-shadow: 2px 2px 4px #000000 !important;*/
	}
	
	.row{
		margin-left:1%;
		margin-right:1%;
		padding-bottom:1%;
	}

	.full-row label, .contact-info span{
		color: #444444;
	/*	text-shadow: 2px 2px 4px #000000;*/
	}
	
	.main-header .row{
		padding-bottom:1.5%;
	}
	
	.main-header{
		background-image: url('../images/backgrounds/Codiac Red Topnav Bar.jpg');
		background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: auto;
		background-position:100% 0%;
	}
	
	.main-header{
		width:100%;
		box-shadow: 0 3px 3px rgba(1, 1, 1, 0.5);
	}
	
	.main-header .menu ul li{
		margin-left:10px;
	}
	
	.main-header .container{
		padding-right:5px;
		padding-left:5px;
	}
	
	.main-header .text-right {
		text-align:center;
	}
	
	.main-header a, li{
		color:#FFF !important;
		font-weight:bold;
	}
	
	/* 	.top-header, .site-footer{
		background-image: url('../images/backgrounds/Codiac-Red-Topnav-Bar-02.jpg');
		background-repeat:no-repeat;
		background-size:cover;
	} */
	
	.right-header li{
		text-shadow:none;
		margin-top:2%;
	}
	
	.left-header{
		margin-top:2%;
		text-align:center;
	}	
	
	.site-header{
		font-size:100%;
	}
	
	.site-footer{
		text-align:center;
	}
	
	.mainBtn{
		margin-right:3%;
		border-radius:5px;
	}

	.products-p{
		width:100%;
		font-size:120%;
		/*text-shadow:2px 2px 4px #000000;*/
		padding-right:2%;
	}
	
	.a-menu{
		margin-left:-15px;
	}
	
	.text-align-left{
		text-align:left;
	}
	
	.container{
		max-width:100%;
	}
	
	.company-statement{
		padding-top: 5%;
	}
	
	.container.gallery-container {
    color: #e3e6ed;
    border-radius: 20px;
	}

	.gallery-container h1{
		/*color: #e3e6ed;*/
		padding-bottom:3%;
	}
	
	.menu{
		width:105%;
	}
	
	.flex-caption{
		top: 86%;
    background-color: black;
    padding-bottom: 2%;
    border-bottom: 1px solid white;
    opacity: 0.7;
	}
	
	#policy .mainBtn {
    width: 55%;
	}
	
	#businessHours .row {
    width: 50%;
    margin: 0 auto;
	}
	
/*
	Secondary Page CSS 
*/	

	#secondaryPageSiteHeader li{
		color:#444444 !important;
		font-weight:normal;
	}
	
	#secondaryPageSiteHeader .description-ul {
    color: #FFF;
    list-style-type: disc;
    margin-left: 2%;
    font-size: 16px;
	}
	
	#secondaryPageSiteHeader #txtLogo{
		width:150%;
		float:left;
		margin-top:10px;
		text-shadow:2px 2px 4px #000000;
		color:#FFF;
	}
	
	#secondaryPageSiteHeader #projects{
		width: 85%;
    margin-left: auto;
    margin-right: auto;
	}

	#secondaryPageSiteHeader .main-header{
		padding:25px 0;
	}
	
	#secondaryPageSiteHeader .main-header-shrink{
		padding:10px 0 !important;
	}
	
	#secondaryPageSiteHeader #copyright{
		margin-left:15%;
	}
	
	#secondaryPageSiteHeader .site-footer .col-md-4{
		top:0px;
	}
	
	#secondaryPageSiteHeader .mainBtn{
		margin-top:2%;	
	}
	
	#secondaryPageSiteHeader .tz-gallery{
		padding-top:10% !important;
	}
	
	#secondaryPageSiteHeader .col-md-4{
		top:10px;
	}
	
	#secondaryPageSiteHeader #header-row .col-md-8{
		width:25% !important;
		margin-left:40%;
		top:13px;
	}
	
	#secondaryPageSiteHeader .main-header .menu ul li{
		margin-left:0px;
	}
	
	#secondaryPageSiteHeader .responsive-menu{
		width: 125%;
	}

	.flex-caption span {
		margin: 0%;
	}
		
	.flex-caption h2 {
		margin-bottom: 0px;
		margin-top: 0.5% !important;
	}
	
	.flex-caption p{
		margin-top: 0.5% !important;
	}
	
/*
	Landing Page CSS 
*/			
	#landingPage .container{
		background: url('../images/backgrounds/dark-brushed-aluminum---saucepan.jpg')!important;
		background-repeat:no-repeat;
		background-size: cover !important;
		border:2px solid black;
		border-radius:25px 25px;
		padding:5%;
		border:2px solid #EEE;
		margin-top:3%;
		width:75%;
	}
	
	#landingPage img{
		width:50%;
		margin: 0 25% 5% 25%;
	}
	
	#landingPage .service-header{
		text-align:left;
		font-weight:bold;
		font-size:150%;
	}
	
	#landingPage .service-item .service-header h3 {
		font-size: 18px;
		text-transform: uppercase;
		font-weight: 600;
		text-align:center;
	}
	
	#landingPage .service-item .service-header {
		padding-bottom: 20px;
		clear: both;
	}

	#landingPage .mainBtn{
		margin-top:15%;
	}
	
	#landingPage #leftParagraph{
		padding-right:5%;
	}
	
	#landingPage #rightParagraph{
		padding-left:5%;
	}
	
	#landingPage span{
		display: block;
		width: 70px;
		height: 4px;
		background: #c21819;
		margin: 1% auto;
	}
	
	#landingPage #frBtn{
		margin-left:3%;
	}
	
	.border-right{
		border-right:2px solid #FFF;
	}
}

/*------------------------------------------------------------------------*/
/*	Large Laptops/Desktops (1200px or more)
/*------------------------------------------------------------------------*/

@media only screen and (min-width:1200px){	
	body{
		margin:0 auto;
		max-width:100%;
		color: #444444 !important;
		/* text-shadow: 2px 2px 4px #000000;
	  background-image: url('../images/338571524.jpg'); 
		background-image: url('../images/backgrounds/Asphalt Road v2.jpg');
		background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
	}
	
	a{
		color:#8ab3f2;
		text-shadow:none;
	}
		
	#feedback iframe{
		width:100%;
		height:425px;
	}
	
	p, h4{
		width:100%;
		float:left;	
	}
	
	h2, h3, h4{
		color: #444444;
	/*	text-shadow: 2px 2px 4px #000000;*/
	}
	
	#txtLogo{
		width:100%;
		float:left;
		margin-top:10px;
		text-shadow:4px 4px 4px #000000;
		color:#FFF;
	}

	#findUs{
		width:100%;
		float:none;
		padding-bottom:5%;
	}
	
	#top-row{
		display:flex;
		align-items:center;
	}
	
	#header-row{
		padding-bottom:0%;
	}
	
	#header-row .col-md-4{
		top:10px;
	}
	
	/* #contactUs p{ */
		/* color: #BBB; */
		/* text-shadow:none; */
	/* } */
	
	#contactUs .title-section{
		padding-top:3%;
		margin-bottom: 0%;
	}
	
	#feedback p, #contactUs span, h5{
		color:#d12929; 
		text-shadow:none;
	}
	
	#laptop-learn-more{
		display:block;
		text-decoration:underline;
		font-size:120%;
	}
	
	#mobile-tablet-learn-more{
		display:none;
	}
	
	#screenPrinting-container{
		margin-top:-5px;
	}
	
	#offsetStationary-container{
		margin-top:-5px;
	}
	
	#digitalPrinting-container{
		margin-top:-5px;
	}
	
	#vinylGraphics-container{
		margin-top:-5px;
	}
	
	#copyright{
		text-align:left;
	}
	
	#about-div{
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:5%;
	}
	
	#about img{
		/* border: 1px solid #444444; */
    /* border-radius: 25px; */
    /* box-shadow: 3px 3px 15px #333333; */
    box-shadow: 0 3px 3px rgba(1, 1, 1, 0.5);
    border: 1px solid #000;
	}
	
	#about p{
		font-size:110%;
	}
	
	#flex2{
		display:none;
	}
	
	#downloads p{
		color:#e3e6ed; 
		text-shadow:2px 2px 4px #000000;
	}
	
	#menu li, #menu a{
		text-shadow:4px 4px 4px #000000;
		font-weight: bold;
	}
	
	#products .inner-content{
		height:450px;
		font-size:100%;
		text-align:left;
		padding-left:3%;
	}
	
	#products h5{
		font-weight:bold;
	}
	
	#products div{
		font-size:103%;
	}
	
	#certifiedSignFabricator{
		margin-left: 28%;
		width:40%;
	}
	
	#MarioPellerinInstaller{
		margin-left: 28%;
		width:40%;
	}
	
	#ULC{
		margin-left: 40%;
    width: 20%;
	}
	
	#toggle-menu .toggle-menu{
		background-color:#c21819;
		padding:2%;
		border-radius:5px;
		color: #FFF;
		border: 1px solid #000;
	}
	
	#toggle-menu .toggle-menu:focus, #toggle-menu .toggle-menu:hover {
		background-color: #777 !important;
	}
	
	#promotionals .tz-gallery .lightbox{
		width:50%;
		margin-left:25%;
	}
	
	#projects, #about, #promotionals, #feedback{
	/* 	background-image: url('../images/338571524.jpg'); 
		background-image: url('../images/backgrounds/Asphalt Road v2.jpg');
		background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
	}
	
	.description-ul{
		list-style-type:disc;
		font-size: 16px;
		margin-left:2%;
	}
	
	.description-ul li{
		font-weight:normal;
	}
	
	.right-p{
		margin-top:6%;
	}
	
	.col-md-5{
		margin-top:1.5%;
	}
	
	.row{
		margin-left:1%;
		margin-right:1%;
	}
	
	.full-row label, .contact-info span{
		color: #444444;
		/*text-shadow: 2px 2px 4px #000000;*/
	}
	
	.main-header{
		background-image: url('../images/backgrounds/Codiac Red Topnav Bar.jpg');
		background-attachment: fixed;
    /* background-size: contain; */
		box-shadow: 0 3px 3px rgba(1, 1, 1, 0.5);
	}
	
	.main-header .row{
		margin-left:0%;
		margin-right:0%;
		padding-bottom: 1.5%;
	}
	
	.main-header .container{
		padding-right:5px;
		padding-left:5px;
	}
	
	.main-header a, li{
		color:#FFF !important;
		font-weight:bold;
	}
	
	/* .top-header, .site-footer{
		background-image: url('../images/backgrounds/dark-brushed-aluminum---saucepan.jpg');
		background-repeat:no-repeat;
		background-size:cover;
		transition-duration:0s;
	} */
	
	.right-header li{
		text-shadow:none;
		margin-top:2%;
	}
	
	.left-header{
		padding-top: 2%;
    padding-bottom: 2%;
	}
	
	.products-p{
		/*text-shadow:2px 2px 4px #000000;*/
		font-size:120%;
	}
	
	.img-center{
		max-width:100%; 
		display:block;
		margin-left:auto;
		margin-right:auto;		
	}
	
	.mainBtn{
		margin-right:3%;
		border-radius:5px;
	}
	
	.company-statement{
		padding-top: 5%;
	}
	
	.text-align-left{
		text-align:left;
	}
	
	.contact-p{
		float:none; 
		padding:0%;
		color: #444444 !important;
		/*text-shadow: 2px 2px 4px #000000 !important;*/
	}

	.container.gallery-container {
    color: #e3e6ed;
    min-height: 20vh;
    border-radius: 20px;
	}

	.gallery-container h1{
		color: #444444;
		padding-bottom:3%;
	}
	
	#promotionals .title-section{
		padding-left: 3%;
	}
	
	.flex-caption {
		top: 87%;
    background-color: black;
    padding-bottom: 4%;
    opacity: 0.7;
	}

	.flex-caption span {
		margin: 0%;
	}
		
	.flex-caption h2 {
		margin-bottom: 0px;
	}
	
	#policy .mainBtn {
    width: 50%;
	}

	#businessHours .row {
    width: 50%;
    margin: 0 auto;
	}
	
/*
	Secondary Page CSS 
*/		
	#secondaryPageSiteHeader li{
		color:#444444 !important;
	}
	
	#secondaryPageSiteHeader #copyright{
		margin-left:15%;
	}
	
	#secondaryPageSiteHeader #projects{
		width: 85%;
    margin-left: auto;
    margin-right: auto;
	}
	
	#secondaryPageSiteHeader .site-footer .col-md-4{
		top:0px;
	}
	
	#secondaryPageSiteHeader .mainBtn{
		margin-top:2%;
	}
	
	#secondaryPageSiteHeader .tz-gallery{
		padding-top:5% !important;
	}
	
	#secondaryPageSiteHeader .col-md-4{
		top:10px;
	}
	
	#secondaryPageSiteHeader .main-header{
		padding:25px 0;
	}
	
	#secondaryPageSiteHeader .main-header-shrink{
		padding:10px 0 !important;
	}
	
	#secondaryPageSiteHeader .main-header{
		padding: 30px 0;
	}
	
	#secondaryPageSiteHeader .main-header .menu{
		margin-top:4%;
	}
	
	#secondaryPageSiteHeader .container{
		width:100%;
	}
	
	#secondaryPageSiteHeader .btn-group{
		top: 20px;
	}
	
	#secondaryPageSiteHeader .col-md-7{
		padding-right: 0% !important;
    padding-left: 0% !important;
	}
	
	#secondaryPageSiteHeader .btn-group{
		
	}
	
/*
	Landing Page CSS 
*/			
	#landingPage .container{
		background: url('../images/backgrounds/dark-brushed-aluminum---saucepan.jpg')!important;
		background-repeat:no-repeat;
		background-size: cover !important;
		border:2px solid black;
		border-radius:25px 25px;
		padding:5%;
		border:2px solid #EEE;
		margin-top:3%;
		width:75%;
	}
	
	#landingPage img{
		width:50%;
		margin: 0 25% 5% 25%;
	}
	
	#landingPage .service-header{
		text-align:left;
		font-weight:bold;
		font-size:150%;
	}
	
	#landingPage .service-item .service-header h3 {
		font-size: 18px;
		text-transform: uppercase;
		font-weight: 600;
		text-align:center;
	}
	
	#landingPage .service-item .service-header {
		padding-bottom: 20px;
		clear: both;
	}

	#landingPage .mainBtn{
		margin-top:15%;
	}
	
	#landingPage #leftParagraph{
		padding-right:5%;
	}
	
	#landingPage #rightParagraph{
		padding-left:5%;
	}
	
	#landingPage span{
		display: block;
		width: 70px;
		height: 4px;
		background: #c21819;
		margin: 1% auto;
	}
	
	#landingPage #frBtn{
		margin-left:3%;
	}
	
	.border-right {
    border-right: 2px solid #FFF;
	}	
}

/*------------------------------------------------------------------------*/
/*	Image Gallery CSS
/*------------------------------------------------------------------------*/			

	#promotionals .flexslider .slides{
		width:50%;
		margin-left:25%;
	}

	.gallery-container h1 {
			text-align: center;
			margin-top: 70px;
	}

	.gallery-container p.page-description {
			text-align: center;
			max-width: 800px;
			margin: 25px auto;
			color: #888;
			font-size: 18px;
	}

/* 	.tz-gallery {
			padding: 0 20px 0 20px;
	} */

	.tz-gallery .lightbox img {
			width: 100%;
			margin-bottom: 30px;
			transition: 0.2s ease-in-out;
			box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	}


	.tz-gallery .lightbox img:hover {
			transform: scale(1.05);
			box-shadow: 0 8px 15px rgba(0,0,0,0.3);
	}

	.tz-gallery img {
			border-radius: 0px;
	}

	.baguetteBox-button {
			background-color: transparent !important;
	}

	.tz-gallery h1{
		font-size:150%;
	}

	.scrollable-menu {
    height: auto;
    max-height: 300px;
    overflow-x: hidden;
	}

	.dropdown-menu {
      width: auto;
			color:white;
			background-color:#c21819;
   }
		
	.dropdown-menu li a{
			padding-top:2%;
			padding-bottom:2%;
			border-bottom:1px solid #000;
	}
	
	.tz-gallery img{
		transition-property:none !important;
	}
	
	.accordion {
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
		padding: 15px 20px;
		text-transform: uppercase;
    font-size: 15px;
		text-shadow:none;
		color: #FFF;
	}

	.panel {
    padding: 15px 20px;
		text-transform: uppercase;
    font-size: 15px;
    display: none;
		background-color: #632a2a;
    overflow: hidden;
	}
	
	.scrollable-menu .fa-angle-down{
		font-size:175%;
		font-weight:bold;
	}	
	
	.btn a{
		color: #FFF;
	}
	
 .btn{
		background-color: #c21819;
		border-color:#000;
	}
	
	.btn-group .dropdown-menu{
		width:210%;
		margin-left: -75%;
		border:1px solid #000;
	}
	
	.btn-group .dropdown-menu a{
		color: #FFF;
		padding: 10%;
	}