.resources-sec1 {
	background-color: #000;
}
.resources-sec1 a.catalog, .resources-sec3 a.solution {
    background-color: #00beb7;
    padding: 7px 75px;
}
.resources-sec1 a.catalog:hover, .resources-sec3 a.solution:hover {
    background-color: #545454;
}
.resources-sec1 .heading, .resources-sec3 .heading {
    color: #1debe3;
}
.resources-sec2 {
	background-image: url(../images/main-bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}
.resources-sec2 a.sol-link {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    background-color: rgba(0, 0, 0, .70);
}
.resources-sec2 a.sol-link:hover {
    background-color: rgba(0, 0, 0, 1);
}
.resources-sec3 {
    background: #010811;
    background: -webkit-linear-gradient(#010811, #093372);
    background: -o-linear-gradient(#010811, #093372);
    background: -moz-linear-gradient(#010811, #093372);
    background: linear-gradient(#010811, #093372);
}





@media screen and (max-width: 1362px) {
}
@media screen and (max-width: 992px) {
	.resources-sec1, .resources-sec2, .resources-sec3 {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.resources-sec1 .heading, .resources-sec3 .heading {
	    margin-top: 0;
	}
	.resources-sec3 .text {
	    padding: 0 1%;
	}
	.resources-sec2 {
	    background-size: cover;
	}
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 479px) {
}