@charset "utf-8";
/* Header Six One Column Centered Multi Color Bars CSS */

.header-6-main-container {position: relative;height: auto;min-height:auto;padding: 0px 20px 0px 20px;}
.header-6-inner-container {position: relative;min-height:auto;height:auto;padding: 0px 0px 0px 0px;}
.header-6-content {position:relative;max-width:100%;}
.header-6-content h1 {font-size:38px;font-weight:300;line-height:50px;text-align:center;}
.header-6-content h1 span {font-weight:700;}
.header-6-content p {font-size:18px;font-weight:300;line-height:27px;text-align:center;}
		
@media (min-width: 320px) {
	
}

@media (min-width: 375px) {

	
}

@media (min-width: 576px) {
.header-6-main-container {padding: 0px 0px 20px 0px;}
.header-6-content h1 {font-size: 36px;}	
}		

@media (min-width: 768px) {
		
}
	
@media (min-width: 992px) {
.header-6-main-container {position: relative;height: auto;padding: 0px 0px 0px 0px;}
.header-6-inner-container {min-height: 240px;padding: 60px 0px 60px 0px;}
.header-6-content {max-width:750px;margin:0 auto;}
.header-6-content h1 {font-size:50px;line-height:60px;}
.header-6-content h1 span {font-weight:700;}
.header-6-content p {font-size:20px;line-height:30px;}
}

@media (min-width: 1200px) {
.header-6-r-col {left:60px;top:20px;}
.header-6-content h1 {font-size:65px;line-height:80px;}
    .header-6-gradient-1 {
        display: block;
        height: 70%;
        width: 147px;
        position: absolute;
        left: 0px;
        bottom: 0px;
        z-index: 0;
        border-radius: 15px;
        background-image: -webkit-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.8));
        background-image: -o-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.8));
        background-image: linear-gradient(to top, rgba(2,176,184,0), rgba(2,176,184,.8));
    }
    .header-6-gradient-2 {
        display: block;
        height: 55%;
        width: 32px;
        position: absolute;
        left: 163px;
        bottom: 0px;
        z-index: 0;
        border-radius: 5px;
        background-image: -webkit-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.7));
        background-image: -o-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.7));
        background-image: linear-gradient(to top, rgba(14,54,82,0), rgba(14,54,82,.7));
    }

    .header-6-gradient-3 {
        display: block;
        height: 192px;
        width: 82px;
        position: absolute;
        left: 180px;
        top: 55px;
        z-index: 0;
        border-radius: 10px;
        background-image: -webkit-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.9));
        background-image: -o-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.9));
        background-image: linear-gradient(to top, rgba(153,198,109,0), rgba(153,198,109,.9));
    }
    .header-6-gradient-4 {
        display: block;
        height: 70%;
        width: 152px;
        position: absolute;
        right: 0px;
        bottom: 0px;
        z-index: 0;
        border-radius: 15px 0px 15px 15px;
        background-image: -webkit-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.6));
        background-image: -o-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.6));
        background-image: linear-gradient(to top, rgba(2,176,184,0), rgba(2,176,184,.6));
    }
    .header-6-gradient-5 {
        display: block;
        height: 65%;
        width: 25px;
        position: absolute;
        right: 220px;
        bottom: 0px;
        z-index: 0;
        border-radius: 5px;
        background-image: -webkit-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.9));
        background-image: -o-linear-gradient(bottom, rgba(153,198,109,0), rgba(153,198,109,.9));
        background-image: linear-gradient(to top, rgba(153,198,109,0), rgba(153,198,109,.9));
    }
    .header-6-gradient-6 {
        display: block;
        height: 40%;
        width: 106px;
        position: absolute;
        right: 85px;
        bottom: 0px;
        z-index: 0;
        border-radius: 10px;
        background-image: -webkit-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.8));
        background-image: -o-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.8));
        background-image: linear-gradient(to top, rgba(14,54,82,0), rgba(14,54,82,.8));
    }
}
@media (min-width: 1400px) {
    .header-6-content {
        max-width: 900px;
        margin: 0 auto;
    }
}
@media (min-width: 1440px) {
}
@media (min-width: 1441px) {
.header-6-gradient-4 {width: 152px;border-radius:15px;}	
}

@media (min-width: 1500px) {
	
}

@media (min-width: 1650px) {
	
}