#section6resources{
	background: url("../images/section6resourcesPatternCircles.png"), beige;
	padding-bottom: 50px;
}
#section6resources a{
	display: block;
	position: relative;
}
#section6resources img{
	border-radius: 13%;
	cursor:pointer;
	width: 100%
}
#section6resources h1{
	color: #a2333b;
	font-family: EscolarNormal;
	text-shadow: 1px 2px black;
}
#section6resources h2{
	color: #d8be3f;
	font-family: EscolarNormal;
	text-shadow: 1px 2px black;
}
#section6resourcesResourceBackground {
	background: rgba(77,2,11,0.6);
	border-radius: 13%;
	height: 100%;
	opacity: 0;
	position: absolute;
	width: 100%;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
}
#section6resourcesResourceBackground:hover {
	opacity: 0.8;
}
#section6resourcesResourceBackground i {
	color: white;
	margin-top: 43%;
}


/********** MEDIA QUERIES PORTRAIT*********/
/* XS */
@media screen and (min-width: 320px ) and (orientation:portrait) {
	#section6resourcesResource{
		padding: 0% 15% 0% 15%;
		margin-bottom: 30px;
	}
 	#section6resources h1{
    	font-size: 60px;
    	margin-top: 50px;
 	}
  	#section6resources h2{
    	font-size: 42px;
    	margin-bottom: 26px;
    	margin-top: 30px;
  	}
}
/* SM */
@media screen and (min-width: 768px) and (orientation:portrait){
	#section6resourcesResource{
		padding: 0% 5% 0% 5%;
		margin-bottom: 30px;
	}
  #section6resources h1{
    font-size: 70px;
    margin-top: 65px;
  }
  #section6resources h2{
    margin-bottom: 15px;
  }
}
/* MD */
@media screen and (min-width: 992px) and (orientation:portrait){
}
/* LG */
@media screen and (min-width: 1200px) and (orientation:portrait){
}

/********** MEDIA QUERIES LANDSCAPE*********/
/* XS */
@media screen and (min-width: 320px) and (orientation:landscape) {
	#section6resources h1{
		font-size: 60px;
		margin-top: 30px;
	}
	#section6resources h2{
    	font-size: 50px;
    	margin-top: 40px;
    	margin-bottom: 30px;
	}
	#section6resourcesResource{
		padding: 0% 20% 0% 20%;
	}
}
/* SM */
@media screen and (min-width: 768px) and (orientation:landscape){
	#section6resourcesResource{
		padding: 0% 10% 0% 10%;
	}
}
/* MD */
@media screen and (min-width: 992px) and (orientation:landscape){
  	#section6resources h1{
    	font-size: 70px;
    	margin-top: 85px;
  }
  		#section6resources h2{
    	font-size: 30px;
	}
}
/* LG */
@media screen and (min-width: 1200px) and (orientation:landscape){
	#section6resources{
		padding-bottom: 100px;
	}
	#section6resources h2{
    	font-size: 40px;
    	margin-top: 30px;
    	margin-bottom: 50px;
    }
    #section6resourcesResource{
		padding: 0px 30px 0px 30px;
	}
}

/********** SPECIIAL QUERIES FOR TOUCH SCREENS **********/
@media(hover: none) and (pointer: coarse) {
    #section6resourcesResourceBackground:hover {
      opacity: 0;
    }
}