@font-face {
  font-family: 'hmamperserif_text_regular';
  src: url('https://www.berrywell.ro/fonts/hmamperserif_text_regular.eot?#iefix') format('embedded-opentype'),  url('https://www.berrywell.ro/fonts/hmamperserif_text_regular.woff') format('woff'), url('https://www.berrywell.ro/fonts/hmamperserif_text_regular.ttf')  format('truetype'), url('https://www.berrywell.ro/fonts/hmamperserif_text_regular.svg#hmamperserif_text_regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'hmamperserif_disp_italic';
  src: url('https://www.berrywell.ro/fonts/hmamperserif_disp_italic.eot?#iefix') format('embedded-opentype'),  url('https://www.berrywell.ro/fonts/hmamperserif_disp_italic.woff') format('woff'), url('https://www.berrywell.ro/fonts/hmamperserif_disp_italic.ttf')  format('truetype'), url('https://www.berrywell.ro/fonts/hmamperserif_disp_italic.svg#hmamperserif_disp_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}


body{background: black url('https://www.berrywell.ro/img/back.jpg') no-repeat center center; background-size:cover;margin:0;color:#000;text-align:center;}
main{content:'';display: block;width:100%;height:100vh;background:rgba(255,255,255,.5)}


.teaser {
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.teaser-content {
  color: #333;
	text-align: center;
}

.logo {width:300px;}
.logo path {fill:#222;}



h1{font:400 58px/58px 'hmamperserif_disp_italic', sans-serif;color:#333;}
.titlexl{font-style:italic;font:400 80px/90px 'hmamperserif_text_regular', sans-serif !important;}
.title{font:400 44px/44px 'hmamperserif_text_regular', sans-serif;}


.shop{display:flex;width:calc(100% - 42px);height:50px;margin-top:20px;padding:10px 20px;border:3px solid #333;justify-content:center;align-items:center;font:400 26px 'hmamperserif_text_regular', sans-serif;overflow:auto;color:#333;text-decoration:none;}
.shop:hover{background:rgba(255,255,255,.2);}

@media (max-width: 1024px){
.logo { width: 60%; margin-top:10px;height: 200px;}
h1{font:400 62px/50px 'hmamperserif_disp_italic', sans-serif;}
.titlexl{font-style:italic;font:400 50px 'hmamperserif_text_regular', sans-serif !important;}
.title{font:400 30px/30px 'hmamperserif_text_regular', sans-serif;}
.shop{display:flex;width:calc(100% - 82px);margin:20px auto 0;}
}