/*
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  ***************/


}
body {
    font-family: 'Roboto', sans-serif; /* Font chữ dễ đọc */
    font-size: 16px; /* Kích thước chữ đoạn văn */
    line-height: 1.7; /* Khoảng cách dòng */
    color: #000; /* Màu chữ đoạn văn */
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif; /* Font chữ tiêu đề */
    color: #111; /* Màu tiêu đề */
    line-height: 1.4; /* Khoảng cách dòng cho tiêu đề */
}

h1 { font-size: 36px;}
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }

@media (max-width: 768px) {
    body {
        font-size: 15px; /* Kích thước chữ nhỏ hơn */
    }
    h1 {
        font-size: 28px; /* Thu nhỏ tiêu đề */
    }
    h2 {
        font-size: 24px;
    }
}