/*figure out why this is needed here*/
body {
	overflow-x: hidden;
}
.introWrapper {
	background-image: url('/cisiweb2/image/qualifications/opsheader.jpg');
	background-position: center center;
}
.row .kac {
	margin-top: 40px;
}
.kac .col-sm-4 > a {
	display: block;
	color: white;
	text-align: center;
	padding: 50px;
}
a.one, a.two, a.three {
	background: #38A2A2;
    border-radius:20px;
}
    a.one:hover, a.two:hover, a.three:hover {
        background: #097979;
    }
h2 #kac {
        margin-bottom: 20px;
    }
span.dates {
	font-weight: 700;
}
.modules {
    margin-bottom:30px;
    
}

    .modules .col-sm-4 > div {
        position: relative;
        background: #000;
    }

        .modules .col-sm-4  img {
            margin:0;
        }
        .typeBadge {
            position: absolute;
            top: 10px;
            left: 22px;
            background: #000;
            color: #fff;
            padding: 12px 14px;
            border-radius: 200px;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
        }
.modules .title {
    background: #299d9d;
    color: #fff;
    padding: 10px 20px;
    min-height:80px;
}


@media(max-width: 1599px){
	a.one, a.two, a.three {
		height: 150px;
	}
}
@media(max-width: 1199px){

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

}
@media(max-width: 767px){
	a.one, a.two, a.three {
		height: 120px;
		margin-top: 10px;
	}
}