@font-face{font-family:'Cuprum';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/cuprum.woff2) format('woff2');}
@font-face{font-family:'Dancing Script';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/dancing-script.woff2) format('woff2');}

*{margin:0;padding:0;box-sizing:border-box;}
body{background:url(assets/texture.jpg) 50% 0;font:13px/20px Arial,Helvetica,sans-serif;color:#828387;padding:0 20px;}
a{color:#000;text-decoration:none;}
a:hover{color:#828387;}
p{margin:0 0 20px;}

#wrapper{padding:43px 0 56px;}
.box{width:938px;max-width:100%;margin:0 auto 20px;background:#fff;border:1px solid #e3e3e3;box-shadow:0 0 7px rgba(0,0,0,.07);}

/* Header */
#header{height:118px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-color:#e6e6e6;}
#logo{display:block;width:250px;height:60px;margin:0 0 0 20px;background:url(assets/logo.png) top left no-repeat;}
nav{height:100%;display:flex;}
nav a{display:flex;align-items:center;padding:0 40px;height:100%;font:18px 'Cuprum',sans-serif;text-transform:uppercase;color:#302f31;border-bottom:3px solid transparent;}
nav a:hover,nav a.active{background:#fff;color:#302f31;border-bottom-color:#302f31;box-shadow:0 0 7px rgba(0,0,0,.07);}

/* Banner */
#showcase{padding:0;line-height:0;}
#showcase img{width:100%;height:auto;display:block;}

/* Content */
#main{padding:35px 20px 25px;}
h1,h2,h3{font-family:'Cuprum',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:-1px;color:#302f31;}
h1{font-size:37px;line-height:36px;margin:0 0 20px;}
h2{font-size:24px;line-height:30px;margin:0 0 13px;}
#main h2{margin-top:10px;}
.script{display:inline-block;margin-top:5px;font:24px/34px 'Dancing Script',cursive;text-transform:lowercase;color:#fff;background:#302f31;padding:0 19px;height:35px;}
.script:hover{color:#fff7ec;}
.lead{font-size:15px;line-height:24px;max-width:640px;}
.legal h1{font-size:30px;margin-top:30px;}
.legal h2{font-size:20px;}
.legal strong{color:#302f31;}
.legal table td{padding:0 20px 4px 0;vertical-align:top;}
.legal p{max-width:780px;}

/* Footer */
.footer-container{padding:27px 20px;background:#302f31;border-color:#302f31;color:#a09e9f;}
.footer-container h2{color:#fff;font-size:18px;margin:0 0 13px;}
.footer-container p{margin:0;}
.footer-container a{color:inherit;}
.footer-container a:hover{color:#fff;text-decoration:underline;}
.address{background:url(assets/address.png) no-repeat 0 3px;padding-left:27px;}
.phone{background:url(assets/phone.png) no-repeat 0 3px;padding-left:26px;margin-left:33px;}
.mail{background:url(assets/mail.png) no-repeat 0 3px;padding-left:25px;margin-left:34px;}
.copyright{width:938px;max-width:100%;margin:0 auto;padding:0 20px 10px;}
.copyright,.copyright a{color:#828387;}
.copyright a:hover{color:#302f31;}

@media(max-width:760px){
  #header{height:auto;flex-direction:column;align-items:flex-start;padding:20px 0 0;}
  nav{height:50px;width:100%;}
  nav a{padding:0 20px;}
  #logo{margin:0 0 20px 20px;}
  h1{font-size:30px;}
  .address,.phone,.mail{display:block;margin:0 0 8px;}
}