@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900);

* {
	box-sizing: border-box;
}

html, body {
	height: 100%;
	font-size: 18px;
}


body {
	 font-family: "Open Sans", sans-serif;
  	/*background-color:rgba(214,214,214,8);*/
	text-rendering: optimizeLegibility;
}

h3 {
	color: #0058a4;
	font-family: "Source Sans Pro", sans-serif;
	 font-size: 1.8em;
  line-height: 1.3em;
	font-weight: 600;

}

.cardslider-card {
	padding: 5px 20px;
	color: #4a4a4a;
	font-size: 20px;
	line-height:1.5em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
}


.cardslider-card.center {
	text-align: center;
}

.no-center {
	display: block;
}


.cardtitle {
	font-size: 1.4rem;
	position: absolute;
	bottom: 20px;
	width: 100%;
	left: 0;
	text-align: center;
	display: block;
}

.txt_small {
	font-size:70%;
	text-align:center;
	padding-top:15px;
	}


@media (min-width:480px) and (max-width: 767px){
	.cardslider-card {
		font-size: .7em;
	}
	
	.cardslider-cards {
		width:70%;
	height:50%;
		
	}
	
}


@media (min-width:768px) and (max-width: 978px){
	.cardslider-card {
		font-size: .8em;
	}
	
	.cardslider-cards {
		width:90%;
	height:60%;
		
	}
	
}


@media (min-width: 980px) and (max-width: 1024px){
	.cardslider-card {
		font-size: 1.2em;
	}
	
	.cardslider-cards {
		width: 90%;
	
	height:60%;
	}
	
}