#nano-touch-nanoporation {
    color: #666;

    & .cover {

        background-color: #dee2eb;

        height: 40vh;

        &>div {
            background-image: url('nano-touch-nanoporationcover-cover.jpg');
            background-size: auto 100%;
            background-position: right center;
            background-repeat: no-repeat;
            height: 100%;
            padding-top: 3vw;
            padding-bottom:3vw;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            container-type: inline-size;
             color: #6D7C63;
            & h1{
                font-size: max(2.2rem,6cqw);
                text-shadow: 1px 1px 5px rgba(255, 255, 255, 1),2px 2px 5px rgba(255, 255, 255, 1);
                font-weight: 700;
                & span {
                    display: block;
                    color: #26321a;
                }
            }
            & h3{
                font-size: 1.2rem;
                font-weight: 500;
            }
        }
    }

    &.page-primary-color {
        background-color: #CD7394;
    }

    & section {
        margin: 5vmax 0;
    }

    .tit-nano-touch-nanoporation {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;

        & h2 {
            color: #6D7C63;
            font-weight: 700;
            font-size: min(2rem, 5.5vw);
            padding-top: 1rem;
            padding-bottom: 1rem;
            border-top: 1px solid #9eaf92;
            border-bottom: 1px solid #2e441f;

            @media (max-width:768px) {
                width: 100%;
                text-align: center;

            }
        }

        & h4 {
            font-size: min(1.5rem, 4.5vw);
            font-weight: 600;
            color: #000;

            @media (max-width:768px) {

                text-align: center;

            }
        }
    }

}