/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

<style> .habitat-info-box { display: flex; justify-content: space-between; align-items: center; background: #2e8f88; padding: 25px 10px; border-radius: 6px; } .habitat-item { flex: 1; text-align: center; color: #fff; padding: 10px 0; border-right: 1px solid rgba(255,255,255,0.3); } .habitat-item:last-child { border-right: none; } .habitat-item h3 { margin: 0 0 8px 0; font-size: 22px; font-weight: 700; } .habitat-item p { margin: 0; font-size: 18px; } .habitat-item .num { display: block; font-size: 70px; line-height: 1; font-weight: 800; margin-top: 5px; color: #5ef2f2; } @media(max-width:768px) { .habitat-info-box { flex-direction: column; gap: 20px; } .habitat-item { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 15px; } .habitat-item:last-child { border-bottom: none; } } </style>
	.habitat-info-box .habitat-item .num {
  font-size: 70px !important;
  color: #5ef2f2 !important;
}

}