/* --- Start Flexslider solution -- */
@media (max-width:420px){
ul.slides > li {
height: 200px;
}
}
@media (min-width:421px){
ul.slides > li {
background-color: #000000;
height: 430px;
}
}
/* Make content autofit to max-height property, and center both vertically and horizontally with transform */
ul.slides > li > * {
height: auto;
max-height : 100%;
max-width: 100%;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
position: absolute;
overflow-y: hidden;
}
/* For images specifically, set height to 100% and width to auto so you are keeping aspect ratio */
ul.slides > li > img {
height : 100%;
width : auto !important;
}
/* Don't let content clip over edge */
ul.slides > li {
overflow : hidden;
}
ul.slides > li > p {
overflow-y : auto
}
/* --- End Flexslider solution -- */
.flexslider .slides img {
width: 100%;
}
.print_html{
display:none !important;
}
Promoting Mutual Understanding