@charset "UTF-8";

@media (max-width:599px){

  #slider {  margin:0 auto;
            width:100%; height:850px; background-position:center; align-items: center;
           background-size:cover; display: flex; justify-content: center; }

  #text {  width:90%; height:380px; text-align:center;
             display:inline-block;}
  #text>span {font-size:30px; color:#e2c16d;}
  #text>h1 {font-size:38px; color:#fff; margin:10px 0 0 0;}
  #text>p {font-size:22px; color:#fff; margin:20px 0 10px 0;}
  #text>.btn:nth-of-type(1) { width:120px; height:55px; color:#5c3d03;
                                 background-color:#e2c16d; font-size:15px;
                                 border:1px solid #e2c16d; transition:all 0.5s ease;}
  #text>.btn:nth-of-type(2) { width:120px; height:55px; color:#5c3d03; transition:all 0.5s ease;
                                    border:solid 1px #5c3d03; font-size:15px;
                                background-color:rgba(255,255,255,0);}
  #text>.btn:hover:nth-of-type(1) {cursor:pointer; color:#5c3d03; border:1px solid #5c3d03;
                                   background-color:rgba(255,255,255,0);
                                   transition:all 0.5s ease;}
  #text>.btn:hover:nth-of-type(2) {cursor:pointer; border:1px solid #e2c16d;
                                    background-color:#e2c16d; color:#5c3d03;
                                    transition:all 0.5s ease;}

  #content {  margin:0 auto;
            width:100%; padding:0; }

  #content>#info { background:#000; width:100%; height:auto; display:flex;
                        flex-flow: column wrap;}
  #content>#info>#info1 { width:100%; height:auto; flex-flow:column wrap;
                           display:flex; justify-content:center; align-items:center;}
  #content>#info>#info1>.call_box {  width:100%; height:auto; display:flex; padding:20px 0;}
  #content>#info>#info1>.call_box>.icon {  width:30px; height:30px; margin:0px 0 0 30px;
                                 display:flex;}

  #content>#info>#info1>.call_box>.call {  width:90%; height:60px; flex-flow:column wrap;
                                 display:flex; justify-content:center; align-items: center;}
  #content>#info>#info1>.call_box>.call>p { color:#fff; font-size:15px; font-weight:bold; width:100%; }
  #content>#info>#info1>.call_box>.call>.p2 { color:#666; font-size:15px; margin:10px 0 0 0; width:100%;}


  #content>#info>#info2 { background-color:#e2c16d; width:100%; height:80px; margin:0 auto;
                           display:flex; justify-content:flex-start; align-items:center;}
  #content>#info>#info2>#sns {  width:200px; height:100px;
                                  display:flex; justify-content:center; align-items:center;}

  #content>#a {  width:100%; height:850px;
                 display:flex; flex-flow:row wrap; }
  #content>#a>.aa {  width:100%; height:400px; justify-content:space-around;
                       background-position: center; background-size: cover;
                       display:flex;  flex-flow:column wrap;}
  #content>#a>.aa:nth-of-type(2) {padding:0 10px;}
  #content>#a>.aa>h1 { font-size:30px; color:#fff;}
  #content>#a>.aa>h1>span {color:#e2c16d;}
  #content>#a>.aa>p {font-size:15px; color:gray; line-height:30px; }

  #content>#b {  width:100%; height:auto; display:flex; justify-content: center;
                 align-items: center; flex-flow: column wrap;}
  #content>#b>#b1 {  width:90%; height:230px; display:flex; justify-content:center;
                     align-items: center; flex-flow: column wrap; }
  #content>#b>#b1>h1{text-align: center; font-size:30px; font-weight: 400;
                      font-family: "Josefin Sans", Arial, sans-serif;}
  #content>#b>#b1>p{text-align: center; margin-top:25px; line-height:28px; font-size:15px;
                    color:#5c3d03;   font-family: "Poppins", Arial, sans-serif;
                     font-weight: 300; font-size:15px;}

  #content>#b>#b2 {  width:90%; height:auto; display:flex;
                    flex-flow:column wrap;  justify-content:space-around; }
  #content>#b>#b2>.box1{  width:100%; height:auto; flex-flow:column wrap;
                            display: flex; }
  #content>#b>#b2>.box1>.one {  width:100%; height:150px; cursor:pointer;
                                display:flex;  justify-content:center; align-items:center;
                                flex-flow:column wrap;}
  #content>#b>#b2>.box1>.one>.b2_icon { border:1px solid #5c3d03; width:100px; height:100px;
                                          transition:all 0.3s ease;   margin: 0 auto;  }
  #content>#b>#b2>.box1>.one>i { font-size:45px; color:#000;
                                                   z-index:3; position: relative;
                                                   top:-50%;}
  #content>#b>#b2>.box1:hover>.one>.b2_icon{ transform:rotate(135deg); transition:all 0.3s ease;
                                                       background:#5c3d03; border:none; }
  #content>#b>#b2>.box1:hover>.one>i {color:#fff; }

  #content>#b>#b2>.box1>.two {  width:100%; height:180px; }
  #content>#b>#b2>.box1>.two>h1 { font-size:18px; margin:0 0 20px; font-weight: 400;
                                   font-family: "Josefin Sans", Arial, sans-serif;
                                  text-align:center;}
  #content>#b>#b2>.box1>.two>p { color:#5c3d03; font-size:15px; margin:0 0 16px; text-align:center;
                                         font-family: "Poppins", Arial, sans-serif; font-weight: 300;
                                    line-height:30px; }


  #content>.headline {  width:100%; height:300px; display:flex; margin:0 auto;
                           justify-content:center; align-items:center; flex-flow:column wrap;}
  #content>.headline>h1 {text-align:center; font-weight: 400; font-size:30px; color:#fff;
                           font-family: "Josefin Sans", Arial, sans-serif; margin:0px 0 20px 0; }
  #content>.headline>p {text-align:center; line-height:27px; font-size:16px; line-height: 30px;
                          color:#808080;}

  #content>#order { width:100%; height:auto; display:flex; flex-flow: column wrap; margin:0 auto;}
  #content>#order>.order1 { width:100%; height:auto; display:flex;
          flex-flow:column wrap; }
  #content>#order>.order1>.order1_box { width:100%; height:auto; display:flex; flex-flow:row wrap;}
  #content>#order>.order1:nth-of-type(2)>.order1_box { flex-flow:row-reverse;}
  #content>#order>.order1>.order1_box>.pizza {width:50%; height:auto;
                                  background-position: center; background-size: cover;}
  #content>#order>.order1>.order1_box>.text2 { width:50%; height:auto;
                                      background-position: center; background-size: cover; padding:20px;}
  #content>#order>.order1>.order1_box>.text2>h3 {color:#fff; font-size:20px;}
  #content>#order>.order1>.order1_box>.text2>p {color:#808080; font-size:15px; line-height:30px; margin:10px 0 0 0;
                                                 font-weight:300;}
  #content>#order>.order1>.order1_box>.text2>.price { width:80%; height:33px; margin:20px 0 0 0;}
  #content>#order>.order1>.order1_box>.text2>.price>span {color:#e2c16d; font-size:16px; font-weight:300;}
  #content>#order>.order1>.order1_box>.text2>.price>.btn2 {background-color: #000; border:1px solid #fff; margin:0 0 0 10px;
                                                               color:#fff;  padding:7px 12px; font-size:13px; transition:all 0.3s ease;}
  #content>#order>.order1>.order1_box>.text2>.price>.btn2:hover { background:#e2c16d; border:1px solid #e2c16d;
                                                                cursor:pointer; transition:all 0.3s ease;}

  #content>.menu {  width:100%; height:1200px; margin:0 auto; display:flex; flex-flow:column wrap;}
  #content>.menu>.menu8 {  width:100%; height:auto; display:flex; flex-flow:column wrap;}
  #content>.menu>.menu8>.menu4 {  width:100%; height:auto; display:flex;
                                     justify-content: center; align-items: center;}
  #content>.menu>.menu8>.menu4>.m1 {  display:flex; width:60px; height:60px;
                                      background-size:cover;  background-position: center;
                                        border-radius:60px; overflow:hidden; }
  #content>.menu>.menu8>.menu4>.m2 {  width:85%; height:120px; display:flex;
                                      flex-flow:column wrap;}
  #content>.menu>.menu8>.menu4>.m2>.m2_inner {  width:100%; height:50px; display:flex;
                                               align-items: center; }
  #content>.menu>.menu8>.menu4>.m2>.m2_inner>.menu_name { width:80%; border-bottom:1px dashed #8d5d05; color:#bfbfbf;
                                                           font-weight: 400; font-size: 18px; margin:15px 0 0 15px; }
  #content>.menu>.menu8>.menu4>.m2>.m2_inner>.span2 { color:#e2c16d; font-size:16px; margin:30px 0 0 35px; }
  #content>.menu>.menu8>.menu4>.m2>.m2_inner>p { color:#808080; font-size: 15px; margin:-15px 0 0 15px;}



  #content>#photo {  width:100%; height:auto; display: flex; margin:0 auto; flex-flow:column wrap;}
  #content>#photo>.photo_4 { width:100%; height:300px; background-position:center;
                              background-size:cover; display:flex; justify-content: center; align-items: center;}
  #content>#photo>.photo_4>.s_box { width:50px; height:50px; opacity:0; transition:all 0.5s ease; }
  #content>#photo>.photo_4>.s_box>.search { background-color:#e2c16d; width:50px; height:50px;  transition:all 0.5s ease;}
  #content>#photo>.photo_4>.s_box>i {  color:#fff; z-index:3; position:relative; top:-35px; left:17px; }
  #content>#photo>.photo_4:hover>.s_box>.search { transform:rotate(135deg); }
  #content>#photo>.photo_4:hover>.s_box {opacity:1;}
  #content>#photo>.photo_4:hover { cursor:pointer; }



  #content>#icon_4 { background-color:#000; width:100%; height:auto;  display:flex; justify-content: center;
                      align-items: center; margin:0 auto; background-attachment: fixed;}
  #content>#icon_4>#icon_4box { width:100%; height:1300px; display:flex;
                                 justify-content: center; align-items: center; flex-flow:column wrap;}
  #content>#icon_4>#icon_4box>.inner_icon { width:90%; height:220px; margin:10px;
                                             display:flex; justify-content:center; align-items: center;
                                            flex-flow:column wrap; }
  #content>#icon_4>#icon_4box>.inner_icon>.hover_icon { width:80px; height:80px; cursor:pointer;}
  #content>#icon_4>#icon_4box>.inner_icon>h3 { color:#e2c16d; margin:20px 0 0 0; font-weight:300;
                                                font-size:30px;}
  #content>#icon_4>#icon_4box>.inner_icon>p { color:#bfbfbf; font-weight:400; font-size:14px; margin:15px 0 0 0;}
  #content>#icon_4>#icon_4box>.inner_icon>.hover_icon>.hover_icon_box {border:1px solid #e2c16d; width:80px; height:80px;
                                                                         transition:  all 0.3s ease; }
  #content>#icon_4>#icon_4box>.inner_icon>.hover_icon>i { font-size:40px; color:#e2c16d; z-index:3;
                                                          position:relative; top:-60px; left:20px;}
  #content>#icon_4>#icon_4box>.inner_icon:hover>.hover_icon>.hover_icon_box {transform:rotate(135deg);
                                                         background-color:#e2c16d; transition:  all 0.3s ease;}
  #content>#icon_4>#icon_4box>.inner_icon:hover>.hover_icon>i {color:#000;}



  #content>#last_menu { width:100%; height:auto; display:flex; margin:0 auto;
                           flex-flow:column wrap;}
  #content>#last_menu>#left { width:100%; height:350px;
                             background-position:center; background-size:cover;}
  #content>#last_menu>#right { width:100%; height:auto; }
  #content>#last_menu>#right>#right_text { width:100%; height:300px; display:flex;
                                             align-items: center; flex-flow:column wrap; justify-content: center;}
  #content>#last_menu>#right>#right_text>#right_btn1,#right_btn2,#right_btn3,#right_btn4 { border:1px solid #e2c16d; background-color:rgba(255,255,255,0);
                                                      font-size:18px; width:90%; height:50px; margin:6px;
                                                     color:#e2c16d; font-weight:300; transition:all 0.5s ease;}
  .btn_color {border:1px solid red; background-color:rgba(255,255,255,0);}
  #content>#last_menu>#right>#right_text>#right_btn1:nth-child(1) {  background-color:#e2c16d;
                                                                   color:#000; }
  #content>#last_menu>#right>#right_text>#right_btn1:hover { background-color:#e2c16d; color:#000; cursor:pointer; transition:all 0.5s ease;}
  #content>#last_menu>#right>#right_text>#right_btn2:hover { background-color:#e2c16d; color:#000; cursor:pointer; transition:all 0.5s ease;}
  #content>#last_menu>#right>#right_text>#right_btn3:hover { background-color:#e2c16d; color:#000; cursor:pointer; transition:all 0.5s ease;}
  #content>#last_menu>#right>#right_text>#right_btn4:hover { background-color:#e2c16d; color:#000; cursor:pointer; transition:all 0.5s ease;}
  #content>#last_menu>#right>.right_1{ width:100%; height:auto; display:flex; justify-content:center;
                                        align-items:center; position:relative; top:0; left:0; flex-flow:column wrap;}
  #content>#last_menu>#right>.right_1>.right_pizza { width:90%; height:auto; margin:10px;
                                                      display:flex; flex-flow:column wrap; justify-content:center;
                                                     align-items:center;}
  #content>#last_menu>#right>.right_1>.right_pizza>.right_pizza_photo { width:200px; height:200px;
                                                          background-position:center; background-size:cover;
                                                                 border-radius:100%;}
  #content>#last_menu>#right>.right_1>.right_pizza>.right_pizza_text { width:100%; height:200px;
                                                                 display:flex; flex-flow:column wrap; align-items: center;
                                                                justify-content:space-around;}
  #content>#last_menu>#right>.right_1>.right_pizza>.right_pizza_text>h3 { color:#fff; font-size:22px; font-weight:500;}
  #content>#last_menu>#right>.right_1>.right_pizza>.right_pizza_text>p { color:#808080; font-size:15px; text-align:center;
                                                                          line-height:25px;}
  #content>#last_menu>#right>.right_1>.right_pizza>.right_pizza_text>span { color:#e2c16d; font-size:16px;
                                                                         font-weight:400;}
  #content>#last_menu>#right>.right_1>.right_pizza>.right_pizza_text>.add_btn { background-color:rgba(255,255,255,0); color:#fff; transition:all 0.5s ease;
                                                                        border:1px solid #fff; width:100px; height:33px; font-size:13px;}
  #content>#last_menu>#right>.right_1>.right_pizza>.right_pizza_text>.add_btn:hover { background-color:#e2c16d; border:0;
                                                                                      color:#000; cursor: pointer;
                                                                                    transition:all 0.5s ease;}



  #content>#pasta { width:100%; height:1500px; margin:0 auto; display:flex; flex-flow:column wrap;
                         align-items: center;}
  #content>#pasta>.pasta_3 { width:90%; height:auto; margin:15px; display: flex;
                              flex-flow:column wrap;}
  #content>#pasta>.pasta_3>.pasta_img { width:100%; height:270px; background-size:cover;
                                         background-position: center;}
  #content>#pasta>.pasta_3>.pasta_text { width:100%; height:auto; display:flex; flex-flow:column wrap;
                                          justify-content: space-around; align-items: flex-start; margin:30px 0 0 0;}
  #content>#pasta>.pasta_3>.pasta_text>.pasta_date { margin:0 0 7px 0; display:flex;}
  #content>#pasta>.pasta_3>.pasta_text>.pasta_date a {color:#808080; text-decoration:none; margin:0 5px;}
  #content>#pasta>.pasta_3>.pasta_text>.pasta_date a:hover { color:#666; transition:all 0.3s ease;}
  #content>#pasta>.pasta_3>.pasta_text>.pasta_date >i {color:#808080; margin-top:3px;}
  #content>#pasta>.pasta_3>.pasta_text>h3 a {color:#fff; text-decoration:none; font-size:18px; font-weight:500; transition:all 0.5s ease;}
  #content>#pasta>.pasta_3>.pasta_text>h3 a:hover { color:#e2c16d; transition:all 0.3s ease;}
  #content>#pasta>.pasta_3>.pasta_text>p {color:#808080; font-size:15px; line-height: 25px; margin:15px 0 0 0;}


  #content>#map { background-color:#101315;; width:100%; height:800px; margin:0 auto; display:flex;
                     flex-flow:column wrap;}
  #content>#map>#real_map { width:100%; height:300px;}
  #content>#map>#real_map>iframe { width:100%; height:100%;}
  #content>#map>#contact { width:100%; height:auto; display:flex;
                             align-items: center; justify-content: center;}
  #content>#map>#contact>#input_box { width:95%; height:380px;
                                      margin:50px 0;  }
  #content>#map>#contact>#input_box>h3 {color:#fff; margin:0 0 40px 5px; font-size:28px;}
  #content>#map>#contact>#input_box>.input { border-bottom:0.3pt solid #606060; width:100%; height:55px;
                                              margin:25px 0 0 0;}
  #content>#map>#contact>#input_box>.input>input { background:rgba(255,255,255,0); border:none; color:#fff;
                                                    font-size:13px; margin:0 0 0 5px;}
  #content>#map>#contact>#input_box>#send { background:#e2c16d; width:83px; height:53px; border:1px solid rgba(255,255,255,0);
                                               margin:15px 0 0 0; }
  #content>#map>#contact>#input_box>#send:hover { color:#e2c16d; border:1px solid #e2c16d; cursor:pointer;
                                          background:rgba(255,255,255,0); transition:all 0.3s ease;}

}


@media (min-width:600px){



  #slider { margin:0 auto;
            width:100%; height:850px; background-position:center;
           background-size:cover;}

  #text { width:60%; height:auto; position:relative;
             top:50%; left:50%; margin:-150px 0 0 -260px; text-align:center;
             display:inline-block;}
  #text>span {font-size:30px; color:#e2c16d;}
  #text>h1 {font-size:38px; color:#fff; margin:10px 0 0 0;}
  #text>p {font-size:22px; color:#fff; margin:20px 0 10px 0;}
  #text>.btn:nth-of-type(1) { width:120px; height:55px; color:#5c3d03;
                                 background-color:#e2c16d; font-size:15px;
                                 border:1px solid #e2c16d; transition:all 0.5s ease;}
  #text>.btn:nth-of-type(2) { width:120px; height:55px; color:#5c3d03; transition:all 0.5s ease;
                                    border:solid 1px #5c3d03; font-size:15px;
                                background-color:rgba(255,255,255,0);}
  #text>.btn:hover:nth-of-type(1) {cursor:pointer; color:#5c3d03; border:1px solid #5c3d03;
                                   background-color:rgba(255,255,255,0);
                                   transition:all 0.5s ease;}
  #text>.btn:hover:nth-of-type(2) {cursor:pointer; border:1px solid #e2c16d;
                                    background-color:#e2c16d; color:#5c3d03;
                                    transition:all 0.5s ease;}

  #content {  margin:0 auto;
            width:100%; padding:0; }

  #content>#info { background:#e2c16d; width:100%; height:150px; display:flex; }
  #content>#info>#info1 { background-color:#000; width:90%; height:150px; align-items: center;
                        display:flex; justify-content: center; padding:0 30px 0 30px;}
  #content>#info>#info1>.call_box {  width:100%; height:150px; display:flex; }
  #content>#info>#info1>.call_box>.icon { width:30px; height:30px;
                                           margin:30px 0 0 0;}

  #content>#info>#info1>.call_box>.call { width:90%; height:auto; flex-flow:column wrap;
                                       display:flex; margin:30px 0 0 0;}
  #content>#info>#info1>.call_box>.call>p { color:#fff; font-size:15px; font-weight:bold; }
  #content>#info>#info1>.call_box>.call>p2 {  color:#666; font-size:15px; margin:20px 0 0 0; }


  #content>#info>#info2 { width:35%; height:150px; margin:0 auto;
                           display:flex; justify-content:flex-start; align-items:center;}
  #content>#info>#info2>#sns { width:200px; height:100px;
                                  display:flex; justify-content:center; align-items:center;}

  #content>#a { width:100%; height:auto;
                 display:flex;}
  #content>#a>.aa { padding:50px; width:50%; height:auto;
                       background-position: center; background-size: cover;
                       display:flex; align-items:flex-start; flex-flow:column wrap;
                      justify-content: center;}
  #content>#a>.aa>h1 {margin-bottom:50px; font-size:30px; color:#fff;}
  #content>#a>.aa>h1>span {color:#e2c16d;}
  #content>#a>.aa>p {font-size:15px; color:gray; line-height:30px; }

  #content>#b {  width:100%; height:700px; display:flex; justify-content: center;
                 align-items: center; flex-flow: column wrap;}
  #content>#b>#b1 {  width:80%; height:230px; display:flex; justify-content:center;
                     align-items: center; flex-flow: column wrap; }
  #content>#b>#b1>h1{text-align: center; font-size:30px; font-weight: 400;
                      font-family: "Josefin Sans", Arial, sans-serif;}
  #content>#b>#b1>p{text-align: center; margin-top:25px; line-height:28px; font-size:15px;
                    color:#5c3d03;   font-family: "Poppins", Arial, sans-serif;
                     font-weight: 300; font-size:15px;}

  #content>#b>#b2 { width:60%; height:auto; display:flex;
                      margin:0 0 50px 0;    justify-content:space-around;}
  #content>#b>#b2>.box1{ width:33%; height:350px; flex-flow:column wrap;  display: flex; }
  #content>#b>#b2>.box1>.one {  width:100%; height:150px; cursor:pointer;
                                display:flex;  justify-content:center; align-items:center;
                                flex-flow:column wrap;}
  #content>#b>#b2>.box1>.one>.b2_icon { border:1px solid #5c3d03; width:100px; height:100px;
                                          transition:all 0.3s ease;   margin: 0 auto;  }
  #content>#b>#b2>.box1>.one>i { font-size:45px; color:#000;
                                  z-index:3; position: relative; top:-50%;}
  #content>#b>#b2>.box1:hover>.one>.b2_icon{ transform:rotate(135deg); transition:all 0.3s ease;
                                                       background:#5c3d03; border:none; }
  #content>#b>#b2>.box1:hover>.one>i {color:#fff;}

  #content>#b>#b2>.box1>.two { width:100%; height:180px; }
  #content>#b>#b2>.box1>.two>h1 { font-size:18px; margin:0 0 20px; font-weight: 400;
                                   font-family: "Josefin Sans", Arial, sans-serif;
                                  text-align:center;}
  #content>#b>#b2>.box1>.two>p { color:#5c3d03; font-size:15px; margin:0 0 16px; text-align:center;
                                         font-family: "Poppins", Arial, sans-serif; font-weight: 300;
                                    line-height:30px; }


  #content>.headline { width:100%; height:300px; display:flex; margin:0 auto;
                           justify-content:center; align-items:center; flex-flow:column wrap;}
  #content>.headline>h1 {text-align:center; font-weight: 400; font-size:30px; color:#fff;
                           font-family: "Josefin Sans", Arial, sans-serif; margin:0px 0 20px 0; }
  #content>.headline>p {text-align:center; line-height:27px; font-size:16px; line-height: 30px;
                          color:#808080;}

  #content>#order {  width:100%; height:auto; display:flex; flex-flow: column wrap; margin:0 auto;}
  #content>#order>.order1 { width:100%; height:auto; display:flex;
                              flex-flow:column wrap; }
  #content>#order>.order1>.order1_box { width:100%; height:auto; display:flex; flex-flow:row wrap;}
  #content>#order>.order1:nth-of-type(2)>.order1_box { flex-flow:row-reverse;}
  #content>#order>.order1>.order1_box>.pizza {width:50%; height:auto;
                                                  background-position: center; background-size: cover;}
  #content>#order>.order1>.order1_box>.text2 { width:50%; height:auto;
                                                  background-position: center; background-size: cover; padding:20px;}
  #content>#order>.order1>.order1_box>.text2>h3 {color:#fff; font-size:20px;}
  #content>#order>.order1>.order1_box>.text2>p {color:#808080; font-size:15px; line-height:30px; margin:10px 0 0 0;
                                                         font-weight:300;}
  #content>#order>.order1>.order1_box>.text2>.price { width:80%; height:33px; margin:20px 0 0 0;}
  #content>#order>.order1>.order1_box>.text2>.price>span {color:#e2c16d; font-size:16px; font-weight:300;}
  #content>#order>.order1>.order1_box>.text2>.price>.btn2 {background-color: #000; border:1px solid #fff; margin:0 0 0 10px;
                                                             color:#fff;  padding:7px 12px; font-size:13px; transition:all 0.3s ease;}
  #content>#order>.order1>.order1_box>.text2>.price>.btn2:hover { background:#e2c16d; border:1px solid #e2c16d;
                                                                      cursor:pointer; transition:all 0.3s ease;}

  #content>.menu { width:75%; height:600px; margin:0 auto; display:flex; }
  #content>.menu>.menu8 { width:50%; height:auto; display:flex; flex-flow:column wrap;
                               margin:0 20px;}
  #content>.menu>.menu8>.menu4 { width:100%; height:100px; display:flex;
                                     justify-content: center; align-items: center; margin:10px 0;}
  #content>.menu>.menu8>.menu4>.m1 { display:flex; width:60px; height:60px;
                                      background-size:cover;  background-position: center;
                                        border-radius:60px; overflow:hidden; }
  #content>.menu>.menu8>.menu4>.m2 {  width:85%; height:100px; display:flex;
                                      flex-flow:column wrap;}
  #content>.menu>.menu8>.menu4>.m2>.m2_inner { width:100%; height:50px; display:flex;
                                               align-items: center; }
  #content>.menu>.menu8>.menu4>.m2>.m2_inner>.menu_name { width:80%; border-bottom:1px dashed #8d5d05; color:#bfbfbf;
                                                           font-weight: 400; font-size: 18px; margin:15px 0 0 15px; }
  #content>.menu>.menu8>.menu4>.m2>.m2_inner>.span2 { color:#e2c16d; font-size:16px; margin:30px 0 0 35px; }
  #content>.menu>.menu8>.menu4>.m2>.m2_inner>p { color:#808080; font-size: 15px; margin:-15px 0 0 15px;}



  #content>#photo {  width:100%; height:300px; display: flex; margin:0 auto;}
  #content>#photo>.photo_4 {  width:25%; height:300px; background-position:center;
                              background-size:cover; display:flex; justify-content: center; align-items: center;}
  #content>#photo>.photo_4>.s_box {  width:50px; height:50px; opacity:0; transition:all 0.5s ease; }
  #content>#photo>.photo_4>.s_box>.search { background-color:#e2c16d; width:50px; height:50px;  transition:all 0.5s ease;}
  #content>#photo>.photo_4>.s_box>i {  color:#fff; z-index:3; position:relative; top:-35px; left:17px; }
  #content>#photo>.photo_4:hover>.s_box>.search { transform:rotate(135deg); }
  #content>#photo>.photo_4:hover>.s_box {opacity:1;}
  #content>#photo>.photo_4:hover { cursor:pointer; }



  #content>#icon_4 { background:#000; width:100%; height:700px;  display:flex; justify-content: center;
                      align-items: center; margin:0 auto; background-attachment: fixed; }
  #content>#icon_4>#icon_4box { width:100%; height:auto; display:flex; padding:0 100px;
                                 justify-content: center; align-items: center; flex-flow:wrap;}
  #content>#icon_4>#icon_4box>.inner_icon { width:40%; height:250px; margin:10px;
                                             display:flex; justify-content:center; align-items: center;
                                            flex-flow:column wrap; }
  #content>#icon_4>#icon_4box>.inner_icon>.hover_icon { width:80px; height:80px; cursor:pointer;}
  #content>#icon_4>#icon_4box>.inner_icon>h3 { color:#e2c16d; margin:20px 0 0 0; font-weight:300;
                                                font-size:30px;}
  #content>#icon_4>#icon_4box>.inner_icon>p { color:#bfbfbf; font-weight:400; font-size:14px; margin:15px 0 0 0;}
  #content>#icon_4>#icon_4box>.inner_icon>.hover_icon>.hover_icon_box {border:1px solid #e2c16d; width:80px; height:80px;
                                                                         transition:  all 0.3s ease; }
  #content>#icon_4>#icon_4box>.inner_icon>.hover_icon>i { font-size:40px; color:#e2c16d; z-index:3;
                                                          position:relative; top:-60px; left:20px;}
  #content>#icon_4>#icon_4box>.inner_icon:hover>.hover_icon>.hover_icon_box {transform:rotate(135deg);
                                                         background-color:#e2c16d; transition:  all 0.3s ease;}
  #content>#icon_4>#icon_4box>.inner_icon:hover>.hover_icon>i {color:#000;}



  #content>#last_menu { width:100%; height:auto; display:flex; margin:0 auto;
                        flex-flow:column wrap;}
  #content>#last_menu>#left { width:100%; height:300px;
                             background-position:50% 80%; background-size:cover;}
  #content>#last_menu>#right { width:100%; height:630px; }
  #content>#last_menu>#right>#right_text { width:100%; height:120px; display:flex;
                                             align-items: center;}
  #content>#last_menu>#right>#right_text>#right_btn1,#right_btn2,#right_btn3,#right_btn4 { border:1px solid #e2c16d; background-color:rgba(255,255,255,0);
                                                      font-size:18px; width:100px; height:50px; margin:6px;
                                                     color:#e2c16d; font-weight:300; transition:all 0.5s ease;}
  .btn_color {border:1px solid red; background-color:rgba(255,255,255,0);}
  #content>#last_menu>#right>#right_text>#right_btn1:nth-child(1) { margin:0 6px 0 45px; background-color:#e2c16d;
                                                                   color:#000; }
  #content>#last_menu>#right>#right_text>#right_btn1:hover { background-color:#e2c16d; color:#000; cursor:pointer; transition:all 0.5s ease;}
  #content>#last_menu>#right>#right_text>#right_btn2:hover { background-color:#e2c16d; color:#000; cursor:pointer; transition:all 0.5s ease;}
  #content>#last_menu>#right>#right_text>#right_btn3:hover { background-color:#e2c16d; color:#000; cursor:pointer; transition:all 0.5s ease;}
  #content>#last_menu>#right>#right_text>#right_btn4:hover { background-color:#e2c16d; color:#000; cursor:pointer; transition:all 0.5s ease;}
  #content>#last_menu>#right>.right_1{ width:100%; height:510px; display:flex; justify-content:center;
                                        align-items:center; position:relative; top:0; left:0; }
  #content>#last_menu>#right>.right_1>.right_pizza { width:30%; height:auto; margin:10px;
                                                      display:flex; flex-flow:column wrap; justify-content:center;
                                                     align-items:center;}
  #content>#last_menu>#right>.right_1>.right_pizza>.right_pizza_photo { width:200px; height:200px;
                                                          background-position:center; background-size:cover;
                                                                 border-radius:100%;}
  #content>#last_menu>#right>.right_1>.right_pizza>.right_pizza_text { width:100%; height:auto;
                                                                 display:flex; flex-flow:column wrap; align-items: center;
                                                                justify-content:space-around;}
  #content>#last_menu>#right>.right_1>.right_pizza>.right_pizza_text>h3 { color:#fff; font-size:22px; font-weight:500; margin:10px 0 0 0;}
  #content>#last_menu>#right>.right_1>.right_pizza>.right_pizza_text>p { color:#808080; font-size:15px; text-align:center;
                                                                          line-height:25px; margin:10px 0 0 0; height:80px;}
  #content>#last_menu>#right>.right_1>.right_pizza>.right_pizza_text>span { color:#e2c16d; font-size:16px;
                                                                         font-weight:400; margin:10px 0;}
  #content>#last_menu>#right>.right_1>.right_pizza>.right_pizza_text>.add_btn { background-color:rgba(255,255,255,0); color:#fff; transition:all 0.5s ease;
                                                                        border:1px solid #fff; width:100px; height:33px; font-size:13px; margin:10px 0 0 0;}
  #content>#last_menu>#right>.right_1>.right_pizza>.right_pizza_text>.add_btn:hover { background-color:#e2c16d; border:0;
                                                                                      color:#000; cursor: pointer;
                                                                                    transition:all 0.5s ease;}



  #content>#pasta { width:90%; height:600px; margin:0 auto; display:flex;}
  #content>#pasta>.pasta_3 { width:35%; height:auto; margin:15px; display: flex;
                              flex-flow:column wrap;}
  #content>#pasta>.pasta_3>.pasta_img { width:100%; height:270px; background-size:cover;
                                         background-position: center;}
  #content>#pasta>.pasta_3>.pasta_text { width:100%; height:auto; display:flex; flex-flow:column wrap;
                                          justify-content: space-around; align-items: flex-start; margin:30px 0 0 0;}
  #content>#pasta>.pasta_3>.pasta_text>.pasta_date { margin:0 0 7px 0; display:flex;}
  #content>#pasta>.pasta_3>.pasta_text>.pasta_date a {color:#808080; text-decoration:none; margin:0 5px;}
  #content>#pasta>.pasta_3>.pasta_text>.pasta_date a:hover { color:#666; transition:all 0.3s ease;}
  #content>#pasta>.pasta_3>.pasta_text>.pasta_date >i {color:#808080; margin-top:3px;}
  #content>#pasta>.pasta_3>.pasta_text>h3 a {color:#fff; text-decoration:none; font-size:18px; font-weight:500; transition:all 0.5s ease;}
  #content>#pasta>.pasta_3>.pasta_text>h3 a:hover { color:#e2c16d; transition:all 0.3s ease;}
  #content>#pasta>.pasta_3>.pasta_text>p {color:#808080; font-size:15px; line-height: 25px; margin:15px 0 0 0;}


  #content>#map { background-color:#101315; width:100%; height:480px; margin:0 auto; display:flex;}
  #content>#map>#real_map { width:50%; height:auto;}
  #content>#map>#real_map>iframe { width:100%; height:100%;}
  #content>#map>#contact { width:50%; height:auto; display:flex;
                             align-items: center;}
  #content>#map>#contact>#input_box { width:650px; height:380px;
                                      margin:0 0 0 50px;}
  #content>#map>#contact>#input_box>h3 {color:#fff; margin:0 0 40px 5px; font-size:28px;}
  #content>#map>#contact>#input_box>.input { border-bottom:0.3pt solid #606060; width:80%; height:55px;
                                              margin:25px 0 0 0;}
  #content>#map>#contact>#input_box>.input>input { background:rgba(255,255,255,0); border:none; color:#fff;
                                                    font-size:13px; margin:0 0 0 5px;}
  #content>#map>#contact>#input_box>#send { background:#e2c16d; width:83px; height:53px; border:1px solid rgba(255,255,255,0);
                                               margin:15px 0 0 0; }
  #content>#map>#contact>#input_box>#send:hover { color:#e2c16d; border:1px solid #e2c16d; cursor:pointer;
                                          background:rgba(255,255,255,0); transition:all 0.3s ease;}


}


@media (min-width:1000px){


  #slider { margin:0 auto;
            width:100%; height:850px; background-position:center;
           background-size:cover;}

  #text { width:800px; height:380px; position:relative;
             top:50%; left:50%; margin:-150px 0 0 -400px; text-align:center;
             display:inline-block;}
  #text>span {font-size:30px; color:#e2c16d; }
  #text>h1 {font-size:38px; color:#fff; margin:10px 0 0 0;}
  #text>p {font-size:22px; color:#fff; margin:20px 0 10px 0;}
  #text>.btn:nth-of-type(1) { width:120px; height:55px; color:#5c3d03;
                                 background-color:#e2c16d; font-size:15px;
                                 border:1px solid #e2c16d; transition:all 0.5s ease;}
  #text>.btn:nth-of-type(2) { width:120px; height:55px; color:#5c3d03; transition:all 0.5s ease;
                                    border:solid 1px #5c3d03; font-size:15px;
                                background-color:rgba(255,255,255,0);}
  #text>.btn:hover:nth-of-type(1) {cursor:pointer; color:#5c3d03; border:1px solid #5c3d03;
                                   background-color:rgba(255,255,255,0);
                                   transition:all 0.5s ease;}
  #text>.btn:hover:nth-of-type(2) {cursor:pointer; border:1px solid #e2c16d;
                                    background-color:#e2c16d; color:#5c3d03;
                                    transition:all 0.5s ease;}

  #content {  margin:0 auto;
            width:100%; padding:0; }

  #content>#info { background:#e2c16d; width:100%; height:150px; display:flex; }
  #content>#info>#info1 { background-color:#000; width:65%; height:150px; align-items: center;
                                display:flex; justify-content: center; padding:0 30px 0 30px;}
  #content>#info>#info1>.call_box { width:65%; height:150px; display:flex;
                                            align-items: center; justify-content: center;}
  #content>#info>#info1>.call_box>.icon { width:30px; height:30px;
                                           margin:0 0 40px 0;}

  #content>#info>#info1>.call_box>.call { width:80%; height:100px; flex-flow:column wrap;
                                            margin:-10px 0 0 0; display:flex; justify-content:center; align-items:flex-start;}
  #content>#info>#info1>.call_box>.call>p { color:#fff; font-size:15px; font-weight:bold;  }
  #content>#info>#info1>.call_box>.call>.p2 { color:#666; font-size:15px; margin:20px 0 0 0; }


  #content>#info>#info2 { width:35%; height:150px; margin:0 auto;
                           display:flex; justify-content:flex-start; align-items:center;}
  #content>#info>#info2>#sns { width:200px; height:100px;
                                  display:flex; justify-content:center; align-items:center;}

  #content>#a { width:100%; height:430px;
                 display:flex; }
  #content>#a>.aa { padding:0px 60px; width:50%; height:430px;
                       background-position: center; background-size: cover;
                       display:flex; align-items:flex-start; flex-flow:column wrap;
                      justify-content: center;}
  #content>#a>.aa>h1 {margin-bottom:50px; font-size:30px; color:#fff;}
  #content>#a>.aa>h1>span {color:#e2c16d;}
  #content>#a>.aa>p {font-size:15px; color:gray; line-height:30px; }

  #content>#b {  width:100%; height:700px; display:flex; justify-content: center;
                 align-items: center; flex-flow: column wrap; background-position: center; background-size:cover;}
  #content>#b>#b1 { width:80%; height:230px; display:flex; justify-content:center;
                     align-items: center; flex-flow: column wrap; }
  #content>#b>#b1>h1{text-align: center; font-size:30px; font-weight: 400;
                      font-family: "Josefin Sans", Arial, sans-serif;}
  #content>#b>#b1>p{text-align: center; margin-top:25px; line-height:28px; font-size:15px;
                    color:#5c3d03;   font-family: "Poppins", Arial, sans-serif;
                     font-weight: 300; font-size:15px;}

  #content>#b>#b2 { width:60%; height:auto; display:flex;
                    justify-content:space-around;}
  #content>#b>#b2>.box1{ width:33%; height:350px; flex-flow:column wrap; display: flex; }
  #content>#b>#b2>.box1>.one { width:100%; height:150px; cursor:pointer;
                                display:flex;  justify-content:center; align-items:center;
                                flex-flow:column wrap;}
  #content>#b>#b2>.box1>.one>.b2_icon { border:1px solid #5c3d03; width:100px; height:100px;
                                          transition:all 0.3s ease;   margin: 0 auto;  }
  #content>#b>#b2>.box1>.one>i { font-size:45px; color:#000;
                                                   z-index:3; position: relative;
                                                   top:-50%;}
  #content>#b>#b2>.box1:hover>.one>.b2_icon{ transform:rotate(135deg); transition:all 0.3s ease;
                                                       background:#5c3d03; border:none; }
  #content>#b>#b2>.box1:hover>.one>i {color:#fff;}

  #content>#b>#b2>.box1>.two {  width:100%; height:180px; }
  #content>#b>#b2>.box1>.two>h1 { font-size:18px; margin:0 0 20px; font-weight: 400;
                                   font-family: "Josefin Sans", Arial, sans-serif;
                                  text-align:center;}
  #content>#b>#b2>.box1>.two>p { color:#5c3d03; font-size:15px; margin:0 0 16px; text-align:center;
                                         font-family: "Poppins", Arial, sans-serif; font-weight: 300;
                                    line-height:30px; }


  #content>.headline { width:100%; height:300px; display:flex; margin:0 auto;
                           justify-content:center; align-items:center; flex-flow:column wrap;}
  #content>.headline>h1 {text-align:center; font-weight: 400; font-size:30px; color:#fff;
                           font-family: "Josefin Sans", Arial, sans-serif; margin:0px 0 20px 0; }
  #content>.headline>p {text-align:center; line-height:27px; font-size:16px; line-height: 30px;
                          color:#808080;}

  #content>#order { width:100%; height:auto; display:flex; flex-flow: column wrap; margin:0 auto;}
  #content>#order>.order1 { width:100%; height:auto; display:flex;
                          flex-flow:row nowrap; }
  #content>#order>.order1:nth-of-type(2)>.order1_box { flex-flow:row;}
  #content>#order>.order1>.order1_box {width:100%;height:auto; display:flex; flex-flow:row wrap;}
  #content>#order>.order1>.order1_box>.pizza { width:50%; height:auto;
                                  background-position: 50% 25%; background-size:cover; background-repeat:no-repeat;}
  #content>#order>.order1>.order1_box>.text2 {  width:50%; height:auto;
                                      background-position: center; background-size: cover; padding:20px;}
  #content>#order>.order1>.order1_box>.text2>h3 {color:#fff; font-size:20px;}
  #content>#order>.order1>.order1_box>.text2>p {color:#808080; font-size:15px; line-height:30px; margin:10px 0 0 0;
                                                 font-weight:300;}
  #content>#order>.order1>.order1_box>.text2>.price { width:80%; height:auto; margin:20px 0 0 0;}
  #content>#order>.order1>.order1_box>.text2>.price>span {color:#e2c16d; font-size:16px; font-weight:300;}
  #content>#order>.order1>.order1_box>.text2>.price>.btn2 {background-color: #000; border:1px solid #fff; margin:0 0 0 10px;
                                                               color:#fff;  padding:7px 12px; font-size:13px; transition:all 0.3s ease;}
  #content>#order>.order1>.order1_box>.text2>.price>.btn2:hover { background:#e2c16d; border:1px solid #e2c16d;
                                                                cursor:pointer; transition:all 0.3s ease;}

  #content>.menu { width:65%; height:650px; margin:0 auto; display:flex; }
  #content>.menu>.menu8 { width:50%; height:auto; display:flex; flex-flow:column wrap;}
  #content>.menu>.menu8>.menu4 { width:100%; height:100px; display:flex;
                                     justify-content: center; align-items: center;}
  #content>.menu>.menu8>.menu4>.m1 { display:flex; width:60px; height:60px;
                                      background-size:cover;  background-position: center;
                                        border-radius:60px; overflow:hidden; }
  #content>.menu>.menu8>.menu4>.m2 {  width:85%; height:100px; display:flex;
                                      flex-flow:column wrap;}
  #content>.menu>.menu8>.menu4>.m2>.m2_inner {  width:100%; height:50px; display:flex;
                                               align-items: center; }
  #content>.menu>.menu8>.menu4>.m2>.m2_inner>.menu_name { width:80%; border-bottom:1px dashed #8d5d05; color:#bfbfbf;
                                                           font-weight: 400; font-size: 18px; margin:15px 0 0 15px; }
  #content>.menu>.menu8>.menu4>.m2>.m2_inner>.span2 { color:#e2c16d; font-size:16px; margin:30px 0 0 35px; }
  #content>.menu>.menu8>.menu4>.m2>.m2_inner>p { color:#808080; font-size: 15px; margin:-15px 0 0 15px;}



  #content>#photo { width:100%; height:300px; display: flex; margin:0 auto;}
  #content>#photo>.photo_4 {  width:25%; height:300px; background-position:50% 50%;
                              background-size:cover; display:flex; justify-content: center; align-items: center;}
  #content>#photo>.photo_4>.s_box {  width:50px; height:50px; opacity:0; transition:all 0.5s ease; }
  #content>#photo>.photo_4>.s_box>.search { background-color:#e2c16d; width:50px; height:50px;  transition:all 0.5s ease;}
  #content>#photo>.photo_4>.s_box>i {  color:#fff; z-index:3; position:relative; top:-35px; left:17px; }
  #content>#photo>.photo_4:hover>.s_box>.search { transform:rotate(135deg); }
  #content>#photo>.photo_4:hover>.s_box {opacity:1;}
  #content>#photo>.photo_4:hover { cursor:pointer; }



  #content>#icon_4 { background-color:#000; width:100%; height:400px;  display:flex; justify-content: center;
                      align-items: center; margin:0 auto; background-attachment: fixed; }
  #content>#icon_4>#icon_4box { width:85%; height:250px; display:flex;
                                 justify-content: center; align-items: center;}
  #content>#icon_4>#icon_4box>.inner_icon { width:15%; height:200px; margin:10px 30px;
                                             display:flex; justify-content:center; align-items: center;
                                            flex-flow:column wrap; }
  #content>#icon_4>#icon_4box>.inner_icon>.hover_icon { width:80px; height:80px; cursor:pointer;}
  #content>#icon_4>#icon_4box>.inner_icon>h3 { color:#e2c16d; margin:20px 0 0 0; font-weight:300;
                                                font-size:30px;}
  #content>#icon_4>#icon_4box>.inner_icon>p { color:#bfbfbf; font-weight:400; font-size:14px; margin:15px 0 0 0;}
  #content>#icon_4>#icon_4box>.inner_icon>.hover_icon>.hover_icon_box {border:1px solid #e2c16d; width:80px; height:80px;
                                                                         transition:  all 0.3s ease; }
  #content>#icon_4>#icon_4box>.inner_icon>.hover_icon>i { font-size:40px; color:#e2c16d; z-index:3;
                                                          position:relative; top:-60px; left:20px;}
  #content>#icon_4>#icon_4box>.inner_icon:hover>.hover_icon>.hover_icon_box {transform:rotate(135deg);
                                                         background-color:#e2c16d; transition:  all 0.3s ease;}
  #content>#icon_4>#icon_4box>.inner_icon:hover>.hover_icon>i {color:#000;}



  #content>#last_menu { width:100%; height:630px; display:flex; margin:0 auto;}
  #content>#last_menu>#left {  width:33%; height:630px;
                             background-position:center; background-size:cover;}
  #content>#last_menu>#right { width:67%; height:630px; }
  #content>#last_menu>#right>#right_text { width:100%; height:120px; display:flex;
                                             align-items: center;}
  #content>#last_menu>#right>#right_text>#right_btn1,#right_btn2,#right_btn3,#right_btn4 { border:1px solid #e2c16d; background-color:rgba(255,255,255,0);
                                                      font-size:18px; width:100px; height:50px; margin:6px;
                                                     color:#e2c16d; font-weight:300; transition:all 0.5s ease;}
  .btn_color {border:1px solid red; background-color:rgba(255,255,255,0);}
  #content>#last_menu>#right>#right_text>#right_btn1:nth-child(1) { margin:0 6px 0 45px; background-color:#e2c16d;
                                                                   color:#000; }
  #content>#last_menu>#right>#right_text>#right_btn1:hover { background-color:#e2c16d; color:#000; cursor:pointer; transition:all 0.5s ease;}
  #content>#last_menu>#right>#right_text>#right_btn2:hover { background-color:#e2c16d; color:#000; cursor:pointer; transition:all 0.5s ease;}
  #content>#last_menu>#right>#right_text>#right_btn3:hover { background-color:#e2c16d; color:#000; cursor:pointer; transition:all 0.5s ease;}
  #content>#last_menu>#right>#right_text>#right_btn4:hover { background-color:#e2c16d; color:#000; cursor:pointer; transition:all 0.5s ease;}
  #content>#last_menu>#right>.right_1{ width:100%; height:510px; display:flex; justify-content:center;
                                        align-items:center; position:relative; top:0; left:0; }
  #content>#last_menu>#right>.right_1>.right_pizza { width:30%; height:500px; margin:10px;
                                                      display:flex; flex-flow:column wrap; justify-content:center;
                                                     align-items:center;}
  #content>#last_menu>#right>.right_1>.right_pizza>.right_pizza_photo {  width:200px; height:200px;
                                                          background-position:center; background-size:cover;
                                                                 border-radius:100%;}
  #content>#last_menu>#right>.right_1>.right_pizza>.right_pizza_text { width:100%; height:auto;
                                                                 display:flex; flex-flow:column wrap; align-items: center;
                                                                justify-content:space-around;}
  #content>#last_menu>#right>.right_1>.right_pizza>.right_pizza_text>h3 { color:#fff; font-size:22px; font-weight:500;}
  #content>#last_menu>#right>.right_1>.right_pizza>.right_pizza_text>p { color:#808080; font-size:15px; text-align:center;
                                                                          line-height:25px;}
  #content>#last_menu>#right>.right_1>.right_pizza>.right_pizza_text>span { color:#e2c16d; font-size:16px;
                                                                         font-weight:400;}
  #content>#last_menu>#right>.right_1>.right_pizza>.right_pizza_text>.add_btn { background-color:rgba(255,255,255,0); color:#fff; transition:all 0.5s ease;
                                                                        border:1px solid #fff; width:100px; height:33px; font-size:13px;}
  #content>#last_menu>#right>.right_1>.right_pizza>.right_pizza_text>.add_btn:hover { background-color:#e2c16d; border:0;
                                                                                      color:#000; cursor: pointer;
                                                                                    transition:all 0.5s ease;}



  #content>#pasta { width:65%; height:700px; margin:0 auto; display:flex;}
  #content>#pasta>.pasta_3 { width:35%; height:auto; margin:15px; display: flex;
                              flex-flow:column wrap;}
  #content>#pasta>.pasta_3>.pasta_img { width:100%; height:270px; background-size:cover;
                                         background-position: center;}
  #content>#pasta>.pasta_3>.pasta_text { width:100%; height:auto; display:flex; flex-flow:column wrap;
                                          justify-content: space-around; align-items: flex-start; margin:30px 0 0 0;}
  #content>#pasta>.pasta_3>.pasta_text>.pasta_date { margin:0 0 7px 0; display:flex;}
  #content>#pasta>.pasta_3>.pasta_text>.pasta_date a {color:#808080; text-decoration:none; margin:0 5px; }
  #content>#pasta>.pasta_3>.pasta_text>.pasta_date a:hover { color:#666; transition:all 0.3s ease;}
  #content>#pasta>.pasta_3>.pasta_text>.pasta_date >i {color:#808080; margin-top:3px;}
  #content>#pasta>.pasta_3>.pasta_text>h3 a {color:#fff; text-decoration:none; font-size:18px; font-weight:500; transition:all 0.5s ease;}
  #content>#pasta>.pasta_3>.pasta_text>h3 a:hover { color:#e2c16d; transition:all 0.3s ease;}
  #content>#pasta>.pasta_3>.pasta_text>p {color:#808080; font-size:15px; line-height: 25px; margin:15px 0 0 0;}


  #content>#map { background-color:#101315; width:100%; height:650px; margin:0 auto; display:flex;}
  #content>#map>#real_map { width:50%; height:auto;}
  #content>#map>#real_map>iframe { width:100%; height:100%;}
  #content>#map>#contact { width:50%; height:auto; display:flex;
                             align-items: center;}
  #content>#map>#contact>#input_box { width:80%; height:380px;
                                      margin:0 0 0 70px;}
  #content>#map>#contact>#input_box>h3 {color:#fff; margin:0 0 40px 5px; font-size:28px;}
  #content>#map>#contact>#input_box>.input { border-bottom:0.3pt solid #606060; width:90%; height:55px;
                                              margin:25px 0 0 0;}
  #content>#map>#contact>#input_box>.input>input { background:rgba(255,255,255,0); border:none; color:#fff;
                                                    font-size:13px; margin:0 0 0 5px;}
  #content>#map>#contact>#input_box>#send { background:#e2c16d; width:83px; height:53px; border:1px solid rgba(255,255,255,0);
                                               margin:15px 0 0 0; }
  #content>#map>#contact>#input_box>#send:hover { color:#e2c16d; border:1px solid #e2c16d; cursor:pointer;
                                          background:rgba(255,255,255,0); transition:all 0.3s ease;}

}