@charset "utf-8";/******************************************************************

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features:
Mixins & Constants.

******************************************************************/
/*********************
TOOLS
*********************/
@import url("https://fonts.googleapis.com/css?family=Crimson+Text:400,600,700");
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*********************
COLORS
*********************/
/*********************
TYPOGRAPHY
*********************/
/*	@font-face {
    	font-family: 'Font Name';
    	src: url('assets/fonts/font-name.eot');
    	src: url('assets/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('assets/fonts/font-name.woff') format('woff'),
             url('assets/fonts/font-name.ttf') format('truetype'),
             url('assets/fonts/font-name.svg#font-name') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic;
}

/*********************
CSS3 GRADIENTS.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/**
 * Foundation for Sites by ZURB
 * Version 6.4.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
.artisan {
  padding-bottom: 10rem;
}

@media screen and (max-width: 650px) {
  .artisan {
    padding-bottom: 50px;
  }
}

.artisan .craftsmen {
  margin-top: 5rem;
  padding: 4rem 5rem;
  border: solid 7px #CD9900;
  color: #fff;
}

@media screen and (max-width: 650px) {
  .artisan .craftsmen {
    margin-top: 30px;
    padding: 30px 30px 15px 30px;
  }
}

.artisan .craftsmen h3 {
  text-align: center;
  font-size: 2.2rem;
  font-family: "a-otf-ryumin-pr6n", serif;
  color: #CD9900;
}

@media screen and (max-width: 650px) {
  .artisan .craftsmen h3 {
    font-size: 22px;
  }
}

.artisan .craftsmen h4 {
  text-align: center;
  font-size: 1.6rem;
  font-family: "a-otf-ryumin-pr6n", serif;
}

@media screen and (max-width: 650px) {
  .artisan .craftsmen h4 {
    font-size: 17px;
  }
}

.artisan .craftsmen .craftsmen-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5%;
  margin-top: 3rem;
}

@media screen and (max-width: 650px) {
  .artisan .craftsmen .craftsmen-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    margin-top: 30px;
  }
}

.artisan .craftsmen .craftsmen-inner .craftsmen-img {
  -ms-flex-preferred-size: 47.5%;
      flex-basis: 47.5%;
}

.artisan .craftsmen .craftsmen-inner .craftsmen-txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.artisan .craftsmen .craftsmen-inner .craftsmen-txt h5 {
  color: #CD9900;
  font-size: 1.2rem;
  font-family: "a-otf-ryumin-pr6n", serif;
}

@media screen and (max-width: 650px) {
  .artisan .craftsmen .craftsmen-inner .craftsmen-txt h5 {
    font-size: 17px;
  }
}

.artisan .craftsmen .craftsmen-inner .craftsmen-txt p {
  font-family: "a-otf-ryumin-pr6n", serif;
}

@media screen and (max-width: 650px) {
  .artisan .craftsmen .craftsmen-inner .craftsmen-txt p {
    font-size: 14px;
  }
}

/*# sourceMappingURL=cuisine.css.map */