/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/

/*--team --NEEDED FOR HEADLINES TO WORK---*/

h1.heading,h2.heading,h3.heading {
    font-size: 40px;
    color: #333;
	font-weight: 300;
	position: relative;
}
.heading {
	position: relative;
}
h4.position {
    position: absolute;
    top: 40%;
    left: 15%;
    font-size: 80px;
    color: #ccc;
    opacity: .5;
    z-index: 1;
    font-weight: 900;
}
h4.position.cont {
    left: 6%;
}
h1.heading span,h2.heading span,h3.heading span{
	font-weight: 600;
}
h1.heading:after,h3.heading:after {
    position: absolute;
    content: "";
    width: 60px;
    height: 3px;
    background: #333;
    left: 0%;
    bottom: 0%;
}
h2.heading:after {
    position: absolute;
    content: "";
    width: 60px;
    height: 3px;
    background: #333;
    left: 0%;
    bottom: 30%;
}

/*--team --*/

/*-- Responsive Design --*/

@media(max-width: 1440px){
}

@media(max-width: 1366px){
}

@media(max-width: 1280px){
	h4.position {
		font-size: 70px;
	}
}

@media(max-width: 1080px){
}

@media(max-width: 1024px){
}

@media(max-width: 991px){
	h4.position {
		left: 10%;
	}
	h4.position.cont {
		left: 10%;
	}
}

@media(max-width: 900px){
}

@media(max-width: 800px){
}

@media(max-width: 768px){
}

@media(max-width: 736px){
	h4.position {
		left: 13%;
	}
	h4.position.cont {
		left: 13%;
	}
	h1.heading, h2.heading, h3.heading {
		font-size: 38px;
	}
}

@media(max-width: 667px){
	h4.position {
		font-size: 60px;
		top: 50%;
	}
}

@media(max-width: 640px){
}

@media(max-width: 568px){	
}

@media(max-width: 480px){
	h4.position.cont {
		font-size: 50px;
	}
}

@media(max-width: 414px){
	h1.heading, h2.heading, h3.heading {
		font-size: 33px;
	}
	h4.position {
		font-size: 40px;
		top: 51%;
		left: 17%;
	}
	h4.position.cont {
		left: 17%;
	}
	h4.position.cont {
		font-size: 45px;
	}
	h4.position.cont {
		font-size: 41px;
	}
}
@media(max-width: 384px){
	h1.heading, h2.heading, h3.heading {
		font-size: 30px;
	}
	h4.position.cont {
		font-size: 40px;
	}
}

@media(max-width: 375px){
	h1.heading:after, h3.heading:after {
		width: 40px;
	}
	h4.position.cont {
		font-size: 38px;
	}
	
@media(max-width: 320px){    
	h4.position.cont {
		left: 15%;
		font-size: 35px;
	}
	h2.heading:after {
		width: 40px;
	}
	h1.heading, h2.heading, h3.heading {
		font-size: 27px;
	}
	h4.position.cont {
		font-size: 33px;
	}
}
/*-- //Responsive Design --*/