.fixed-width {
        width: 100%;
    }
    [class*="col"] {
        width: 100%;
        padding: 15px;
    }
    .btn {
        display: inline-block;
        line-height: 20px;
        padding: 5px 20px;
        border: 1px rgb(151, 121, 66) solid;
        color: rgba(151, 121, 66);
        margin: 25px  0;
    
    }
    /* .btn:hover {
        color: rgb(0, 0, 0);
        border: 1px rgba(0, 0, 0) solid;
    
    } */
    /* gotop */
    @media screen and (max-width:599px) {
        #gotop {
            position: fixed;
            bottom: 40px;
            right: 40px;
            display: none!important;
        }
    }
    /* #gotop a {
        color: rgba(197, 167, 110, 0.3);
    }
    #gotop a:hover {
        color:rgba(197, 167, 110, 0.6);
    } */
    /* nav */
    nav {
        /* height: 80px; */
        background-color: rgba(197, 167, 110, 0.3);
        line-height: 50px;
        /* overflow: hidden; */
    }
    nav .toggler {
        float: right;
        width: 80px;
        height: 80px;
        position: relative;
    }
    nav .toggler span {
        display: block;
        width: 30px;
        height: 2px;
        background-color: #000;
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    nav .toggler span::before {
        content: "";
        display: block;
        width: 30px;
        height: 2px;
        background-color: #000;
        position: absolute;
        margin: auto;
        top: 20px;
        left: 0;
        right: 0;
        bottom: 0;
    }
    nav .toggler span::after {
        content: "";
        display: block;
        width: 30px;
        height: 2px;
        background-color: #000;
        position: absolute;
        margin: auto;
        top: -20px;
        left: 0;
        right: 0;
        bottom: 0;
    }
    nav .menu {
        display: none;
    }
    nav li {
        border-bottom: 1px solid #000;
    }
    /* nav .col-7 span {
        display: block;
        margin-top: -60px;
    } */
    /* nav .col-7 span::first-letter {
        content: "";
        display: block;
        padding-top: 2px;
        border-top: 1px solid rgb(0, 0, 0);
    } */
    /* nav .col-7 a:hover span {
        margin-top: 0px;
    }     */
    nav .menu a {
        color: rgb(12, 5, 5);
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 2px;
    }
    nav .logo {
        font-size: 25px;
        font-weight: 700;
        /* float: right; */
        /* padding-right: 40px; */
        letter-spacing: 2px;
        /* position: fixed; */
    }
    @media screen and (max-width:600px) {
            nav .col-pd0{
            padding: 0 10px;
            }
            nav .pc_only{
                display: none;
            }
    }
    nav .col-7 li {
        /* float: left; */
        /* padding-right: 40px; */
    }
 

    nav .col-3 .network {
        /* display: none; */
        /* float: right; */
    }
    nav .col-3 .network a {
        padding-right: 15px;
        color:  rgba(44, 30, 5, 0.4);
    }
    /* nav .col-3 .network a:hover {
        color: rgb(0, 0, 0);
    } */

    /* header */
    header .fixed-width {
        /* position: relative; */
        height: 300px;
    }
    header .content {
        /* position: absolute; */
        display: block;
        /* width: 700px; */
        /* right: 0px; */
        /* top: 120px; */
        text-align: center;
        padding-top: 100px;
    }
    header h2 {
        font-size: 20px;
    }
    header .content a {
        display: inline-block;
        margin-left: 5px;
        color: rgba(202, 141, 28, 0.8);
    }
    /* header .content a:hover {
        color:  rgba(44, 30, 5, 0.4);
    } */
    
    /* product */
    #product {
        height: auto;
        background-color: rgb(255, 255, 255);
    }
    @media screen and (max-width:600px) {
      
        #product .col-4 .mask {
            color: rgb(0, 0, 0);
            font-size: 1.5em;
        }

    }
    /* #product img {
        position: relative;
        z-index: 10;
    } */
    /* #product .col-4 .mask {
        display: block;
        position: absolute;
        width: 360px;
        height: 360px;
        z-index: 11;
        text-align: center;
        line-height: 360px;
        opacity: 0;
        letter-spacing: 2px;
        transition: all .6s;
        font-size: 1.5em;
    }
    #product .col-4 a:hover .mask {
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.4);
        color: rgb(252, 252, 252);
    } */
    /* about me */
    #about {
        height: auto;
        background-color:rgba(197, 167, 110, 0.3);
    }
    #about h2 {
        text-align: center;
        padding-top: 80px;
        padding-bottom: 20px;
        letter-spacing: 2px;
        font-size: 1.8em;
    }
    @media screen and (max-width:600px) {
        #about h4 {
            text-align: center;
        }
        #about .btn {
            display: block;
            text-align: center;
        }
        #about .icon {
            text-align: center;
        }
    }
    #about p {
        text-align: center;
        font-size: 13px;
        color: rgb(51, 50, 50);
    }
    #about i {
        letter-spacing: 5px;
        text-align: center;
    }
    #about .col-4 a {
        color: rgb(151, 121, 66);
    }
    /* started */
    #start {
        height: 500px;
        background-color: rgba(151, 121, 66,.7);
    }
    #start .fixed-width {
        text-align: center;
        padding-top: 130px;
    }
    #start h2 {
        font-size: 2em;
        letter-spacing: 2px;
        padding: 20px 0;
    }
    @media screen and (max-width:600px) {
        #start .btn {
            display: block;
            line-height: 20px;
            width: 90%;
            padding: 6px 20px;
            margin: auto;
            border: 1px rgb(51, 50, 50) solid;
            color: rgb(51, 50, 50);
        }
        #start p {
            font-size: 13px;
            color: rgb(51, 50, 50);

        }
    }
    /* footer */
    footer {
        height: 60px;
        padding-top: 30px;
        text-align: center;
    }
    footer a {
        color: rgba(202, 141, 28, 0.8);
    }
    footer i {
        letter-spacing: 13px;
    }