@charset "utf-8";

.pricing {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: hsla(240,6%,91%,1.00);
    padding-left: 25%;
    padding-right: 25%;
}

.pricingWrapper {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: hsla(0,0%,94%,1.00);
    padding-left: 40px;
    padding-right: 40px;
    min-height: 1000px;    
}


.pricing h1  {
    padding-left: 6px;
	margin-bottom: 20px;
}

.pricing h3  {
    padding-left: 7px;
	margin-bottom: 20px;
}

.pricing h4  {
    padding-left: 7px;
    margin-top: 40px;
	margin-bottom: 0px;
}

.pricing .cognito {
}

.pricing .coverLogo {
    background-color: hsla(0,0%,94%,1.00);
    width: 60%;
    height: 45px;
    margin-top: -37px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    position: relative;
}



@media (max-width:2200px){
.pricing {
    padding-left: 20%;
    padding-right: 20%;
}
}


@media (max-width:1800px){
.pricing {
    padding-left: 15%;
    padding-right: 15%;
}
.pricingWrapper {
    min-height: 800px; 
}
}


@media (max-width:1400px){
.pricing {
    padding-left: 142px;
    padding-right: 142px;
}
}


@media (max-width:1200px){
.pricing {
    padding-left: 124px;
    padding-right: 124px;
}
}

@media (max-width:1100px){
.pricing {
    padding-right: 20px;
}
}


@media (max-width:1000px){
.pricing {
    padding-left: 20px;
    padding-right: 20px;
}
}


@media (max-width:900px){
.pricing {
    padding-left: 20px;
}
}



@media (max-width:767px){

.pricingWrapper {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
    min-height: 600px;    
}
}


@media (max-width:767px){

.pricingWrapper {
    padding-left: 0px;
    padding-right: 0px;
    background-color: #E7E7E9;
}

.pricing .coverLogo {
    background-color: #E7E7E9;
}
}