/*                                                          
                                                        ,::::                                                        
                                                       ,::::::                                                       
                                                      ,::::::::                                                      
                                                     ,:::::::::,                                                     
                                                    .:::::::::::,                                                    
                                                   .:::::::::::::,                                                   
                                                  .:::::::::::,:;;:`                                                 
                                                 .:::::::: .:,+#########'.                                           
                                                `::::::::   .:::,,:;########`                                        
                                               `::::::::     ,:::::::. ,######`                                      
                                              `::::::::       ,:::::::,   ;####:                                     
                                             `::::::::         ,:::::::.    '###;     This Page was                               
                                            `::::::::           ,:::::::.    ,###.    Designed by                              
                                            ::::::::`            ,:::::::.    '##+    Kris C.                               
                                           ::::::::`              ::::::::`   `###`  /                                
                                          ::::::::`                ::::::::`   ###,                                  
                                         ::::::::`                  ::::::::` `###,                                  
                                        ::::::::`                    :::::::: ;###.                                    
                                       ,:::::::.                      :::::::,####`                                  
                                      ,:::::::.                        :::::,'###+                                   
                                     ,:::::::.          ..`            `:::::####:                                   
                                    ,:::::::.       :@########'`        `:::#####                                    
                                   ,:::::::.     `################:      `:#####',                                   
                                  .:::::::,     #####################.    ######:::                                  
                                 .:::::::,    '########################, ######',::,                                 
                                .:::::::,   `@#################################,::::,                                
                               .:::::::,   .@#################################;,:::::,                               
                              `:,,::::,   :###################################.:::::::,                              
                        ###################################################### ,:::::::,                             
                        :#####################################################  ,:::::::,                            
                         .####################################################.  ,:::::::.                           
                         ,;###################################################:   ,:::::::.                          
                       +######################################################;    ,:::::::.                         
                        .'####################################################,     ::::::::.                        
                        ::;###################################################`      ::::::::`                       
                       ::::###################################################        ::::::::`                      
                      ::::,'#################################################,         ::::::::`                     
                     ::::::,'#################################+ .###########+           ::::::::`                    
                    ,:::::::.:##########'###################@`  `@#########@`            ::::::::`                   
                   ,:::::::. :#######@: `@#################+    `##########@              ::::::::`                  
                  ,:::::::.    ;++;:`    .#################      ##########@.             `::::::::                  
                 ,:::::::,                `###############,      ;##########;              `::::::::                 
     AHHHH      ,:::::::,                  .@############@.      `@##########               `:::::::,                
      \        .:::::::,                    :############@,       ;##########:               `::::::::               
          '###+,::::::,                     `@############;        ;##########                .:::::::,              
         ;#####',:;'+##@`                   `@############'         :#########'                .:::::::,             
         :##############'                   :#############'          :########@`                .:::::::,            
          `+#########+###`                  +######+:#####+          `@########:                 .:::::::,           
          `::#######:`@##'                 .@#####+ .@####+          ,####`@####                  ,:::::::,          
         `:::#########.@@.                 '######   #####+          ####. :###@`                  ,:::::::,         
        `::,:##########;                   #####@    ;####'         :###+   +###:                   ,:::::::.        
       `::,####@.'######`                 '#####`    .####'        `@##@.   `@##+                    ,:::::::.       
       :,'#####` ;######`                `#####,      ####;        ####+     :###                     ::::::::.      
      ::,;##+,` +###+###.                '####;       +###:       +####.     `##@`                     ::::::::.     
     :::::,,:` +###:`@###':.            .####+        ###@.     ,@####'      ###@`                      ::::::::`    
    ::::::::` `@##;  @#######+         ,@####       ,@###@     :#####.      :##@,                        ::::::::`   
   ::::::::,,,.+###.,,'+#####;,,,,,,,+######,,,,,,,@#####+.,,,,:##;.,,,,,,,,,..,,,,,,,,,,,,,,,,,,,,,,,,,,,::::::::`  
  ,:::::::::::,;###:::::::::::::::,;#######:::::::,+#++':::::::::::::::::::::::::::::::::::::::::::::::::::::::::::` 
`,::::::::::::::###',::::::::::::::::;;;;:,:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::`
`,:::::::::::::,;##:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::`
  `,::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.                                                                                                              
*/

/*--CSS RESET--*/

* {
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style-type: none;
	font-family: 'quicksand', sans-serif;
}

/*--Smooth Scrolling--*/

html {
	scroll-behavior: smooth;
}

/*--CSS COLOR CLASS--*/

.pink {
	background-color: #E2BEFD;
}

.coral {
	background-color: #F08F80;
}

.cream {
	background-color: #FEEDE5;
}

.gold {
	background-color: #937737;
}

.brown {
	background-color: #552502;
}

.white {
	background-color: white;
}


/*--HTML5 SEMANTIC TAGS---*/


h1 {
	font-family: 'Lobster Two', cursive;
	font-size: 4em;
	margin-top: 1em;
	margin-bottom: 0.3em;
	line-height: 1.5em;
	color: #937737;
}

h1:hover {
	color: #F08F80;
}

h2 {
	font-family: 'quicksand', sans-serif;
	font-weight: 700;
	font-size: 1.5em;
	margin-bottom: 1em;
	line-height: 1.5em;
	color: #F08F80;
}

h3{
	font-family: 'quicksand', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	margin-bottom: 1em;
	line-height: 1.5em;
	color: #F08F80;
}

h4 {
	font-family: 'quicksand', sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 1.5em;
	color: #552502;
}

h5 {
	font-family: 'quicksand', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 1.5em;
	color: #ffffff;
}

a {
	font-family: 'quicksand', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #ffffff;
}

p {
	font-family: 'quicksand', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #552502;
	margin-top: 1em;
	line-height: 1.5em;
}


/*--buttons--*/

div.button {
	width: 10em;
	height: auto;
	margin: 0 auto;
	padding: 1em;
	text-align: center;
	color: white;
	background-color: #F08F80;
	border: none;
	display: inline-block;
	font-size: 1.2em;
}

div.button:hover{

	background-color: #E2BEFD;
}

button#form-button {
	width: 10em;
	height: auto;
	margin: 0 auto;
	background-color: #F08F80;
	border: none;
	display: inline-block;
}

	button#form-button:hover {
		background-color: #E2BEFD;
	}

/*--responsive properties--*/


.responsive-full {
  width: 80%;
  height: auto; 
}

.responsive-half {
	width: 40%;
	height: auto;
}

.responsive-small {
	width: 25%;
	height: auto;
}


/*--center--*/
.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

/*--MEDIA RULE--*/

/* MOBILE*/

@media screen and (max-width: 767px){

	body {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	header {
		width: 100%;
		height: auto;
		position: fixed;
		display: inline-block;
		background-color: #FEEDE5;
		z-index: 1;
	}

	div#logo {
		width: 56%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}

		#logo-t {
			display: none;
		}

		#logo-l {
			display: none;
		}

	/*HAMBERGER NAV*/

	button#hamburger-icon {
		z-index: 1;
		position: fixed;
		padding: 0.5em;
		border: 0.25em solid #937737;
		background-color: transparent;
	}

		button div {
			transition: transform 0.5s;

				-moz-transition: transform 0.5s;
				-ms-transition: transform 0.5s;
				-o-transition: transform 0.5s;
				-webkit-transition: transform 0.5s;
		}

			.close-button-one {
				transform: rotate(45deg) translateX(0.75em) translateY(0.8em);

						-moz-transform: rotate(45deg) translateX(0.75em) translateY(0.8em);
						-ms-transform: rotate(45deg) translateX(0.75em) translateY(0.8em);
						-o-transform: rotate(45deg) translateX(0.75em) translateY(0.8em);
						-webkit-transform: rotate(45deg) translateX(0.75em) translateY(0.8em);
			}

			.close-button-two {
				transform: scaleX(0);

						-moz-transform: scaleX(0);
						-ms-transform: scaleX(0);
						-o-transform: scaleX(0);
						-webkit-transform: scaleX(0);
			}

			.close-button-three {
				transform: rotate(-45deg) translateX(0.75em) translateY(-0.8em);

						-moz-transform: rotate(-45deg) translateX(0.75em) translateY(-0.8em);
						-ms-transform: rotate(-45deg) translateX(0.75em) translateY(-0.8em);
						-o-transform: rotate(-45deg) translateX(0.75em) translateY(-0.8em);
						-webkit-transform: rotate(-45deg) translateX(0.75em) translateY(-0.8em);
			}

	div.hamburger-div{
		width: 3em;
		height: 0.5em;
		margin: 0.6em;
		background-color: #937737;
	}

	nav {
		z-index: 1;
		position: fixed;
		width: 100%;
		top: 57px;
		left:-300%;
		border-top: 3px solid #937737;
		background-color: #F08F80;
		transition: left 0.5s;

				-moz-transition: left 0.5s;
				-ms-transition: left 0.5s;
				-o-transition: left 0.5s;
				-webkit-transition: left 0.5s;
	}

	ul {
		margin:8vw;
	}

	li {
		background-color: white;
		margin: 10vw;
		padding: 2vw 0 3vw 0;
		border: 0.5vw solid #937737;
		text-align: center;
	}

	li a#menu {
		font-size: 5vw;
		font-weight: 400;
		color: #937737;
	}

	li a#logo-l {
		display: none;
	}

	.slide-the-drawer {
		left: 0px;
	}

	section#mainlogo{
		display: none;
	}

	figure#big-logo{
			display: none;
	}

	section#main-image {
		width: 100%;
		text-align: center;
		padding: 62% 0 62% 0;
		background-image: url(../img/main-image.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	div#worth-it{
		position: relative;
		font-family: 'Lobster Two', cursive;
		font-size: 3.5em;
		color: white;
	}

	section#main-quote {
		width: 100%;
		padding: 2em 0 1em 0;
		text-align: center;
		color: #937737;
		font-size: 1.1em;
	}

	div#slick-slider{
		width: 95%;
		margin: 0 auto;
		border: 0.3vw solid #937737;
		text-align: center;
		padding-bottom: 1em;
		position: relative;
	}

	section#main-group{
		width: 100%;
		margin: 0 auto;
		background-color: #FEEDE5;
		clear: both;
	}

	section#view-menu{
		width: 100%;
		padding: 1em 0 2em 0;
		text-align: center;
		color: #937737;
		font-size: 1em;
		clear: both;
	}

	article.left{
		width: 95%;
		height: auto;
		text-align: center;
		float: left;
		padding: 0 0 10% 3%;
	}


	figure#chocolate {
		width: 100%;
		float:right;
		padding: 55% 0 55% 0;
		background-image: url(../img/chocolates.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	article.right {
		width: 100%;
		height: auto;
		padding-bottom: 10%;
		text-align: center;
		float: right;
		clear: both;
	}

	figure#storefront {
		width: 100%;
		float:left;
		padding: 55% 0 55% 0;
		background-image: url(../img/store-front.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;

	}

	section#form {
		width: 100%;
		float:left;
		padding: 5% 0 5% 0;
		background-color: #FEEDE5;
		text-align: center;
	}

		.textbox-xs {
			width: 80%;
			border: 1px solid #937737;
			text-align: center;
			padding: 1%;
			margin: 8% 1% 8% 1%;
			font-size: 1.1em;
			color: #552502;
		}

		.textbox-s {
			width: 80%;
			border: 1px solid #937737;
			margin: 1% 1% 6% 1%;
			text-align: left;
			padding: 1.5% 5% 1.5% 5%;
			font-size: 1.2em;
			color: #552502;
		}

		.textbox-l {
			width: 80%;
			height: 20vh;
			border: 1px solid #937737;
			margin: 1% 1% 6% 1%;
			text-align: left;
			padding: 5%;
			font-size: 1.2em;
			color: #552502;
		}

		input[type=submit] {
		  background-color: #F08F80;
		  border: none;
		  color: white;
		  width: 10em;
		  padding: 1em;
		  text-decoration: none;
		  font-size: 1.2em;
		  cursor: pointer;
		}

			input[type=submit]:hover {
				background-color: #E2BEFD;
			}

	section#subs {
		width: 100%;
		clear: both;
		text-align: center;
		font-size: 1.2em;
		padding: 2em 0 2em 0;
		color: #937737;
		}


	section#footer {
		width: 100%;
		clear: both;
		text-align: center;
		padding: 2em 0 5em 0;
	}

	figure#twitter {
		margin: 1em 0.5em 0 0.5em;
		padding: 1em;
		clear: both;
		text-align: center;
		display: inline-block;
		background-image: url(../img/twitter.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	figure#insta {
		margin: 1em 0.5em 0 0.5em;
		padding: 1em;
		clear: both;
		text-align: center;
		display: inline-block;
		background-image: url(../img/insta.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	figure#fb {
		margin: 1em 0.5em 0 0.5em;
		padding: 1em;
		clear: both;
		text-align: center;
		display: inline-block;
		background-image: url(../img/fb.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

}

/* TABLET*/

@media screen and (min-width: 768px) and (max-width: 1365px){

	body {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	header {
		width: 100%;
		height: auto;
		position: fixed;
		display: inline-block;
		background-color: #FEEDE5;
		z-index: 1;
	}

	div#logo {
		width: 43%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}

		#logo-m {
			display: none;
		}

		#logo-l {
			display: none;
		}

	/*HAMBERGER NAV*/

	button#hamburger-icon {
		z-index: 1;
		position: fixed;
		padding: 1em;
		border: 0.25em solid #937737;
		background-color: #FEEDE5;
	}

		button div {
			transition: transform 0.5s;

					-moz-transition: transform 0.5s;
					-ms-transition: transform 0.5s;
					-o-transition: transform 0.5s;
					-webkit-transition: transform 0.5s;
		}

			.close-button-one {
				transform: rotate(45deg) translateX(0.75em) translateY(0.8em);

						-moz-transform: rotate(45deg) translateX(0.75em) translateY(0.8em);
						-ms-transform: rotate(45deg) translateX(0.75em) translateY(0.8em);
						-o-transform: rotate(45deg) translateX(0.75em) translateY(0.8em);
						-webkit-transform: rotate(45deg) translateX(0.75em) translateY(0.8em);
			}

			.close-button-two {
				transform: scaleX(0);

						-moz-transform: scaleX(0);
						-ms-transform: scaleX(0);
						-o-transform: scaleX(0);
						-webkit-transform: scaleX(0);
			}

			.close-button-three {
				transform: rotate(-45deg) translateX(0.75em) translateY(-0.8em);

						-moz-transform: rotate(-45deg) translateX(0.75em) translateY(-0.8em);
						-ms-transform: rotate(-45deg) translateX(0.75em) translateY(-0.8em);
						-o-transform: rotate(-45deg) translateX(0.75em) translateY(-0.8em);
						-webkit-transform: rotate(-45deg) translateX(0.75em) translateY(-0.8em);
			}

	div.hamburger-div{
		width: 3em;
		height: 0.5em;
		margin: 0.6em;
		background-color: #937737;
	}

	nav {
		z-index: 1;
		position: fixed;
		top: 70px;
		left:-300%;
		width: 65%;
		border-top: 4px solid #937737;
		background-color: #F08F80;
		transition: left 0.5s;

				-moz-transition: left 0.5s;
				-ms-transition: left 0.5s;
				-o-transition: left 0.5s;
				-webkit-transition: left 0.5s;
	}

	ul {
		margin:1vw;
	}

	li {
		background-color: white;
		margin: 5.7vw;
		padding: 2vw 0 2vw 0;
		border: 0.5vw solid #937737;
		text-align: center;
	}

	li a#menu {
		font-size: 1.5em;
		color: #937737;
	}

	div#menu-logo {
		display: none;
	}

	li a#logo-l {
		display: none;
	}


	.slide-the-drawer {
		left: 0px;
	}

	section#mainlogo{
		display: none;
	}

	figure#big-logo{
			display: none;
	}

	section#main-image {
		width: 100%;
		text-align: center;
		padding: 50% 0 50% 0;
		background-image: url(../img/main-image.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	div#worth-it{
		position: relative;
		font-family: 'Lobster Two', cursive;
		font-size: 6vw;
		color: white;
	}

	section#main-quote {
		width: 100%;
		padding: 4vw 0 1.5vw 0;
		text-align: center;
		color: #937737;
		font-size: 1.1em;
	}

	div#slick-slider{
		width: 95%;
		margin: 0 auto;
		border: 0.3vw solid #937737;
		text-align: center;
		padding-bottom: 1em;
		position: relative;
	}

	section#main-group{
		width: 100%;
		margin: 0 auto;
		background-color: #FEEDE5;
		clear: both;
	}

	section#view-menu{
		width: 100%;
		padding: 1.5vw 0 3vw 0;
		text-align: center;
		color: #937737;
		font-size: 1.1em;
		clear: both;
	}

	article.left{
		width: 90%;
		height: auto;
		text-align: center;
		float: left;
		padding: 0 0 3% 5%;
	}


	figure#chocolate {
		width: 100%;
		float:right;
		padding: 40% 0 40% 0;
		background-image: url(../img/chocolates.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	article.right {
		width: 100%;
		height: auto;
		padding-bottom: 5%;
		text-align: center;
		float: right;
		clear: both;
	}

	figure#storefront {
		width: 100%;
		float:left;
		padding: 40% 0 40% 0;
		background-image: url(../img/store-front.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;

	}

	section#form {
		width: 100%;
		float:left;
		padding: 5% 0 5% 0;
		background-color: #FEEDE5;
		text-align: center;
	}

		.textbox-xs {
			width: 80%;
			border: 1px solid #937737;
			text-align: center;
			padding: 1%;
			margin: 4% 1% 4% 1%;
			font-size: 1em;
			color: #552502;
		}

		.textbox-s {
			width: 80%;
			border: 1px solid #937737;
			margin: 1% 1% 3% 1%;
			text-align: left;
			padding: 1.5% 5% 1.5% 5%;
			font-size: 1em;
			color: #552502;
		}

		.textbox-l {
			width: 80%;
			height: 20vh;
			border: 1px solid #937737;
			margin: 1% 1% 3% 1%;
			text-align: left;
			padding: 5%;
			font-size: 1em;
			color: #552502;
		}

		input[type=submit] {
		  background-color: #F08F80;
		  border: none;
		  color: white;
		  width: 10em;
		  padding: 1em;
		  text-decoration: none;
		  font-size: 1.2em;
		  cursor: pointer;
		}

			input[type=submit]:hover {
				background-color: #E2BEFD;
			}


	section#subs {
		width: 100%;
		clear: both;
		text-align: center;
		font-size: 1.2em;
		padding: 3em 0 2em 0;
		color: #937737;
	}

	section#footer {
		width: 100%;
		clear: both;
		text-align: center;
		padding: 2em 0 5em 0;
	}

	figure#twitter {
		margin: 1em 0.5em 0 0.5em;
		padding: 1em;
		clear: both;
		text-align: center;
		display: inline-block;
		background-image: url(../img/twitter.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	figure#insta {
		margin: 1em 0.5em 0 0.5em;
		padding: 1em;
		clear: both;
		text-align: center;
		display: inline-block;
		background-image: url(../img/insta.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	figure#fb {
		margin: 1em 0.5em 0 0.5em;
		padding: 1em;
		clear: both;
		text-align: center;
		display: inline-block;
		background-image: url(../img/fb.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
}

/* LAPTOP*/

@media screen and (min-width: 1366px) {

	body {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	header {
		display: none;
	}

	div#logo {
		display: none;
	}

	#logo-m {
			display: none;
		}

	#logo-t {
			display: none;
		}

	button#hamburger-icon {
		display: none;
	}

	nav {
		width: 100%;
		position: fixed;
		background-color: #FEEDE5;
		margin: 0 auto;
		margin-top: -1vw;
		z-index: 1;
	}

	ul {
		width: 82.5%;
		padding-bottom: 1vw;
		margin: 0 auto;
	}

	li {
		display: inline-block;
		margin: 0 auto;
		margin-left: 2.8vw;
	}

	li a#menu {
		background-color: #FEEDE5;
		font-size: 1vw;
		font-weight: 400;
		color: #937737;
		padding: 1vw 3vw 1vw 3vw;
	}

	li a#menu:hover {
		background-color: #E2BEFD;
		color: white;
	}

	div#menu-logo {
		position: relative;
		top: 1vw;
	}

	section#mainlogo{
		width: 100%;
		position: absolute;
		background-color: #FEEDE5;
	}

		figure#big-logo{
			width: 100%;
			height: auto;
			margin-left: auto;
			margin-right: auto;	
			position: relative;
			margin-top: 15vw;
			margin-bottom: 20vw;
			text-align: center;
	}

	section#main-image{
		width: 100%;
		text-align: center;
		padding: 30% 0 30% 0;
		background-image: url(../img/main-image.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	div#worth-it{
		position: relative;
		font-family: 'Lobster Two', cursive;
		font-size: 5.5vw;
		color: white;
	}

	section#main-quote{
		width: 100%;
		padding: 3vw 0 1vw 0;
		text-align: center;
		color: #937737;
		font-size: 1.3em;
		clear: both;
	}

	section#view-menu{
		width: 100%;
		padding: 1vw 0 3vw 0;
		text-align: center;
		color: #937737;
		font-size: 1.3em;
		clear: both;
	}

	div#slick-slider{
		width: 95%;
		margin: 0 auto;
		padding-bottom: 1em;
		border: 0.3vw solid #937737;
		text-align: center;
		position: relative;
	}

	section#main-group{
		width: 100%;
		margin: 0 auto;
		background-color: #FEEDE5;
		clear: both;
	}

	article.left{
		width: 40%;
		height: auto;
		text-align: right;
		float: left;
		padding: 1.5% 5% 0 5%;
	}


	figure#chocolate {
		width: 40%;
		float:right;
		padding: 20% 5% 20% 5%;
		background-image: url(../img/chocolates.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		transition: transform 0.5s;

			-moz-transition: transform 0.5s;
			-ms-transition: transform 0.5s;
			-o-transition: transform 0.5s;
			-webkit-transition: transform 0.5s;
	}

		figure#chocolate:hover{
			transform: rotate(3deg);

				-moz-transform: rotate(3deg);
				-ms-transform: rotate(3deg);
				-o-transform: rotate(3deg);
				-webkit-transform: rotate(3deg);

		}


	article.right {
		width: 40%;
		height: auto;
		padding: 2% 5% 0 5%;
		text-align: center;
		float: right;
		clear: both;
	}

	figure#storefront {
		width: 40%;
		float:left;
		padding: 20% 5% 20% 5%;
		background-image: url(../img/store-front.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		transition: transform 0.5s;
				-moz-transition: transform 0.5s;
				-ms-transition: transform 0.5s;
				-o-transition: transform 0.5s;
				-webkit-transition: transform 0.5s;
	}

		figure#storefront:hover{
			transform: rotate(-3deg);
				-moz-transform: rotate(-3deg);
				-ms-transform: rotate(-3deg);
				-o-transform: rotate(-3deg);
				-webkit-transform: rotate(-3deg);
		}

	section#form {
		width: 40%;
		float:left;
		padding: 2% 5% 1% 5%;
		background-color: #FEEDE5;
	}

		input.textbox-xs {
			width: 80%;
			border: 1px solid #937737;
			text-align: center;
			padding: 1%;
			margin: 1% 2% 2% 0;
			font-size: 1em;
			color: #552502;
		}

		input.textbox-s {
			width: 80%;
			border: 1px solid #937737;
			margin-bottom: 5%;
			text-align: left;
			padding: 1.5% 5% 1.5% 5%;
			font-size: 1em;
			color: #552502;
		}

		input.textbox-l {
			width: 90%;
			height: 20vh;
			border: 1px solid #937737;
			margin-bottom: 5%;
			text-align: left;
			padding: 5%;
			font-size: 1em;
			color: #552502;
		}

		input[type=submit] {
		  background-color: #F08F80;
		  border: none;
		  color: white;
		  width: 10em;
		  padding: 1em;
		  text-decoration: none;
		  font-size: 1.2em;
		  cursor: pointer;
		}

			input[type=submit]:hover {
				background-color: #E2BEFD;
			}



	section#subs {
		width: 100%;
		clear: both;
		text-align: center;
		font-size: 1.2em;
		padding: 3em 0 2em 0;
		color: #937737;
	}

		section#subs:hover{
			color: #F08F80;
		}

	section#footer {
		width: 100%;
		clear: both;
		text-align: center;
		padding: 2em 0 5em 0;
	}

	figure#twitter {
		margin: 1em 0.5em 0 0.5em;
		padding: 1em;
		clear: both;
		text-align: center;
		display: inline-block;
		background-image: url(../img/twitter.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	figure#insta {
		margin: 1em 0.5em 0 0.5em;
		padding: 1em;
		clear: both;
		text-align: center;
		display: inline-block;
		background-image: url(../img/insta.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	figure#fb {
		margin: 1em 0.5em 0 0.5em;
		padding: 1em;
		clear: both;
		text-align: center;
		display: inline-block;
		background-image: url(../img/fb.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}


}