/* You can type here any CSS code that will be loaded both on your admin and front-end pages.
Let us help you by giving a few exmaple CSS classes: */

/* Front-end sliders & preview */

.ls-container { /* The slider itself */

}

.ls-layer { /* .ls-layer refers your slides */

}

.ls-layer a:hover {
	color: blue;
	text-decoration: underline;
}

.ls-layer #yourID {

}

.ls-layer .yourClass {

}

/* Side color of 3D objects */
.ls-3d-box div { background: #777; }
/*ben*/
@media screen and (min-width: 767px) and (max-width: 1000px) {
h1.slider_pathway{
font: 300 25px/25px Open Sans;
}
h2.slider_pathway{
font: 300 18x/20px Open Sans;
}
h3.slider_pathway{
font: normal 14px/16px Open Sans;

}
}
@media screen and (min-width: 500px) and (max-width: 766px) {
h1.slider_pathway{
font: 300 20px/20px Open Sans;
}
h2.slider_pathway{
font: 300 14px/12px Open Sans;
margin-top: 20px !important;
}
h3.slider_pathway{
font: normal 11px/14px Open Sans;
margin-top: 10px !important;
}
}
@media screen and (min-width: 290px) and (max-width: 499px) {
h1.slider_pathway{
font: 300 10px/4px Open Sans;
margin-top: 10px !important;
line-height: 10px;
}
h2.slider_pathway{
font: 300 9px/8px Open Sans;
}
h3.slider_pathway{
font: normal 8px/8px Open Sans;
margin-top: 5px !important;
}
}