@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css');

body{
	font-family: 'Lato', sans-serif;
	background-color: #ffffff;
	color: #111;
	font-weight: normal;
	margin: 0px;
	font-weight: 300;
}
a{	
	color: #111;
	text-decoration: none;
}
a:hover{
	color: #234d0b;
}
.text-uppercase{
	text-transform: uppercase;
}
.text-center{
	text-align: center;
}
.font-weight-bold{
	font-weight: 700;
}
.s-d-table{
	position: relative; 
	display: table; 
	width: 100%; 
	height: 100%;
}
.s-d-table-cell-middle{
	display: table-cell; 
	vertical-align: middle; 
	text-align: center;
}

.s-line{
	width: 60px;
    height: 3px;
    background-color: #d8171e;
    margin: 30px auto;
}
#container{
	width: 100%;
	margin: auto;
	padding: 0px 0px;
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 3fr 3fr 3fr 3fr;
	grid-template-areas:	
							"header header  header header"
							"main	main 	main   main"
							"footer footer  footer footer";
	grid-gap: 0px;
}
.s-container{
	width: 65%;
	margin: auto;
	padding: 50px 0px;
	text-align: center;
}
.s-container h1{
	margin-bottom: 3px;
	font-weight: 700;
	font-size: 32px;
}
.s-container p{
	margin-top: 0px;
}
/*HEADER*/
header{
	grid-area: header;
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 3fr 3fr 3fr 3fr;
	grid-template-areas:	
							"logo logo nav nav";
	box-shadow: 0px 1px 10px rgba(0,0,0,0.5);
	background-color: #fff;
	padding: 10px 0px;
	position: fixed;
	width: 100%;
	z-index: 1;
}
header div{
	grid-area: logo;
	padding-left: 15px;
	padding-right: 15px;
}
header div a{
	color: #376a27;
	font-size: 37px;
	line-height: normal;
	text-transform: uppercase;
	text-shadow: 0px 0px 5px rgba(0,0,0,.2);
	font-weight: 400;
}
header div a:hover{
	color: #376a27;
}

/*END HERDER*/

/*NAV*/
.s-menu{
	grid-area: nav;
	align-self: center;
	text-align: right;
	padding-left: 15px;
	padding-right: 15px;
}
.s-menu ul{
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	padding: 0px;
	display: inline-flex;
}
.s-menu ul li{
	margin: 0px 5px;
}
ul.s-sub-menu li a,
.s-menu ul li a{
	text-decoration: none;
	color: #000000;
	padding: 5px 10px;
	display: block;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
}
.s-active,
.s-recipes-nav ul li a:hover,
.s-menu ul li a:hover{
	background-color: #376a27 !important;
	color: #fff !important;
}
/*END NAV*/

main{
	grid-area: main;
	width: 100%;
	display: block;
}

section {
	width: 100%;
}

/*TOP IMAGE*/
section .s-top-image{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 65px;
	height: calc(100vh - 60px);
}
section .s-top-image p{
	margin-top: 0px;
	margin-bottom: 0px;
	color: #fff;
	text-shadow: 0px 0px 10px rgba(0,0,0,1);
	font-weight: 400;
}
section .s-welcome{
	font-family: 'Dancing Script', cursive;
	font-size: 40px;
	line-height: 100%;
}
section .s-vietnamese{
	text-transform: uppercase;
	font-size: 50px;
}
section .s-top-image p.s-line{
	margin: 20px auto;
}
section .s-top-image .s-text{
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 1px;
}
/*END TOP IMAGE*/

/*FEATURES*/
section .s-features{
	background-color: #eee;
}
section .s-features-items{
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 2.4fr 2.4fr 2.4fr 2.4fr 2.4fr;
	grid-template-areas:	
							"firsticon secondicon thirdicon fourthicon fifthicon";
	text-align: center;
	grid-gap: 0px 10px;
	margin-top: 30px;
	min-height: 180px;
}
section .s-features-icon:nth-of-type(1){
	grid-area: firsticon;
}
section .s-features-icon:nth-of-type(2){
	grid-area: secondicon;
}
section .s-features-icon:nth-of-type(3){
	grid-area: thirdicon;
}
section .s-features-icon:nth-of-type(4){
	grid-area: fourthicon;
}
section .s-features-icon:nth-of-type(5){
	grid-area: fifthicon;
}
section .s-features-icon{
	background-color: #fff;
	box-shadow: 0px 2px 8px rgba(0,0,0,.05);
	transition: all 1s;
	transform: translate3d(0,0,0);
	padding: 0px 10px;
	margin-bottom: 25px;
}
section .s-features-icon:hover{
	box-shadow: 0 1.2px 3.6px rgba(0, 0, 0, .108), 0 6.4px 14.4px rgba(0, 0, 0, .132);
	margin-top: -5px;
}
section .s-features-icon svg{
	width: 50px;
	margin: 15px auto;
}
section .s-features-icon svg path{
	fill: #ffcc38;
}
section .s-features-icon i{
	font-size: 50px;
	color: #ffcc38;
	margin: 15px auto;
}
section .s-features-icon p{
	font-weight: 400;
	font-size: 16px;
}
section .s-menu-button{
	text-align: center;
	margin: 25px 20px;
}
section .s-menu-button a{
	text-transform: uppercase;
	background-color: #376a27;
	padding: 10px 20px;
	color: #fff;
	border: 1px solid #376a27;
	font-weight: 400;
	transition: all .5s;
}
section .s-menu-button a:hover{
	color: #376a27;
	background-color: #fff; 
}
/*END FEATURES*/

/*REWARD*/
section .s-rewards-container{
	text-align: center;
	display: inline-block;
	border: 2px solid #d4d9d9;
	padding: 0px 50px 30px;
	margin-top: 30px;
	margin-bottom: 20px;
}
section .s-rewards-container p:nth-of-type(1){
	display: inline-block;
	border-top: 2px solid #d8171e;
	border-bottom: 2px solid #d8171e;
	padding: 10px 5px;
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
    position: relative;
    top: -26px;
    background-color: #fff;
}
section .s-rewards-container p:nth-of-type(2){
	font-size: 18px;
	margin-bottom: 0px;
}
section .s-rewards-container a{
	font-size: 14px;
	display: inline-block;
	text-transform: uppercase;
	border: 1px solid #376a27;
	padding: 7px 20px;
	margin-bottom: 0px;
	position: relative;
	top: 46px;
	background-color: #fff;
	color: #376a27;
	font-weight: 400;
	cursor: pointer;
}
section .s-rewards-container a:hover{
	background-color: #376a27;
	color: #fff;
	transition: all .5s;
}
/*END REWARD*/

/*OUR STORY*/
section .s-our-story{
	margin: auto;
    padding: 50px 0px;
}
section .s-our-story-container{
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 6fr 6fr;
	grid-template-areas:	
							"storyleft  storyright";
	text-align: center;
	grid-gap: 0px 10px;
	margin-top: 30px;
	min-height: 150px;
}
.s-our-story-container .s-os-left{
	background-repeat: no-repeat;
	background-size: contain;
    min-height: 410px;
    grid-area: storyleft;
}
.s-our-story-container .s-os-right{
    grid-area: storyright;
}
.s-our-story-container .s-os-right .s-os-right-div{
    background-color: #fff;
    box-shadow: 0px 5px 10px rgba(0,0,0,.3);
    padding: 25px 25px;
    text-align: left;
}
.s-our-story-container .s-os-right div h1{
	font-size: 35px;
	margin-bottom: 0px;
	margin-top: 0px;
}
.s-our-story-container .s-os-right div h1 span{
	font-family: 'Dancing Script', cursive;
	color: #ffcc38;
	font-style: italic;
}
.s-our-story-container .s-os-right div p{
	line-height: 25px;
}
.s-our-story-container .s-os-right div div{
	display: block;
	text-align: right;
}
/*END OUR STORY*/


/*MENU*/
.s-menu-container h1{
	text-align: left;
	text-transform: uppercase;
	border-bottom: 1px solid #376a27;
	color: #376a27;
	margin-bottom: 15px;
	margin-top: 0px;
	padding-top: 65px;
}
.s-menu-container table{
	display: table;
	width: 100%;
	max-width: 100%;
	margin-bottom: 0px;
	background-color: #ffffff;
}

table, tr, th, td {
    border-bottom: 1px solid #dee2e6;
    border-collapse: collapse;
    padding: 10px;
}
.s-menu-container table tbody tr{
	display: table-row;
}
.s-menu-container table tbody tr td{
	display: table-cell;
}
.s-menu-container table tbody tr td h4{
	margin-top: 0px;
	text-transform: uppercase;
}
.s-menu-container table tbody tr td:nth-of-type(1){
	width: 70%;
	text-align: left;
}
.s-menu-container table tbody tr td:nth-of-type(2){
	width: 15%;
	text-align: center;
	font-weight: 400;
    vertical-align: top;
}
.s-menu-container table tbody tr td:nth-of-type(3){
    vertical-align: top;
	width: 15%;
	text-align: right;
}
.s-menu-container table tbody tr td a{
	border: 1px solid #376a27;
	background-color: #376a27;
	padding: 7px 20px;
	color: #fff;
	display: inline-block;
}
.s-menu-container table tbody tr td a:hover{
	background-color: #fff;
	color: #376a27;
}
ul.s-sub-menu{
	display: flex;
    justify-content: center;
    margin-top: 5px;
    list-style-type: none;
    padding: 0px;
    position: relative;
    top: 25px;
}
ul.s-sub-menu li{
	margin: 0px 2px;
}
ul.s-sub-menu li a{
	color: #999;
	font-size: 16px;
}
ul.s-sub-menu li a:hover{
	color: #376a27;
}
/*END MENU*/

/*RECIPES*/
.s-recipe-top-image{
	text-align: left;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: calc(100vh / 2.5);
	margin-top: 65px;
}
.s-recipe-top-image h1{
	font-weight: 500;
	color: #fff;
	font-size: 28px;
	text-shadow: 0px 1px 10px rgba(0,0,0,0.5);
	padding-left: 20px;
	line-height: normal;
}
.s-recipes-main{
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 3fr 3fr 3fr 3fr;
	grid-template-areas:	
							"renav 	remain 	remain 	remain"
							"renav	remain 	remain   remain";
	grid-gap: 5px;
	width: 65%;
	margin: auto;
	padding: 0px 0px;
}
.s-recipes-nav{
	grid-area: renav
}
.s-recipes-nav ul{
	margin-top: 5px;
	list-style-type: none;
	padding: 0px;
	
}
.s-recipes-nav ul li{
	margin: 2px 0px;
}
.s-recipes-nav ul li a{
	text-decoration: none;
	background-color: #eeeeee;
	color: #000000;
	padding: 5px 10px;
	display: block;
}
.s-recipes-content{
	grid-area: remain;
}

.s-div-content:nth-of-type(1) h2{
	margin-top: 0px;
}
.s-div-content:nth-of-type(2){
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 3fr 3fr 3fr 3fr;
	grid-template-areas: 	"divheader divheader divheader divheader"
						 	"divimage divtext divtext divtext";
}
.s-div-content h2{
	width: 100%;
	grid-area: divheader;
}
.s-div-content p{
	margin-top: 0px;
}
.s-div-content div img{
	width: 100%;
}
.s-div-content .s-img-content{
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 16px;
    text-align: center;
	float: left;
	grid-area: divimage;
}
.s-div-content .s-text-content{
	float: left;
	display: inline-block;
	grid-area: divtext;
}

.s-div-content ul{
	margin-left: 16px;
}
.s-div-content .c-text{
	margin-left: 20px;
}
.s-recipes-content .s-div-content:nth-of-type(3) p,
.s-recipes-content .s-div-content:nth-of-type(4) p{
	margin-left: 20px;
	font-weight: 400;
}
.s-recipes-content .s-div-content:nth-of-type(3) p + p,
.s-recipes-content .s-div-content:nth-of-type(4) p + p{
	font-weight: 300;
	margin-left: 30px;
}
.s-div-content ol{
	margin-left: 16px;
}

/*END RECIPES*/

/*LOCATIONS*/
.s-location-container{
	background-color: #eee;
	padding-bottom: 30px;
}
.s-locations-main{
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 3fr 3fr 3fr;
	grid-template-areas:	
							"ltitle ltitle ltitle"
							"fcol 	scol 	tcol";
	grid-gap: 30px;
	width: 65%;
	margin: auto;
	padding: 0px 0px;
}
.s-locations-main .s-location-item{
	margin-bottom: 20px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.1);
	transition: all 1s;
	background-color: #fff;
}
.s-locations-main .s-location-item:hover{
	box-shadow: 0px 0px 10px rgba(0,0,0,.5);
}
.s-locations-main .s-location-title h1{
	font-weight: 700;
	text-shadow: 0px 2px 5px rgba(0,0,0,.5);
}
.s-locations-main .s-location-item p:first-child{
	font-weight: 600;
}
.s-locations-main .s-location-title{
	grid-area: ltitle;
	margin: 20px 20px 0px;
}
.s-locations-main div:nth-of-type(2){
	grid-area: fcol;
}
.s-locations-main div:nth-of-type(3){
	grid-area: scol;
}
.s-locations-main div:nth-of-type(4){
	grid-area: tcol;
}
.s-locations-main .s-gmaps{
	margin-top: 20px;
}
.s-locations-main .s-gmaps iframe{
	width: 100%;
	border-width: 0px;
	height: 300px;
}
.s-locations-coming-soon{
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 600px;
    height: 100%;
}
/*END LOCATIONS*/

/*HISTORY*/
.s-history-top-image{
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 600px;
}
.s-history-top-image p {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #fff;
    text-shadow: 0px 2px 10px rgba(0,0,0,1);
    font-weight: 400;
}
.s-history-main{
	width: 65%;
	margin: 30px auto;
    display: flow-root;
}
.s-history-main aside {
    width: 50%;
    padding-left: 15px;
    margin-left: 20px;
    float: right;
    box-shadow: inset 5px 0 5px -5px #376a27;
    font-style: italic;
    color: #376a27;
    text-align: left;
    margin-bottom: 30px;
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 6fr 6fr;
	grid-template-areas: 	"himage htext";
}
.s-history-main aside img{
	grid-area: himage;
	width: 200px;
}
.s-history-main aside div{
	grid-area: htext;
	padding-left: 15px;
}
.s-history-main p{
    font-size: 16px;
}
.s-history-main aside p:first-child{
	font-size: 18px; 
	font-weight: 500;
}
.s-meet-teams {
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 4fr 4fr 4fr;
	grid-template-areas: 	"teamheader teamheader teamheader"
							"teamleft teamcenter teamright";
	width: 65%;
	grid-gap: 30px;
	padding: 15px;
	margin: 50px auto 30px;
}
.s-meet-teams .s-team img{
	width: 250px;
    height: auto;
    border-radius: 50%;
}
.s-meet-teams h1{
	grid-area: teamheader;
	text-align: center;
    text-shadow: 0px 2px 10px rgba(0,0,0,1);
	text-transform: uppercase;
}
.s-meet-teams .s-team p{
	font-style: italic;
	padding-left: 30px;
	padding-right: 30px; 
}
.s-meet-teams .s-team:nth-of-type(1) {
	grid-area: teamleft;
}
.s-meet-teams .s-team:nth-of-type(2) {
	grid-area: teamcenter;
}
.s-meet-teams .s-team:nth-of-type(3) {
	grid-area: teamright;
}
.s-our-story-container .s-os-right div a{
	text-transform: uppercase;
    background-color: #376a27;
    padding: 6px 20px;
    color: #fff;
    border: 1px solid #376a27;
    font-weight: 400;
    transition: all .5s;
}
.s-our-story-container .s-os-right div a:hover{
	color: #376a27;
	background-color: #fff; 
}
/*END HISTORY*/

/*GALLERY*/
.s-gallery-container{
	margin-top: 65px;
}
.s-gallery-container h1{
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	padding-top: 30px;
}
.s-gallery-items{
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 3fr 3fr 3fr 3fr;
	width: 100%;
	grid-gap: 1px;
	margin: auto;
}
.s-gallery-item {
  float: left;
  max-width: calc(100vw / 4);
  opacity: .7;
  transition: all .5s;
}
.s-gallery-item:hover {
	opacity: 1;
}

.s-gallery-item img {
  width: 100%;
  height: auto;
}
/*END GALLERY*/

/*KEEP IN TOUCH*/
#s-keep-in-touch{
	background-color: #333;
	color: #fff;
}
#s-keep-in-touch h1{
	text-transform: uppercase;
	padding-bottom: 0px;
	margin-top: 0px;
}
.s-touch-container{
	text-align: center;
	padding: 30px 15px;
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 4fr 4fr 4fr;
	grid-template-areas: 	"col1 col2 col3";
	grid-gap: 5px;
}
.s-touch-container div:nth-of-type(1){
	grid-area: col1;
}
.s-touch-container div:nth-of-type(2){
	grid-area: col2;
}
.s-touch-container div:nth-of-type(3){
	grid-area: col3;
}
.s-touch-container div input{
	display: inline-block;
    padding: 7px 5px;
    width: 95%;
    margin: auto;
}
#s-keep-in-touch .s-btn{
	border-radius: 0;
	padding: 8px 15px;
	background-color: #376a27;
	border: 1px solid #376a27;
	outline: none;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
}
#s-keep-in-touch .s-btn:hover{
	color: #376a27;
	background-color: #fff;
}
/*END KEEP IN TOUCH*/

/*FOOTER*/
footer{
	grid-area: footer;
	background-color: #333;
	color: #fff;
	text-align: center;
	padding: 30px 15px;
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 6fr 6fr;
	grid-template-areas: 	"left right"
							"left right";
	grid-gap: 5px;
}

footer div p{
	margin-top: 0px;
	margin-bottom: 0px;
}
footer div p a i{
	font-size: 30px;	
}
footer div p a{	
	color: #fff;
	margin-right: 10px;
}
footer div:nth-of-type(1){
	grid-area: left;
}
footer div:nth-of-type(2){
	grid-area: right
}
/*END FOOTER*/

@media only screen and (max-width: 1300px) and (min-width: 992px) {
	.s-history-main aside {
	    width: 65%;
	}
}

@media only screen and (max-width: 1024px){
	header{
		grid-template-areas:	
								"logo logo logo logo"
								"nav nav nav nav";
		text-align: center;
	}
	.s-menu{
		text-align: center;
		margin-top: 15px;
	}
	.s-menu-container h1{
		padding-top: 100px;
	}
	ul.s-sub-menu{
		top: 50px;
	}
	
	.s-locations-main{
		width: auto;
		padding: 0px 15px;
	}
	.s-recipe-top-image{
		margin-top: 95px;
	}
	.s-recipe-top-image h1{
		padding-left: 0px;
		text-align: center;
	}
	.s-recipes-main{
		grid-template-areas:	
								"renav 	renav 	renav 	renav"
								"remain	remain 	remain   remain";
	}
	.s-recipes-nav ul{
		display: flex;
		justify-content: center;
	}
	.s-recipes-nav ul li{
		margin: 0px 2px;
	}
	.s-div-content:nth-of-type(2){
		grid-template-areas: 	"divheader divheader divheader divheader"
							 	"divimage divimage divimage divimage"
							 	"divtext divtext divtext divtext";
	}
	.s-div-content .s-img-content{
		margin-right: 0px;
	}

	.s-gallery-items{
		grid-template-columns: 4fr 4fr 4fr;
	}
	.s-gallery-item {
	  	max-width: calc(100vw / 3);
	}

}

@media only screen and (min-width: 992px){
	.s-our-story-container .s-os-left{
		background-position: right;
		position: relative;
		right: -100px
	}
	.s-our-story-container .s-os-right .s-os-right-div{
	    text-align: left;
		position: relative;
	    left: -100px;
	    top: 50px;
	    max-width: 600px;
	}
}

@media only screen and (max-width: 991px){
	section .s-features-items{
		grid-template-areas:	
								"firsticon firsticon firsticon firsticon firsticon"
								"secondicon secondicon secondicon secondicon secondicon"
								"thirdicon thirdicon thirdicon thirdicon thirdicon"
								"fourthicon fourthicon fourthicon fourthicon fourthicon"
								"fifthicon fifthicon fifthicon fifthicon fifthicon";
	}
	.s-container,
	.s-history-main,
	.s-recipes-main{
		width: auto;
		padding: 0px 15px;
	}
	section .s-top-image{
		margin-top: 95px;
	}
	.s-history-main aside {
		grid-template-areas: 	"himage himage"
								"htext htext";
	}
	.s-meet-teams {
		grid-template-areas: 	"teamheader teamheader teamheader"
								"teamleft teamleft teamleft"
								"teamcenter teamcenter teamcenter"
								"teamright teamright teamright";
	}
	section .s-our-story{
		padding-left: 15px;
		padding-right: 15px;
	}

	section .s-our-story-container{
		grid-template-areas:	
								"storyleft  storyleft"
								"storyright  storyright";
	}
	.s-our-story-container .s-os-left{
		background-position: center;
		min-height: 230px;
	}
	.s-our-story-container .s-os-right div{
		max-width: 500px;
		position: relative;
		top: 0px;
		margin: auto;
	}

	.s-gallery-container{
		margin-top: 100px;
	}
	.s-gallery-items{
		grid-template-columns: 6fr 6fr;
	}
	.s-gallery-item {
	  	max-width: calc(100vw / 2);
	}

	.s-touch-container{
		grid-template-areas: 	"col1 col1 col1"
								"col2 col2 col2"
								"col3 col3 col3";
	}
	#s-keep-in-touch .s-container{
		padding-top: 30px;
		padding-bottom: 30px;
	}

}

@media only screen and (min-width: 769px){
	footer div:nth-of-type(1){
		text-align: left;
	}
	footer div:nth-of-type(2){
		text-align: right;
		align-self: end;
	}
}

@media only screen and (max-width: 768px){
	
	header div a{
		font-size: 30px;
	}
	.s-menu ul li{
		margin-right: 0px;
		margin-left: 0px;
	}
	.s-menu ul li a{
		padding-left: 6px;
		padding-right: 7px;
		font-size: 13px;
	}
	section .s-rewards,
	section .s-features .s-container{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	section .s-rewards-container p:nth-of-type(1){
		top: -40px;
	}

	section .s-top-image{
		height: calc(100vh / 1.5);
	}
	section .s-vietnamese{
		font-size: 35px;
	}
	.s-locations-main{
		grid-template-areas:	
							"ltitle ltitle ltitle"
							"fcol 	fcol 	fcol"
							"scol 	scol 	scol"
							"tcol 	tcol 	tcol";
	}
	.s-history-main aside img{
		width: 155px;
	}
	.s-meet-teams {
		width: 100%;
	}

	footer{
		grid-template-areas: 	"right right"
								"left left";
	}
	footer div:nth-of-type(1),
	footer div:nth-of-type(2){
		text-align: center;
		width: 100%;
	}
}

@media only screen and (max-width: 414px){
	.s-gallery-items{
		grid-template-columns: 12fr;
	}
	.s-gallery-item {
	  	max-width: calc(100vw);
	}
}