@import "//fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic";

@media screen, projection, tv, handheld {
#slider-wrapper {
	padding: 22px 30px;
}
.home .width50 {
	width: 50%;
	float: left;
}

.box6 {
	background: #006b97;
}
.filetype {
	width: 200px;
}
.container {
	padding: 1em 44px;
	width: auto;
}
.container .span3 {
	width: 31.33%;
	margin: 2em 0;
	float: left;
}
.container h2 {
	font-size: 180%;
}
.container h3 {
	font-size: 130%;
}
a.no-underline {
	text-decoration: none;
	color: #333;
}
a.no-underline:hover {
	text-decoration: underline;
	color: #333;
}
.img {
	width: auto;
	height: auto;
	overflow: hidden;
}

.home .content-container{
	padding: 1em 1.5em 1em 0
}
	.home .grid-container {
		width: auto;
		box-sizing: border-box;
		margin: 55px 1.5em 1.5em 1.5em;
		position: relative;
		min-height: 535px;
		background: url(/assets/images/circles-bg.svg) no-repeat;
		background-size:contain;
		z-index: 0
	}
	
	.home .grid-container a:link, .home .grid-container a:visited, .home .grid-container a:hover {
		color: #fff;
	}
	
	.home .grid-container .item {
		position: absolute;
	}
.home .grid-container .item.item1{
	left: 0;
	top: 0;
	background: linear-gradient(
      rgba(50, 50, 50, 0.1), 
      rgba(50, 50, 50, 0.45)
    ),
	url(/assets/images/ambassadors-thumb.jpg)
}
	
.home .grid-container .item.item2{
	right: 5%;
	top: 5%;
	background: linear-gradient(
      rgba(50, 50, 50, 0.1), 
      rgba(50, 50, 50, 0.45)
    ),
	url(/assets/images/get-involved-thumb.jpg)
}
	
.home .grid-container .item.item3{
	left: 5%;
	bottom: 10%;
	background: linear-gradient(
      rgba(50, 50, 50, 0.1), 
      rgba(50, 50, 50, 0.45)
    ),
	url(/assets/images/qld-in-action-thumb.jpg)
}
	
.home .grid-container .item.item4{
	right: 10%;
	bottom: 5%;
	background: linear-gradient(
      rgba(50, 50, 50, 0.1), 
      rgba(50, 50, 50, 0.45)
    ),
	url(/assets/images/legislation-thumb.jpg)
}
	
.home .grid-container .item.item5{
	left: 33%;
	top: 30%;
	background: linear-gradient(
      rgba(50, 50, 50, 0.1), 
      rgba(50, 50, 50, 0.45)
    ),
	url(/assets/images/government-in-action-thumb.jpg)
}
	
.home .grid-container .inner {
	-webkit-transform: translateZ(50px) translateY(-50%) translateX(-50%);
    transform: translateZ(50px) translateY(-50%) translateX(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
	color: #fff;
	line-height: 1.2;
	font-weight: bold;
	font-size: 100%;
	padding: .6em 0;
	text-shadow: 1px 1px 2px rgba(39, 39, 39, 1);
	width: 80%;
		
		
}
.container .col2 {
	padding: 0 3%;
}
#page-container,  #page-container .box-sizing,  #page-container .article,  #page-container #content,  #page-container .max-width {
	background: transparent;
}
.home #content-container .article .box-sizing {
	margin-left: 22px;
	margin-right: 22px;
	margin-top: 22px;
	background: #fff;
}
}


@media screen and (min-width: 700px) and (max-width: 950px) {
	.home .grid-container {min-height: 400px; margin: 0}
	.grid-container .item {width: 150px;height:150px;}
	#page-container .max-width {background: #fff;}
	.width50 {width: 100% !important}
}

@media screen and (min-width: 520px) and (max-width: 700px) {
	.grid-container .item {width: 120px;height:120px;}
	.width50 {width: 100% !important}
}

@media screen and (min-width: 0px) and (max-width: 520px) {
	.home .grid-container {	min-height: 430px; margin: 0}
	.grid-container .item {width: 115px;height:115px; font-size: .8em}
	.width50 {width: 100% !important}
	.grid-container .item.item3 {left: 0; bottom:0}
	.container {padding: 1em}
}


@media print {

}