@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');
.ca-container{
    margin: 0 auto;
    width: 98%;
    margin-bottom: 4vw;
}
.ca-wrapper{
	width:100%;
	height:100%;
	margin-top:2vw;
}
.ca-item{
	float:left;
	width:33.333%;
	height:100%;
	text-align:center;
}
.ca-more{
	bottom: 1vw;
	right:0px;
	padding:0.4vw 0.3vw;
	font-weight:bold;
	background: #;
	text-align:center;
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-style:italic;
	text-shadow:0.2vw 0.2vw 0.2vw #897c63;
}
.ca-item-main{
    padding: 1.5vw;
    background: #f8f8f8;
    overflow: hidden;
    margin-bottom: 2.5vw;
}
.ca-item-main img {
width:100%;
height:100%;
}
.ca-item h2{
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 1.8vw;
    font-weight: 700;
    color: #000;
    line-height: 2.5vw;
    margin-bottom: 1.92vw;
    text-align: center;
    padding-top: 1vw;
}
.ca-item h2 span {
    background: #000;
    display: block;
    height: 4px;
    width: 15%;
    margin: 0 auto;
	    margin-top: 0.5vw;
}
.ca-item h3{
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 1.8vw;
    font-weight: 700;
    color: #000;
    line-height: 2.5vw;
    margin-bottom: 1.92vw;
    text-align: center;
    padding-top: 1vw;
}
.ca-item h3 span {
    background: #000;
    display: block;
    height: 0.4vw;
    width: 15%;
    margin: 0 auto;
	    margin-top: 0.5vw;
}
.ca-item h5{
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2vw;
    font-weight: 500;
    text-align: center;
    line-height: 1.6vw;
    padding-bottom: 2vw;
    color: #000;
}
.ca-item h5 a{
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2vw;
    font-weight: 500;
    text-align: center;
    line-height: 1.6vw;
    padding-bottom: 2vw;
    color: #000;
}
.ca-item h5 a:hover{
color:#000;
}
.ca-item h4{
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2vw;
    font-weight: 500;
    text-align: center;
    line-height: 1.6vw;
    padding-bottom: 2vw;
    color: #000;
}
.ca-item h4 a{
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2vw;
    font-weight: 500;
    text-align: center;
    line-height: 1.6vw;
    padding-bottom: 2vw;
    color: #000;
}
.ca-item h4 a:hover{
color:#000;
}
.ca-content-wrapper{
	background:#b0ccc6;
	width:0px; /* expands to width of the wrapper minus 1 element */
	height:440px;
	top:5px;
	text-align:left;
	z-index:10000;
	overflow:hidden;
}
.ca-content{
	width:660px;
	overflow:hidden;
}
.ca-content-text{
	font-size: 14px;
	font-style: italic;
	font-family: "Georgia","Times New Roman",serif;
	margin:10px 20px;
	padding:10px 20px;
	line-height:24px;
}
.ca-content-text p {
	padding-bottom:5px;
}
.ca-content h6{
	margin:25px 20px 0px 35px;
	font-size:32px;
	padding-bottom:5px;
	color:#000;
	font-family: 'Coustard', sans-serif;
	color:#60817a;
	border-bottom:2px solid #99bcb4;
	text-shadow: 1px 1px 1px #99BCB4;
}
.ca-content ul{
	margin:20px 35px;
	height:30px;
}
.ca-content ul li {
	float:left;
	margin:0px 2px;
}
.ca-content ul li a {
	color:#000;
	background:#000;
	padding:3px 6px;
	font-size:14px;
	font-family: "Georgia","Times New Roman",serif;
	font-style:italic;
}
.ca-content ul li a:hover {
	background:#000;
	color:#000;
	text-shadow:none;
}
.ca-nav span{
	width:56px;
	height:56px;
	background:transparent url(../images/arrows.png) no-repeat top left;
	top:100%;
	margin-top:0px;
	margin-left:50%;
	left:-50px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
}
.ca-nav span:hover{
	opacity:1.0;
}
@media (min-width: 600px) and (max-width: 899px) {
.ca-item h3 span {
    background: #000;
    display: block;
    height: 3px;
}
.ca-item h4 {
    font-size: 2em;
    line-height: 1.5em;
}
.ca-item h2 {
    font-size: 3em;
    line-height: 2em;
}

.btn-white a {
    color: #000;
    font-size: 3em;
}

.ca-item h3 {
    font-size: 3em;
    line-height: 1.5em;
	
}
.ca-item h5 {
    font-size: 2em;
    line-height: 1.5em;
	
}
.ca-item {
    position: relative;
    float: left;
    width: 50%;
    height: 100%;
    text-align: center;
}
}
@media (min-width: 480px) and (max-width: 599px) {
.ca-item {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
}
.ca-item h3 span {
    background: #000;
    display: block;
    height: 3px;
}
.ca-item h4 {
    font-size: 3em;
    line-height: 1.5em;
}
.ca-item h2 {
    font-size: 4em;
    line-height: 2em;
}

.btn-white a {
    color: #000;
    font-size: 3em;
}

.ca-item h3 {
    font-size: 4em;
    line-height: 1.5em;
	
}
.ca-item h5 {
    font-size: 3em;
    line-height: 1.5em;
	
}
.ca-item {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
}
}
@media (min-width: 320px) and (max-width: 479px) {
.ca-item {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
}
.ca-item h3 span {
    background: #000;
    display: block;
    height: 3px;
}
.ca-item h4 {
    font-size: 4em;
    line-height: 1.5em;
}
.ca-item h2 {
    font-size: 5em;
    line-height: 2em;
}

.btn-white a {
    color: #000;
    font-size: 3.5em;
}

.ca-item h3 {
    font-size: 5em;
    line-height: 1.5em;
	
}
.ca-item h5 {
    font-size: 4em;
    line-height: 1.5em;
	
}
.ca-item {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
}
}