/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the normal and widescreen layouts. You may override these styles in the normal 
 *  and widescreen CSS files as appropriate. */
 
#logo {
	width:500px;
	height:auto;	
}


/*
====================================
 Mini Banners on Level 2 pages
====================================
*/

#region-mini-banner {
	margin-left:-40px;
	height: 151px;
	width:800px;
}
#region-mini-banner img {
	width:800px;
	height: 151px;
}

.front #region-preface-second {
	margin-left: -710px;
	margin-right: -710px;
    padding-left: 780px;	
    padding-right: 710px;	
}

.page-contact #zone-postscript {
	margin-left: -710px;
	margin-right: -710px;
    padding-left: 820px;	
    padding-right: 710px;	
}


.container-12 .grid-3 {
    width: 150px !important;
}

#region-postscript-first .grid-3 img {
	width:100%;
	height:auto;	
}

.grid-3.alpha img {
	width:100%;
	height:auto;	
}

.grid-4 img {
	width:100%;
	height:auto;	
}


/*
====================================
HOMEPAGE OVERLAYS
====================================
*/

.front .sliderOverlay1 {
	display:block;
	position:absolute;

    font-family: 'Roboto',sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    height: 15px;
    line-height: 0.7em;
    padding: 15px;
    text-align: center;
    width: 80px;
    top: 25px;
    left: 75px;


	border: 5px solid #fff;
    border-radius: 15px;
	background-color:#fff;
	opacity:0.5;

}


.front .sliderOverlay2 {
	display:block;
	position:absolute;
    font-family: 'Roboto',sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    height: 15px;
    line-height: 0.7em;
    padding: 15px;
    text-align: center;
    top: 25px;
    width: 80px;		
    left: 205px;

	border: 5px solid #fff;
    border-radius: 15px;
	background-color:#fff;
	opacity:0.5;

}

.front .sliderOverlay1:hover,
.front .sliderOverlay2:hover{
	opacity:0.65;
}

.front .sliderOverlay1 a,
.front .sliderOverlay2 a {
	color:#000;
	text-decoration:none;
}

.front .sliderOverlay1 a:hover,
.front .sliderOverlay2 a:hover {
	color:#000;
	text-decoration:underline;
}

/*
====================================
HOMEPAGE BANNER - FULL WIDTH
====================================
*/

.views_slideshow_cycle_main .field-content img {
  width: auto;
  height: 200px;
  margin: 0;
  padding: 0;
}