html,
        body {
            font-size: 16px;
            -webkit-text-size-adjust: 100%;
            height: 100%;
            font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
        }

        body {
            margin: 0;
            padding: 0;

        }

        .font-poppins {
            font-family: poppins;
        }

        .font-open-sans {
            font-family: 'Open Sans', sans-serif;
        }

        h1 {
            margin-top: 0;
        }

        /* h2 {
            margin-top: 24px;
            font-size: 1em;
        } */

        h2:first-child {
            margin-top: 0;
        }

        /* p {
            font-family: 'Open Sans';
            line-height: 1.4em;
            margin-bottom: 1.4em;
        } */

        ul {
            line-height: 1.3em;
            padding-left: 20px;
            margin-bottom: 0;
        }

        ul li {
            margin-bottom: 0.35em;
        }

        a {
            color: #0B69A3;
            text-decoration: none;
        }

        .go {
            color: #0B69A3;
        }

        .go:after {
            padding-left: 4px;
            content: '→';
            text-decoration: none !important;
        }

        small {
            color: hsl(211, 11%, 59%);
        }

        code {
            display: inline-block;
            color: #EF4E4E;
            padding: 0 2px;
            background: hsl(212, 60%, 97%);
            border-radius: 3px;
            line-height: 1.3;
            font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
            font-size: 0.9em;
        }

        .bg-yellow-ghc {
            background: #FEC427;
        }

        h1,
        h2,
        h3,
        h4,
        h5 {
            font-family: 'Poppins';
            font-weight: 800;
        }

        .header h1 {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 800;
            font-size: 50px;
            line-height: 56px;
        }

        .header h2 {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 900;
            font-size: 28px;
            line-height: 60px;
            /* or 214% */
            letter-spacing: 0.05em;
            color: #B12178;
        }

        .header p {
            font-family: 'Open Sans';
            font-style: normal;
            font-weight: 400;
            font-size: 18px;
            line-height: 28px;
        }

        .header p.text-blue {
            color: #00446A;
        }

        @media (min-width: 1024px) {
            .header img.img-header {
                height: 680px;
            }
        }


        .attend-section {
            max-width: 1340px;
        }

        .attend-section h4 {
            line-height: 1.4;
        }

        .attend-section h3 {
            font-size: 28px;
            line-height: 1.4;
        }

        .grid-box img {
            margin-top: -30px;
        }

        .grid-box h4 {
            font-size: 21px;
            font-weight: 900;
            letter-spacing: 0.05em;
            line-height: 1.4;
            margin-bottom: 10px;
        }

        .testimonial-section h3,
        .cta-section h3,
        .speaker-section h3,
        .cow-section h3 {
            font-size: 30px;
            line-height: 1.4;
            font-weight: 800;
            margin-bottom: 22px;
        }

        .testimonial-section h4,
        .speaker-section h4,
        .events-section h4 {
            font-weight: 800;
        }

        .testimonial-section p,
        .cta-section p {
            margin-bottom: 22px;
            line-height: 1.4;
            font-size: 18px;
            font-weight: 300;
        }

        .testimonial-section p strong {
            font-weight: 700;
        }

        .cta-top {
            box-shadow: #c2cf40 60px 34px 0px 0px;
            margin-bottom: 60px;
        }

        .events-section h3 {
            font-size: 30px;
            line-height: 1.4;
            font-weight: 800;
            margin-bottom: 12px;
        }

        .events-section p {
            font-size: 20px;
            line-height: 1.4;
            font-weight: 600;
            font-style: italic;
            margin-bottom: 22px;
        }

        .cetegories-section img {
            margin-top: -12px;
            margin-right: 4px;
        }

        .dark-blue {
            color: #00456A;
        }

        .light-green {
            color: #C2CF20;
        }

        .orange {
            color: #F04F32;
        }

        .purple {
            color: #B12178;
        }

        .yellow {
            color: #FEC427;
        }
        
@media only screen and (max-width: 500px) {
        .header h1 { font-size: 40px; }
        .grid-box img { display: none; }
}