/* BUSINESS CSS */

    a{
        color: inherit;
    }
    a:hover{
        color: inherit;
        
    }

    .section-width{
        width: 90%;
        margin: 1rem auto;
        position: relative;
    }

    .section1{

        width: 90%;
        margin: 50px auto;
        position: relative;
    }

    .section-grid{
            width: 110px;
            height: 110px;
            position: relative;
            font-family: 'Zen Old Mincho', serif;
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 24px;
            color: #FFFFFF;
            text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.65);
        } 


    .top-link-container1{

    }
    .top-link-container1::before{
        background: url("../images/business-menu-item1.png") no-repeat;
        background-size: cover;
        content: "";
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        transition: filter 0.3s ease;
    }
    .top-link-container1:hover::before{
        filter: brightness(0.5);
    }


    .top-link-container2{ 
    }
    .top-link-container2::before{
        background: url("../images/business-menu-item2.png") no-repeat;
        background-size: cover;
        content: "";
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        transition: filter 0.3s ease;
    }
    .top-link-container2:hover::before{
        filter: brightness(0.5);
    }

    .top-link-container3{ 
    }
    .top-link-container3::before{
        background: url("../images/business-menu-item3.png") no-repeat;
        background-size: cover;
        content: "";
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        transition: filter 0.3s ease;
    }
    .top-link-container3:hover::before{
        filter: brightness(0.5);
    }


    .top-link-container4{ 
    }
    .top-link-container4::before{
        background: url("../images/business-menu-item4.png") no-repeat;
        background-size: cover;
        content: "";
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        transition: filter 0.3s ease;
    }
    .top-link-container4:hover::before{
        filter: brightness(0.5);
    }


    .top-link-container5{ 
    }
    .top-link-container5::before{
        background: url("../images/business-menu-item5.png") no-repeat;
        background-size: cover;
        content: "";
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        transition: filter 0.3s ease;
    }
    .top-link-container5:hover::before{
        filter: brightness(0.5);
    }


    .top-link-container6{ 
    }
    .top-link-container6::before{
        background: url("../images/business-menu-item6.png") no-repeat;
        background-size: cover;
        content: "";
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        transition: filter 0.3s ease;
    }
    .top-link-container6:hover::before{
        filter: brightness(0.5);
    }

    /* section */

    .section{
        margin-top: 4rem
    }

    .section-h2{

        font-family: 'Zen Old Mincho', serif;
        font-style: normal;
        font-weight: 700;
        font-size: 28px;
        line-height: 36px;
        text-align: center;
    }

    .section-h3{
        font-family: 'Zen Old Mincho', serif;
        font-size: 24px;
        line-height: 150%;
        width: 90%;
        margin: 2rem auto 0;
    }

    .section-body{
        font-size: 18px;
        line-height: 150%;
        width: 90%;
        margin: 1rem auto 3rem;
        text-align: justify;
    }


    .section-head-image{
        width: 90%;
        height: 150px;
        margin: auto;
        overflow: hidden;
    }
    .section-head-image>img{
        object-fit: cover;
        height: 100%;
    }

    .section2-item-img{
        width: 140px;
        height: 140px;
        margin-right: 20px;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    .section-item{
        padding-left: 0;
    }

    .section-item>h4{
        font-family: 'Zen Old Mincho', serif;
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
    }

    .section-item>p{   
        font-size: 16px;
        line-height: 150%;
        text-align: justify;
    }

    .sales-item h4{
        font-family: 'Zen Old Mincho', serif;
        font-weight: 700;
        font-size: 20px;
        line-height: 150%;
        text-align: justify;
        margin-bottom: 10px;
    }

    .sales-item p{
        font-size: 16px;
        line-height: 150%;
        text-align: justify;
        margin-top: 10px;
    }

    .support-item-h3{
        font-family: 'Zen Old Mincho', serif;
        font-weight: 700;
        font-size: 24px;
        line-height: 150%;
    }

    .support-item-h4{
        font-family: 'Zen Old Mincho', serif;
        font-weight: 700;
        font-size: 20px;
        line-height: 150%;
    }

    .support-item-h5{
        font-family: 'Zen Old Mincho', serif;
        font-weight: 700;
        font-size: 18px;
        line-height: 150%;
        margin: 0;
    }
    .support-item-image-width{
        width: 140px;
    }

    .support-item p{

    font-size: 16px;
    line-height: 150%;
    text-align: justify;

    }


    .section5-item-img{
    width: 300px;
    height: 300px;
    }



    .section6-item-img{
    width: 300px;
    height: 300px;
    }


    .workshop-item h4{
            font-weight: 700;
            font-size: 20px;
            line-height: 150%;
            text-align: justify;

    }
    .workshop-item p{
    font-size: 20px;
    line-height: 150%;
        text-align: justify;

    }


    .section7-item-img{
    width: 300px;
    height: 300px;
    }


    .uk-align-right {
        margin-top: 5px;
        margin-left: 1rem;
        margin-bottom: .5rem;
        float: right;
    }

    .uk-align-left {
        margin-top: 5px;
        margin-roght: 1rem;
        margin-bottom: .5rem;
        float: left;
    }


/*
    content wrapper size
    for tablet (and mobile landscape)
*/

@media screen and (min-width: 741px){
    .section-width{
        width: 990px;
        margin: 40px auto 0;
        position: relative;
    }

    .section1{

        width: 990px;
        margin: 50px auto;
        position: relative;
    }

    .section-grid{
            width: 300px;
            height: 300px;
            position: relative;
            font-family: 'Zen Old Mincho', serif;
            font-style: normal;
            font-weight: 700;
            font-size: 24px;
            line-height: 33px;
            color: #FFFFFF;
            text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.65);
        } 


    .top-link-container1{

    }
    .top-link-container1::before{
        background: url("../images/business-menu-item1.png") no-repeat;
        background-size: cover;
        content: "";
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        transition: filter 0.3s ease;
    }
    .top-link-container1:hover::before{
        filter: brightness(0.5);
    }


    .top-link-container2{ 
    }
    .top-link-container2::before{
        background: url("../images/business-menu-item2.png") no-repeat;
        background-size: cover;
        content: "";
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        transition: filter 0.3s ease;
    }
    .top-link-container2:hover::before{
        filter: brightness(0.5);
    }

    .top-link-container3{ 
    }
    .top-link-container3::before{
        background: url("../images/business-menu-item3.png") no-repeat;
        background-size: cover;
        content: "";
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        transition: filter 0.3s ease;
    }
    .top-link-container3:hover::before{
        filter: brightness(0.5);
    }


    .top-link-container4{ 
    }
    .top-link-container4::before{
        background: url("../images/business-menu-item4.png") no-repeat;
        background-size: cover;
        content: "";
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        transition: filter 0.3s ease;
    }
    .top-link-container4:hover::before{
        filter: brightness(0.5);
    }


    .top-link-container5{ 
    }
    .top-link-container5::before{
        background: url("../images/business-menu-item5.png") no-repeat;
        background-size: cover;
        content: "";
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        transition: filter 0.3s ease;
    }
    .top-link-container5:hover::before{
        filter: brightness(0.5);
    }


    .top-link-container6{ 
    }
    .top-link-container6::before{
        background: url("../images/business-menu-item6.png") no-repeat;
        background-size: cover;
        content: "";
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        transition: filter 0.3s ease;
    }
    .top-link-container6:hover::before{
        filter: brightness(0.5);
    }

    /* section */

    .section{
        margin-top: 10rem
    }

    .section-h2{

        font-family: 'Zen Old Mincho', serif;
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 54px;
        text-align: center;
    }

    .section-h3{
        font-family: 'Zen Old Mincho', serif;
        font-size: 32px;
        line-height: 150%;
        width: 990px;
        margin: 3rem auto 0;
    }

    .section-body{
        font-size: 24px;
        line-height: 150%;
        width: 990px;
        margin: 2rem auto 3rem;
        text-align: justify;
    }


    .section-head-image{
        width: 990px;
        height: 320px;
        margin: auto;
        overflow: hidden;
    }
    .section-head-image>img{
        object-fit: cover;
        width: 100%;
    }

    .section2-item-img{
        width: 300px;
        height: 300px;
        margin-right: 30px;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    .section-item{
        padding-left: 0;
    }

    .section-item>h4{
        font-family: 'Zen Old Mincho', serif;
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
    }

    .section-item>p{   
        font-size: 24px;
        line-height: 150%;
        text-align: justify;
    }

    .sales-item h4{
        font-family: 'Zen Old Mincho', serif;
        font-weight: 700;
        font-size: 20px;
        line-height: 150%;
        text-align: justify;

    }
    .sales-item p{
    font-size: 20px;
    line-height: 150%;
        text-align: justify;

    }

    .support-item-h3{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 150%;

    }
    .support-item-h4{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 150%;

    }

    .support-item-h5{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;

    }
    .support-item-image-width{
        width: 300px;
    }

    .support-item p{

    font-size: 20px;
    line-height: 150%;
    text-align: justify;

    }


    .section5-item-img{
    width: 300px;
    height: 300px;
    }



    .section6-item-img{
    width: 300px;
    height: 300px;
    }


    .workshop-item h4{
            font-weight: 700;
            font-size: 20px;
            line-height: 150%;
            text-align: justify;

    }
    .workshop-item p{
    font-size: 20px;
    line-height: 150%;
        text-align: justify;

    }


    .section7-item-img{
    width: 300px;
    height: 300px;
    }
}



/*
    content wrapper size
    for PC and large tablet
*/

@media screen and (min-width: 961px){
    
    .section-width{
        width: 990px;
        margin: 40px auto 0;
        position: relative;
    }

    .section1{

        width: 990px;
        margin: 50px auto;
        position: relative;
    }

    .section-grid{
            width: 300px;
            height: 300px;
            position: relative;
            font-family: 'Zen Old Mincho', serif;
            font-style: normal;
            font-weight: 700;
            font-size: 24px;
            line-height: 33px;
            color: #FFFFFF;
            text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.65);
        } 


    .top-link-container1{

    }
    .top-link-container1::before{
        background: url("../images/business-menu-item1.png") no-repeat;
        background-size: cover;
        content: "";
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        transition: filter 0.3s ease;
    }
    .top-link-container1:hover::before{
        filter: brightness(0.5);
    }


    .top-link-container2{ 
    }
    .top-link-container2::before{
        background: url("../images/business-menu-item2.png") no-repeat;
        background-size: cover;
        content: "";
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        transition: filter 0.3s ease;
    }
    .top-link-container2:hover::before{
        filter: brightness(0.5);
    }

    .top-link-container3{ 
    }
    .top-link-container3::before{
        background: url("../images/business-menu-item3.png") no-repeat;
        background-size: cover;
        content: "";
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        transition: filter 0.3s ease;
    }
    .top-link-container3:hover::before{
        filter: brightness(0.5);
    }


    .top-link-container4{ 
    }
    .top-link-container4::before{
        background: url("../images/business-menu-item4.png") no-repeat;
        background-size: cover;
        content: "";
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        transition: filter 0.3s ease;
    }
    .top-link-container4:hover::before{
        filter: brightness(0.5);
    }


    .top-link-container5{ 
    }
    .top-link-container5::before{
        background: url("../images/business-menu-item5.png") no-repeat;
        background-size: cover;
        content: "";
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        transition: filter 0.3s ease;
    }
    .top-link-container5:hover::before{
        filter: brightness(0.5);
    }


    .top-link-container6{ 
    }
    .top-link-container6::before{
        background: url("../images/business-menu-item6.png") no-repeat;
        background-size: cover;
        content: "";
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        transition: filter 0.3s ease;
    }
    .top-link-container6:hover::before{
        filter: brightness(0.5);
    }

    /* section */

    .section{
        margin-top: 10rem
    }

    .section-h2{

        font-family: 'Zen Old Mincho', serif;
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 54px;
        text-align: center;
    }

    .section-h3{
        font-family: 'Zen Old Mincho', serif;
        font-size: 32px;
        line-height: 150%;
        width: 990px;
        margin: 3rem auto 0;
    }

    .section-body{
        font-size: 24px;
        line-height: 150%;
        width: 990px;
        margin: 2rem auto 3rem;
        text-align: justify;
    }


    .section-head-image{
        width: 990px;
        height: 320px;
        margin: auto;
        overflow: hidden;
    }
    .section-head-image>img{
        object-fit: cover;
        width: 100%;
    }

    .section2-item-img{
        width: 300px;
        height: 300px;
        margin-right: 30px;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    .section-item{
        padding-left: 0;
    }

    .section-item>h4{
        font-family: 'Zen Old Mincho', serif;
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
    }

    .section-item>p{ 
        font-size: 24px;
        line-height: 150%;
        text-align: justify;
    }

    .sales-item h4{
        font-family: 'Zen Old Mincho', serif;
        font-weight: 700;
        font-size: 20px;
        line-height: 150%;
        text-align: justify;

    }
    .sales-item p{
    font-size: 20px;
    line-height: 150%;
        text-align: justify;

    }

    .support-item-h3{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 150%;

    }
    .support-item-h4{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 150%;

    }

    .support-item-h5{
    font-family: 'Zen Old Mincho', serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;

    }
    .support-item-image-width{
        width: 300px;
    }

    .support-item p{

    font-size: 20px;
    line-height: 150%;
    text-align: justify;

    }


    .section5-item-img{
    width: 300px;
    height: 300px;
    }



    .section6-item-img{
    width: 300px;
    height: 300px;
    }


    .workshop-item h4{
            font-weight: 700;
            font-size: 20px;
            line-height: 150%;
            text-align: justify;

    }
    .workshop-item p{
    font-size: 20px;
    line-height: 150%;
        text-align: justify;

    }


    .section7-item-img{
    width: 300px;
    height: 300px;
    }


}