/*-------------------------------------PORTRAIT----------------------------------------*/
/*-------------------------------------PORTRAIT----------------------------------------*/
/*-------------------------------------PORTRAIT----------------------------------------*/


@media all and (orientation:portrait) {


.ssColumnContainer2{
	position:relative;
	width:70%;
	height:auto;
	left:0;
	right:0;
	margin:auto;
	background-color:rgba(255,255,255,0.0);
	z-index:3;

}

#categoryColumn{
	position:relative;
	width:90%;
	height:auto;
	left:0;
	right:0;
	margin:40px auto;
	background-color:rgba(255,255,255,0.0);
	z-index:3;
}

.categorySection{
	position:relative;
	width:100%;
	height:115px;
	margin:50px 0;
	background-color:rgba(255,255,255,0.0);
	transition:0.2s;
}

.categoryHover{
	position:absolute;
	width:100%;
	height:auto;
	z-index:8;
	background-color:rgba(255,255,255,0.0);
}

.categorySection:hover{
	cursor:pointer;
}

.categorySection:hover .categoryTitle{
	letter-spacing:12px;	
}

.categoryTitle{
	position:absolute;
	width:auto;
	height:60px;
	font-family: "futura-pt";
	font-weight:700;
	font-size:24px;
	letter-spacing:6px;	
	text-align:center;
	color:#ffffff;
	background-color:rgba(255,255,255,0.0);
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	z-index:5;
	transition:0.2s;
}

.singleLineTitle{
	margin-top:40px;
}

.categoryImg{
	position:absolute;
	width:100%;
	height:auto;
	opacity:0.7;
	z-index:4;
	transition:0.2s;
}

.categorySection:hover .categoryImg{
	opacity:0.3;
}


/*------------------------INDIVIDUAL-CATEGORY-PAGE----------------------------*/

.headerImgWrapper{
	position:relative;
	width:70vw;
	height:auto;
	left:0;
	right:0;
	margin:40px auto;
}

.headerImg{
	position:absolute;
	width:100%;
	height:auto;
}

.lineFromRight{
	position:absolute;
	height:2px;
	width:120%;
	background-color:#ffffff;
	overflow:hidden;
}

#corporateLine{
	margin:-33px 0 0 300px;
}

#touringLine{
	margin:-33px 0 0 240px;
}

#concertLine{
	margin:-33px 0 0 620px;
}

#politicalLine{
	margin:-33px 0 0 760px;
}

#worshipLine{
	margin:-33px 0 0 240px;
}

#avLine{
	margin:-33px 0 0 750px;
}

#serviceListColumn{
	position:relative;
	width:70%;
	left:0;
	right:0;
	margin:40px auto;
	background-color:rgba(255,255,255,0.0);
	z-index:3;
}

.indvServiceSection{
	position:relative;
	width:95%;
	height:auto;
	margin:50px 0;
	padding:20px;
	background-color:rgba(255,255,255,0.07);
	transition:0.2s;
}

.serviceImg{
	position:relative;
	margin-right:30px;
	float:left;
	background-color:rgba(255,255,255,0.0);
}

.sectionTextBlock{
	position:relative;
	background-color:rgba(255,255,255,0.0);
}

.serviceSectionTitle{
	font-family: "futura-pt";
	font-weight:700;
	font-size:24px;
	letter-spacing:4px;	
	color:#ffffff;
	background-color:rgba(255,255,255,0.0);
	transition:0.2s;
}

.descritionText{
	width:90%;
}

}



/*-------------------------------------LANDSCAPE----------------------------------------*/
/*-------------------------------------LANDSCAPE----------------------------------------*/
/*-------------------------------------LANDSCAPE----------------------------------------*/


@media all and (orientation:landscape) {


.ssColumnContainer2{
	position:relative;
	width:70%;
	height:auto;
	left:0;
	right:0;
	margin:auto;
	background-color:rgba(255,255,255,0.0);
	z-index:3;

}

#categoryColumn{
	position:relative;
	width:90%;
	height:auto;
	left:0;
	right:0;
	margin:40px auto;
	background-color:rgba(255,255,255,0.0);
	z-index:3;
}

.categorySection{
	position:relative;
	width:100%;
	height:200px;
	margin:50px 0;
	background-color:rgba(255,255,255,0.0);
	transition:0.2s;
}

.categoryHover{
	position:absolute;
	width:100%;
	height:auto;
	z-index:8;
	background-color:rgba(255,255,255,0.0);
}

.categorySection:hover{
	cursor:pointer;
}

.categorySection:hover .categoryTitle{
	letter-spacing:12px;	
}

.categoryTitle{
	position:absolute;
	width:auto;
	height:40px;
	font-family: "futura-pt";
	font-weight:700;
	font-size:28px;
	letter-spacing:6px;	
	text-align:center;
	color:#ffffff;
	background-color:rgba(255,255,255,0.0);
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	z-index:5;
	transition:0.2s;
}


.categoryImg{
	position:absolute;
	width:100%;
	height:auto;
	opacity:0.7;
	z-index:4;
	transition:0.2s;
}

.categorySection:hover .categoryImg{
	opacity:0.3;
}


/*------------------------INDIVIDUAL-CATEGORY-PAGE----------------------------*/

.headerImgWrapper{
	position:relative;
	width:70vw;
	height:auto;
	left:0;
	right:0;
	margin:40px auto;
}

.headerImg{
	position:absolute;
	width:100%;
	height:auto;
}

.lineFromRight{
	position:absolute;
	height:2px;
	width:120%;
	background-color:#ffffff;
	overflow:hidden;
}

#corporateLine{
	margin:-33px 0 0 300px;
}

#touringLine{
	margin:-33px 0 0 240px;
}

#concertLine{
	margin:-33px 0 0 620px;
}

#politicalLine{
	margin:-33px 0 0 760px;
}

#worshipLine{
	margin:-33px 0 0 240px;
}

#avLine{
	margin:-33px 0 0 750px;
}

#serviceListColumn{
	position:relative;
	width:70%;
	left:0;
	right:0;
	margin:40px auto;
	background-color:rgba(255,255,255,0.0);
	z-index:3;
}

.indvServiceSection{
	position:relative;
	width:95%;
	height:auto;
	margin:50px 0;
	padding:20px;
	background-color:rgba(255,255,255,0.07);
	transition:0.2s;
}

.serviceImg{
	position:relative;
	margin-right:30px;
	float:left;
	background-color:rgba(255,255,255,0.0);
}

.sectionTextBlock{
	position:relative;
	background-color:rgba(255,255,255,0.0);
}

.serviceSectionTitle{
	font-family: "futura-pt";
	font-weight:700;
	font-size:24px;
	letter-spacing:4px;	
	color:#ffffff;
	background-color:rgba(255,255,255,0.0);
	transition:0.2s;
}

.descritionText{
	width:90%;
}

}