@import "header.css";
@import "menu.css";
@import "footer.css";
@import "product-line.css";
/*@import "footer.css";*/
@font-face {
    font-family: chunk;
    src: url("../fonts/Chunk Five Print.otf");
    src: url("../fonts/ChunkFive-Regular.otf");
}
@font-face {
    font-family: iransans;
    src: url("../fonts/ttf/IRANSansWeb.ttf");
    src: url("../fonts/eot/IRANSansWeb.eot");
    src: url("../fonts/woff/IRANSansWeb.woff");
    src: url("../fonts/woff2/IRANSansWeb.woff2");
}
@media only screen and (min-width: 700px) and (max-width: 1980px) {
    section.product-menu {
        width: 100%;
        height: auto;
        padding-top: 50px;
        display: flex;
        flex-direction: row;

        flex-wrap: wrap;
    }
    section.message{
        height: 600px;
        background-color: #d3d1d1;
        width: 90%;
        margin: 15px auto;

        text-align: center;
    }
    section.message>h1{
        color: #ff6600;
        font-family: iransans;
        font-size: 54px;
        line-height: 500px;

    }

    section.product-menu>div{
        width: 350px;
        height: auto;
        background-color: #d3d1d1;
        border: 2px #ff6600 solid;
        border-radius: 5px;
        margin-right: 12px;
        margin-left: 12px;
        margin-top: 15px;
        text-align: center;
    }

    }section.product-menu>div>img{
         width: 96%;
         height: 280px;
         margin-top: 9px;

     }
    section.product-menu>div>h1{
        color: black;
        font-weight: bold;
        padding-top: 20px;
        padding-bottom: 6px;
        font-family: iransans;
        font-size: 28px;
    }
    section.product-menu>div>a{
        width: auto;
        opacity: 0.7;
        padding-right: 18px;
        padding-left: 18px;
        display: inline-block;
        height: 50px;
        line-height: 50px;
        border: 2px #ff6600 solid;
        border-radius: 5px;
        margin-bottom: 10px;
        text-decoration: none;
        color: white;
        font-weight: bold;
        font-family: iransans;
        font-size: 16px;
        transition: all 0.3s ease-in-out;
        background-color: #ff6600;
    }
    section.product-menu>div>a:hover{
        opacity: 1;
        transform: scale(1.02);
    }
    /*adaadlaw;lkd;ad*/