@import url(https://fonts.googleapis.com/css?family=Bitter:400,700);

@import url(https://fonts.googleapis.com/css?family=Kanit:400,700&subset=thai,latin);

#menu-0 .mbr-brand__name
{
    font-size: 16px;
}

#menu-0.mbr-navbar--stuck .mbr-navbar__section
{
    background: #166b2f;
}

#menu-0 .mbr-navbar__hamburger
{
    color: #ffffff;
}

#content5-16 .mbr-header .mbr-header__text
{
    text-align: center;
    color: #fff;
    font-size: 46px;
    text-shadow: 2px 2px 12px rgba(0,0,0,0.5);
}

#content5-16 .mbr-header .mbr-header__subtext
{
    text-align: center;
    color: #fff;
}

#content5-16 .mbr-article
{
    color: #fff;
}

#contacts1-12 STRONG
{
    color: #ffffff;
    font-size: 21px;
}

#contacts1-12 P
{
    color: #efefef;
    font-size: 17px;
    text-align: left;
}

#footer1-5 P
{
    color: #ffffff;
}

#slider-16 P
{
    color: #ffffff;
}

#slider-16 H1
{
    color: #ffffff;
}

#slider-16 .btn
{
    font-size: 16px;
}

#header3-22 H3
{
    text-align: center;
    font-size: 36px;
}

#header3-22 P
{
    font-size: 23px;
}

#msg-box1-23 .mbr-header .mbr-header__text
{
    color: #fff;
    text-align: center;
    font-size: 36px;
    text-shadow: 2px 2px 12px rgba(0,0,0,0.5);
}

#msg-box1-23 .mbr-article
{
    color: #fff;
}

#contacts1-12 STRONG
{
    color: #ffffff;
    font-size: 21px;
}

#contacts1-12 P
{
    color: #efefef;
    font-size: 17px;
    text-align: left;
}

#footer1-5 P
{
    color: #ffffff;
}

#menu-0 .mbr-brand__name
{
    font-size: 16px;
}

#menu-0.mbr-navbar--stuck .mbr-navbar__section
{
    background: #166b2f;
}

#menu-0 .mbr-navbar__hamburger
{
    color: #ffffff;
}

#menu-0 .mbr-brand__name
{
    font-size: 16px;
}
@media screen and  (max-width: 767px)
{
    #menu-0 .mbr-brand__name
    {
        display:none;
    }
}


#menu-0.mbr-navbar--stuck .mbr-navbar__section
{
    background: #166b2f;
}

#menu-0 .mbr-navbar__hamburger
{
    color: #ffffff;
}

#header1-1 H1
{
    font-family: 'Bitter', serif;
    font-size: 80px;
    color: #4ee140;
    text-align: left;
    margin-top: -110px;
    margin-bottom: -50px;
    text-shadow: 2px 2px 12px rgba(0,0,0,0.5);
}

#header1-1 P
{
    text-align: left;
    font-size: 24px;
    color: #ffffff;
    text-shadow: 2px 2px 12px rgba(0,0,0,0.5);
}

#header3-10 H3
{
    font-size: 36px;
    text-align: center;
}

@media screen and (max-width: 1023px)
{
    #header1-1 H1
    {
        font-family: 'Bitter', serif;
        font-size: 50px;
        color: #4ee140;
        text-align: left;
        margin-top: -80px;
        text-shadow: 2px 2px 12px rgba(0,0,0,0.5);
    }
    #header1-1 P
    {
        font-size: 18px;
    }
}

@media screen and  (max-width: 767px)
{
    #header1-1 H1
    {
        font-family: 'Bitter', serif;
        font-size: 40px;
        color: #4ee140;
        text-align: left;
        margin-top: 20px;
        margin-bottom: -60px;
        text-shadow: 2px 2px 12px rgba(0,0,0,0.5);
    }
    #header1-1 P
    {
        font-size: 18px;
    }
}

@media screen and  (max-width: 411px)
{
    #header1-1 H1
    {
        font-family: 'Bitter', serif;
        font-size: 40px;
        color: #4ee140;
        text-align: left;
        margin-top: 50px;
        margin-bottom: -60px;
        text-shadow: 2px 2px 12px rgba(0,0,0,0.5);
    }
    #header1-1 P
    {
        font-size: 18px;
    }
}

@media screen and  (max-width: 320px)
{
    #header1-1 H1
    {
        font-family: 'Bitter', serif;
        font-size: 30px;
        color: #4ee140;
        text-align: left;
        margin-top: 90px;
        margin-bottom: -60px;
        text-shadow: 2px 2px 12px rgba(0,0,0,0.5);
    }
    #header1-1 P
    {
        font-size: 18px;
    }
}


#features1-2 .mbr-section__col .mbr-header__text
{
    font-size: 25px;
    font-family: 'Kanit', serif;
    color: #ffffff;
}

#features1-2 P
{
    color: #efefef;
    text-align: center;
    font-size: 17px;
}

#features1-2 .mbr-section-title .mbr-header__text
{
    color: #ffffff;
    font-family: 'Kanit', sans-serif;
    font-size: 36px;
}

#content5-3 .mbr-header .mbr-header__text
{
    text-align: center;
    color: #fff;
    font-size: 30px;
}

#content5-3 .mbr-header .mbr-header__subtext
{
    text-align: center;
    color: #fff;
}

#content5-3 .mbr-article
{
    color: #fff;
}

#content5-3 .mbr-article UL
{
    text-align: right;
}

#content5-3 .mbr-article P
{
    text-align: center;
    font-size: 20px;
}

#footer1-5 P
{
    color: #ffffff;
}

#contacts1-12 STRONG
{
    color: #ffffff;
    font-size: 21px;
}

#contacts1-12 P
{
    color: #efefef;
    font-size: 17px;
    text-align: left;
}

@media screen and (max-width: 768px)
{
    #contacts1-12 P
    {
       color: #efefef;
       font-size: 14px;
       text-align: left;
       padding-bottom: 10px;
    }

    .shift-up
    {
        margin-top:-55px;
    }
}