/* CSS Document Power Giggs */


/* Table of Contents
––––––––––––––––––––––––––––––––––––––––––––––
- General Content
- Typography
- Header & Navigation
- Images & Media
- Forms
- Footer
- Media Queries
–––––––––––––––––––––––––––––––––––––––––––––– */


/*---------General Content---------*/

body {
	/*overflow-x: hidden;*/
	max-width:100%;
	background: #FFF;
	font-size:16px;
	/*margin: 0 auto;*/
  font-family: 'Pontano Sans', sans-serif;
   /*text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;*/
}

.clearfix:after,.clearfix:before {
  content: "";
  display: table;
  clear: both;
}

a:link {
	color:#be4f77;
}
a:visited {
	color: #be4f77;
}
a:hover {
	color: #be4f77;
}
a:active {
	color:#be4f77;

}
	
	a {
	text-decoration: none;
}



  /*-------Typography styles--------*/
   
   h1, h2, h3, h4, h5 {
	 color: #be4f77;
	font-family: 'Pontano Sans', sans-serif;
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 0;
}

p, ul{
	font-family: 'Pontano Sans', sans-serif;
	font-size:1em;
	line-height: 1.1em;
	
	
}

/*---button styles--------*/

.button.green, .btn-green{
	font-size:1.1em;
	font-weight:normal;
	text-transform:uppercase;
	padding:4px 20px;
	/* border-radius:16px; */
	border: none;
	background:#be4f77;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
	color:#fff;
	text-decoration:none;
	letter-spacing:1px;
}

.button.green:hover, .btn-green:hover{
	/*color: #eaeceb;*/
	background:#a9305c;
/*
	-webkit-box-shadow: inset 0 -4px 0 rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 -4px 0 rgba(0,0,0,.2);
	-o-box-shadow: inset 0 -4px 0 rgba(0,0,0,.2);
	-ms-box-shadow: inset 0 -4px 0 rgba(0,0,0,.2);
	box-shadow: inset 0 -4px 0 rgba(0,0,0,.2);
*/	
	
}





.container {
	width:100%; 
  max-width: 1024px;
  margin: 0 auto;
  /*padding: 0px 0;*/
    /*box-sizing: border-box; */
 clear:both;  
   }




/*----Header & Navigation-----------*/

.box-shadow{
	-webkit-shadow: 1px 3px 2px rgba(0,0,0,0.1);
	-ms-box-shadow: 1px 3px 2px rgba(0,0,0,0.1);
	-o-box-shadow: 1px 3px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 3px 2px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

.navbar-default {
	background-color: #fff;
	border: none;
	padding:0px 0px; 
}

.nav-button{
	padding: 1.5em 0;
	
}

.navbar-default .navbar-nav > li > a{
	color: #be4f77;
	font-family: 'Pontano Sans', sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing:1px;
	font-size: 1.05em;
	-webkit-transition: color 0.3s ease-in;
	-moz-transition: color 0.3s ease-in;
	-o-transition: color 0.3s ease-in;
	transition: color 0.3s ease-in;
	
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active{
	color: #733;
	
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	color: #733;
	background: none;
}

.nav .navbar-nav {
	width: 100%;
	text-align: left;
}

.navbar-nav > li > a {
	padding-top: 25px;
	padding-bottom: 15px;
}

 .navbar-nav {
  width: 100%;
  display: flex;
  justify-content: space-around;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #be4f77;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #be4f77;
	color: #fff;
}

.navbar-default .navbar-toggle {
	border-color: #be4f77;
}


/*.navbar-brand{
	width: 253px;
	max-width: 100%;
	height: 80px;
	text-align: center;
	
}*/

.header-contact{
	background: #a9c489;
	border-bottom: 5px solid #be4f77;
	color: #fff;
	padding:5px 0px;
	display:none;
}

.header-contact > div > div > a,.header-contact > div > div > p > a{
	color: #fff;
	text-decoration: none;
	
}

.info > div > p{
	margin: 0.4% 0;
	padding: 0.4% 0;
}

.info > div > p > i.fa, .info > div > p > a i.fa{
	margin-right: 1.5%;
	
}
    
   



/*------------Home Page---------->*/
   
   /*--Slide Show-*/
   
  #slider{
	   margin-top:-20px;
	  padding-bottom: 10px;
	 	   
   }
     
   
   .flexcaption  {
	    background:rgba(255,255,255,0.8);
	     margin: auto;
	   opacity:0;
	   width: 100%;
	   display:block;
	  text-align:center;
	   padding: 1%;
	   height: 35.51%;
	  position:absolute;
		top:15%;
		/*max-width:1000px;*/
		
 
}

@media only screen and (max-width:720px) {
  .flexcaption { display:none; }

}

.flexcaption > p{
	position: relative;
	text-transform:capitalize;
	font-family: 'Pontano Sans', sans-serif;
	 color: #be4f77;
	 font-size: 2.1em;
	font-weight:normal;
	 /* text-shadow: 1px 2px 2px rgba(0,0,0,.2); */
	 line-height:1em;
	padding-top:2%;	
}

.flexcaption > div{
	position: relative;
	font-size: 1em;
	margin-top: 1%;
	padding: 1%;
}

/*------welcome---------*/

#welcome{
	margin-top:5px;
	padding: 10px 0px;
	
}

#welcome > h2 {
	font-size: 1.87em;
	text-transform: none;
	padding-bottom: 2px;
	
}

#welcome > h3{
	color:#000;
	font-size: 1.56em;
	font-family:'Pontano Sans', sans-serif;
	text-transform: none;
	font-weight: normal;
	
}

#welcome > p{
	font-size: 1.25em;
    font-family: 'Pontano Sans', sans-serif;
	
	
}


/*--- feature services----*/

#feature{
	margin: 5px 0px;
}

#feature > div > h2{
	text-transform: none;
	font-size: 1.87em;
	padding-top:  0.5%;
	
}

.feature{
	display: block;
	text-align: center;
	margin: 2% 0px;
	padding: 3% 0px;;
}

.feature > div > img{
	
	max-width: 100%;
border-radius: 50%;
	width: 260px;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in; 
	cursor: pointer;
	
	
}

.feature > div >img:hover{
	 box-shadow: 1px 3px 2px rgba(0,0,0,0.2);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	 transform: scale(1.05);
	box-sizing:border-box;
	
	
}

.feature > h3{
	text-transform: none;
	font-size: 1.25em;
	font-weight: normal;
}

.feature > p{
	font-size: 1.1em;
	margin: 2% auto;
	padding-bottom: 0%;
	width: 100%;
	max-width: 300px;
	height: 95.5px;
	text-align: center;
	font-weight: 450;
}

.feature > a{
	margin-top:1%;
	padding: 1% 0px;
	
}


/*---- testimonials----*/

#testimonials{
	margin: 2em 0;
	padding: 10px 0px;
	
	
}

#testimonials > h2{
	font-size: 1.87em;
	text-transform: none;
	/* text-shadow: 2px 3px 2px rgba(255,255,255,1);
	text-weight:bold;
*/	
}
blockquote {
	position: relative;
	background: rgba(255,255,255,0.9);
	margin: 5% 0;
	/*overflow: hidden;*/
	padding-bottom: 15px;
	max-width: 100%;
	height: auto;
	border: none;
	border-radius: 1em;
}


blockquote.full-width p {
	background: url('../img/quote.png') no-repeat;
	color: #000;
	display: block;
	font-family: 'Pontano Sans', sans-serif;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.2;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 5px;
	padding: 1.8%;
    padding-left:40px;
	
}

blockquote.full-width cite {
	color: #333;
	display: block;
	float: right;
	font-size: 1.3em;
	margin-top: 10px;
	margin-right: 70px;
	font-family: 'Pontano Sans', sans-serif;
}

.parallax{
	/* The image used */
    background-image: url(../img/testimonial_bgpic.jpg);

    /* Set a specific height */
    min-height: 350px;
	width: 100%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
}


/*---ratings-----*/

#ratings{
	margin: 3% 0;
	padding: 1% 0;
}

.review{
	margin: 2% 0;
	padding: 1% 0;
}

.review > div:first-of-type {
	margin: 1% auto;
	display: block;
	text-align: center;
	max-width: 100%;
	width: 156px;
	
	}

.review > h3{
    margin: 2% 0;
    padding: 2% 0;
    font-size: 1.13em;
    text-transform: uppercase;
    text-align: center;
    font-family: "Pontano Sans", sans-serif;
    font-weight: normal;
	
}

[class~='stars']{
	margin: 1% auto;
	display: block;
	text-align: center;
	width: 100%;
	max-width: 100%;
} 

.review > h4{
	font-family: 'Pontano Sans', sans-serif;
	font-weight: bold;
	font-size: 1.13em;
	text-align: center
	
}



/*----About Us Page-----*/


#pageTitle{
	 margin-top: -1.25em;
	background: linear-gradient(to bottom, rgba(0,0,0,0.2),rgba(0,0,0,0.2)), url(../img/Echant_aboutheader_bg.jpg);
	min-height: 178px;
	width: 100%;
	background-attachment:fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
}


#pageTitle > div > h2{
	padding-top: 0.6em ;
	padding-bottom: 0.2em;
	font-size: 1.87em;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	
}

#pageTitle > div > p{
	margin: 0.2em 0;
	font-size: 1.5em;
	color: #fff;
	text-align: center;
}




#about-us{
	margin-top: 2em;
	margin-bottom: 1.5em;
	
}


.about-us{
	margin-top: 2em;
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 1.5px dotted #c45a7b;
}



.about-us > h2{
	text-transform: none;
	font-size: 1.57em;
	margin:2%;
	}


.about-us > div > img{
	max-width: 100%;
	border:6px solid #fff;
	box-sizing:content-box;
	box-shadow: 0px 0px 3px rgba(50,50,50,0.3);
	border-radius: 1em;
	/*margin: 2% 0;*/
	
}

.about-us > div > p{
	
	font-size: 1.1em;
	margin: 0;
	padding: 0%  1.5%;
	/*margin: 1% 0;*/
}

.btn-contact{
	margin: 2% 0
}


/*------Services page---------*/

#servicesTitle{
	 margin-top: -1.25em;
	background: linear-gradient(to bottom, rgba(0,0,0,0.2),rgba(0,0,0,0.2)), url(../img/Echant_serviceheader_bg.jpg);
	min-height: 178px;
	width: 100%;
	background-attachment:fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
}


#servicesTitle > div > h2{
	padding-top: 0.6em ;
	padding-bottom: 0.2em;
	font-size: 1.87em;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	
}

#servicesTitle > div > p{
	margin: 0.2em 0;
	font-size: 1.5em;
	color: #fff;
	text-align: center;
}

#services{
	margin-top: 2em;
	margin-bottom: 1.5em;
	
}

.service-list {
	margin-top: 1em;
	margin-left: 1em;
	font-size: 1.1em;
	list-style: url('../img/bullet.png');
	list-style-image: url('../img/bullet.png');
	list-style-position: outside;
   
	
}

.service-list > li{
	padding-top: 5px;
}

.service > div > ul{
	padding-left: 1.2em;
}

.pr-list{
	padding-top: 1.5%;
	
}



.service{
	margin-top: 2em;
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 1.5px dotted #c45a7b;
}



.service > h2{
	text-transform: none;
	font-size: 1.57em;
	margin:2%;
	}


.service > div > img{
	max-width: 100%;
	border:6px solid #fff;
	box-sizing:content-box;
	box-shadow: 0px 0px 3px rgba(50,50,50,0.3);
	border-radius: 1em;
	/*margin: 2% 0;*/
	
}

.service > div > p{
	
	font-size: 1.1em;
	margin: 0;
	padding: 0%  1.5%;
	/*margin: 1% 0;*/
}

.btn-contact{
	margin: 2% 0
}

/*----------REQUEST QUOTE PAGE-------*/
#quoteTitle{
	 margin-top: -1.25em;
	background: linear-gradient(to bottom, rgba(0,0,0,0.2),rgba(0,0,0,0.2)), url(../img/Echant_quoteheader_bg.jpg);
	min-height: 178px;
	width: 100%;
	background-attachment:fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
}
#quoteTitle > div > h2{
	padding-top: 0.6em ;
	padding-bottom: 0.2em;
	font-size: 1.87em;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	
}

#quoteTitle > div > p{
	margin: 0.2em 0;
	font-size: 1.5em;
	color: #fff;
	text-align: center;
}

#myQuote{
	margin-top: 2.2em;
	margin-bottom: 2.5em;
	
}

#quoteForm{
	width:100%;
	max-width: 950px;
}

fieldset { 
	border:1px solid #be4f77;
	margin: 1em 0;
	border-radius: 1em;
	padding: 1em;
	box-sizing:content-box;
	height: auto;
}

fieldset > h3{
	text-transform: none;
	margin: 0.5em 0 1em 0;
}

#quoteForm > fieldset > div > label{
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: 600;
}

.cutomer-info > div > div > span, .event-info > div > div > span{
	margin-left: 11em;
	padding: 2px 0;
	position: absolute;
	z-index: 99;
	
}

label > span{
	color: red;
}

#return-message > span{
	padding: 5px;
	
}

#quote-btn{
	width: 100%;
}



/*--------GALLERY PAGE-------*/
#galleryTitle{
	 margin-top: -1.25em;
	background: linear-gradient(to bottom, rgba(0,0,0,0.2),rgba(0,0,0,0.2)), url(../img/Echant_workheader_bg.jpg);
	min-height: 178px;
	width: 100%;
	background-attachment:fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
}
#galleryTitle > div > h2{
	padding-top: 0.6em ;
	padding-bottom: 0.2em;
	font-size: 1.87em;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	
}

#gallery{
	margin-top: 2em;
	margin-bottom: 1.5em;
	
}

.btn-group{
	margin: 10px auto;
	display: block;
	text-align: center;
	
}

.btn-group > button{
	margin: 5px;
}


.thumbnail{
	
	position: relative;  
  	overflow: hidden;
	display: block;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
	box-sizing:border-box;


}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
	border-color: #a9c489;
}

.gallery > a > img {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear; 
	-o-transition: all 0.2s linear; 
	transition: all 0.2s linear; 
}

.gallery > a > img:hover{
	opacity: 0.75;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	border: none;
	-webkit-filter: grayscale(85%);
	-moz-filter: grayscale(85%);
	-o-filter: grayscale(85%);
	filter: grayscale(85%);
}





/*-------CONTACT PAGE------*/


#contactTitle{
	 margin-top: -1.25em;
	background: linear-gradient(to bottom, rgba(0,0,0,0.2),rgba(0,0,0,0.2)), url(../img/Echant_contactheader_bg.jpg);
	min-height: 178px;
	width: 100%;
	background-attachment:fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
}


#contactTitle > div > h2{
	padding-top: 0.6em ;
	padding-bottom: 0.2em;
	font-size: 1.87em;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	
}

#contactTitle > div > p{
	margin: 0.2em 0;
	font-size: 1.5em;
	color: #fff;
	text-align: center;
}

#contact, #address-form{
	margin-top: 2em;
	margin-bottom: 1.5em;
	
}
#contact {
    margin-bottom:4.5em;
    margin-top:0;
}
#contact > article{
	padding: 0 1em;
}

#returnmessage > span{
	padding: 5px;
}

.map > h2 {
	margin-bottom: 0.5em;
	margin-left: 10px;
	font-size: 1.57em;
	text-transform: none;	
	
}

.addressForm > div > h2{
	margin-bottom: 0.5em;
	font-size: 1.57em;
	text-transform: none;	
}




.addressForm{
	margin: 1em 0;
}

.address{
	margin-bottom: 2em;
}

.address ul, .address p{
	font-size: 24px;
}

.address ul{
	text-decoration:none;
	list-style:none;
	
}

.address > ul > li > .fa, .address > p > .fa{
	padding-right:10px;
	color: #be4f77;
}

.address > ul > li > a{
	color: #000;
}




  
   
   
   /*--------IMAGES & MEDIA -------*/

   
    img {
	max-width:100%;
   margin:0px;
   padding:0px;

   }
   
   iframe{
	    overflow: hidden;
	   width:500px;
	   max-width:100%;
	   
   }
   #myMap{
	   margin:0;
	   max-width:100%;
	   height:450px;
	   
   }
   
   .img_border{
	 padding: 0px;
	 margin-bottom:5%;
	border: solid 8px #fff;
	-webkit-box-shadow:  0px 0px 3px rgba(0,0,0,0.51);
	-moz-box-shadow:  0px 0px 3px rgba(0,0,0,0.51);
	-o-box-shadow:  0px 0px 3px rgba(0,0,0,0.51);
	box-shadow:  0px 0px 3px rgba(0,0,0,0.51);
	-moz-transition:opacity ease-in 0.3s;
	-webkit-transition:opacity ease-in 0.3s;
	-o-transition:opacity ease-in 0.3s;
	transition:opacity ease-in 0.3s;	  
	   
   }
   
   .img_border:hover{
	   opacity:0.7;
	   cursor:pointer;
	   
   }
   
   /*-------FORM-------*/

input[type=text], textarea[type=text], input[type=password], input[type=date], .style-select select{
	   border: 1px solid rgba(190,190,190,1);
	border-radius: 4px;
	   
   }

 .alert {
	padding: 0 1px; 
	 /*position: absolute;*/
	
	
	 
	}
   
  

   
   /*--------- FOOTER -------------*/

.follow a:link,
.follow a:visited {
    color:#be4f77;

}

.follow a:hover,
.follow a:active {
    color:#a53e63;

}

a.email{
	color: black;
}
   
   
   footer{
	   padding: 1% 0;
	   background: #eaeceb;
	   border-top: 1px dotted #a9c489;
	    
	 }
   
     
   .contact > h3{
	   text-align: center;
	    font-size:18px;
	   text-transform:uppercase;
	   margin-bottom:10px;
	   }
   
   .contact > p{
	   font-size:1em;
	   font-weight:600;
		   
   }

.contact > img{
	padding-bottom: 10px;
}
   
   .follow > h3{
	 text-align: center;
	   font-size:18px;
	   text-transform:uppercase;
	   margin-bottom:10px;
	   
   }
   .follow > ul > li{
	   text-decoration:none;
	   display:inline;
	   padding:2px;
	   
   }
   
   .follow > ul > li > a{
	   /* color:#fff;*/
		-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
		   
   }
   
     .follow > ul > li > a:hover{
		 opacity:0.7;
		 /*color:#F8FF00;*/
		 
	 }

.follow > div{
	padding-top: 10px;
}
	 
	  .navigate > h3{
	   text-align: center;
	   font-size:18px;
	   text-transform:uppercase;
	   margin-bottom:10px;
	   
   }
   .navigate > ul > li{
	    display:block;
	   padding-top: 0.3em;
	   
	    
   }
   
    .navigate > ul > li > a{
		text-decoration:none;
		color:#000;
		text-transform:uppercase;
		letter-spacing:1px;
		font-size:15px;
		font-weight:normal;  
	   padding:2px;
	  color: #be4f77; 
   }
   
   .navigate > ul > li > a:hover{
	   text-decoration:underline;	   
   }
   

.copy-right{
	margin: 0;
	background:rgba(169,196,137,1);
	display:none;
}


   .copy-right > p{
	   padding-bottom: 0.5% 0;
	   color: #fff;
	   margin-top:30px;
	   margin-bottom:10px;
	   font-size:1em;
	   font-weight:400;
   }

.copy-right  > p > a{
	color: #fff;
}
   
   
   
   
   
   /*--- Media Queries---*/
   
    @media only screen and (max-width: 860px) {
		
		.header-contact{
		   display: none;
		   text-align: center;
		   
	   }
		
		#myNavbar{
						
			text-align: center;
		}
		.flexcaption > p{
		font-size: 24px
	}
	   
	   .flexcaption > div{
		font-size: 12px;
	}
		
		.cutomer-info > div > div > span, .event-info > div > div > span{
		  margin-left: 0em;
		  padding: 2px 0;
		  position: relative;
		  z-index: 1;
	   }
	
		.service-list > li {
            text-align:left;
        }
		
		
	}
   
   @media only screen and (max-width: 768px) {
	   
	   
	   .feature > p {
	
	height:auto;

}
	   
	   
.navbar-nav > li > a {
	padding-top: 8px;
	
}
	   
	   .navbar-nav {
		   width: 100%;
			display: block;
			justify-content: space-around;
}
	   
	   blockquote.full-width p {
		   background-image: none;
		   font-size: 1.1em;
           padding-left:0;
	   }
       
       blockquote.full-width cite {font-size:1.1em;}
	   
	  	   
	   .parallax{
		   min-height: 450px;
	   }
	   
	   .about-us > h2, .service > h2{
		   text-align: center;
	   }
	   
	   .about-us > div, .service > div {
		   display: block;
		   text-align: center;
		   padding-bottom: 2%;
	   }
	   
	   .about-us > div > p, .service > div > p{
		   text-align: center;
	   }
	   
	   #pageTitle > div > p, #servicesTitle > div > p, #contactTitle > div > p{
		   font-size: 1.2em;
	   }
	   
	   
	   input[name=submit]{
		   width: 100%;
	   }
	   
	  
	   	   


	   
   }

@media screen and (max-width: 480px) {
	
	.review{
		display: block;
	}
	
	.flexcaption > p{
		font-size: 17px
	}
	
	.flexcaption > div{
		display: none;
	}
	
	
}

/* Award Logo */

.award span {display:none;}

@media screen and (max-width: 991px) {

    a.award.gallery:link,
    .award.gallery:visited,
    .award.gallery:hover,
    .award.gallery:active {
        display: block;
        background: url(../img/CCA-award-logo.jpg) no-repeat top left;
        height: 124px;
        width: 124px;
        position: relative;
        z-index: 99;
        float: left;
        width: 23%;
        margin-right: 2%;
        background-size: contain;
        height: 150px;
    }
    
    .navbar-default .nav-button .col-md-4 .text-center {
        width:75%;
        display:block;
        float:left;
    
    }

}

@media screen and (min-width: 992px) and (max-width: 1309px) {

    a.award.gallery:link,
    .award.gallery:visited,
    .award.gallery:hover,
    .award.gallery:active {
        display: block;
        background: url(../img/CCA-award-logo.jpg) no-repeat top left;
        height: 124px;
        width: 124px;
        position: absolute;
        top: 107px;
        left: 20px;
        z-index: 99;
        float: left;
        width: 50%;
        height:124px;
        background-size:contain;
    }

}

@media screen and (min-width: 1310px) {
    .award:link,
    .award:visited,
    .award:hover,
    .award:active {
        display:block;
        background:url(../img/CCA-award-logo.jpg) no-repeat top left;
        height:124px;
        width:124px;
        position:absolute;
        top:16px;
        left:-133px;
        z-index:99;
        /* MAKE SURE PARENT IS RELATIVE-POSISTIONED. */
        height:124px;
        background-size:contain;
    }
    .award span { display:none; }
    
}