/* Xzone9 css styles (customizations) - updated 2021-08-27 rkh */

/* testing
.wrapper {
	background-color: rgba(155, 107, 204, 0.8);	
}

.service {
	background-color: rgba(255, 255, 255, 1.0);
}
*/
.social_soundcloud {background: url(../img/icons/social/soundcloud.png) no-repeat;}

/* plugins parallax-slider */

.da-slider {
	background: transparent url(../customs/img/bg.png) repeat 0% 0%;
}

.da-slide {
	width: 100%;
}

/* */
.da-slide h2 {
    background-color: rgba(155, 107, 204, 0.8);
	padding: 10px;

}

.da-slide h2 i{
	background: none;
	/* font-size: 2vw;  this works  */
	/* */
	font-size: 100%;
	font-style: oblique;
    font-weight: 800;
    
	padding: 0 5px;
	text-transform: uppercase;
    /* not working next two lines
    text-align: justify;  
    text-justify: auto;
    */
}

/* */
.da-slide p {
	background: url(../plugins/parallax-slider/img/bg-text.png) repeat;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 25px;
	color: #fff;
	padding: 10px;
	/* works for now */
	width: auto;
    /* not working next two lines
    text-align: justify;  
    text-justify: auto;
    */
}

.da-slide p i{
	background: none;		
}

.header {

}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.header .logo img {
	z-index: 1;
	margin: 0 0 40px 0;
	position: relative;
}
/*
@media (max-width: 1400px) {
	.heading h2:before,
	.heading h2:after {
		width: 20%;
	}
    .da-slide h2 i{
	\\font-size: 2vw; this works
	font-size: 90%;
    font-weight: 600;

}
}

@media (max-width: 1200px) {
	.heading h2:before,
	.heading h2:after {
		width: 20%;
	}
    .da-slide h2 i{
	//font-size: 2vw; this works
	font-size: 80%;
    font-weight: 400;

}
}

@media (max-width: 768px) {
	.heading h2:before,
	.heading h2:after {
		width: 100%;
	}
    .da-slide h2 i{
	\\font-size: 2vw; this works 
	font-size: 80%;
    font-weight: 400;

}
}
*/