/*                                                          
                                                        ,::::                                                        
                                                       ,::::::                                                       
                                                      ,::::::::                                                      
                                                     ,:::::::::,                                                     
                                                    .:::::::::::,                                                    
                                                   .:::::::::::::,                                                   
                                                  .:::::::::::,:;;:`                                                 
                                                 .:::::::: .:,+#########'.                                           
                                                `::::::::   .:::,,:;########`                                        
                                               `::::::::     ,:::::::. ,######`                                      
                                              `::::::::       ,:::::::,   ;####:                                     
                                             `::::::::         ,:::::::.    '###;     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;
}


/*--MEDIA RULE--*/

/* MOBILE*/

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

section#flavor-container{
	width: 100%;
	margin: 0 auto;
	padding-top: 5%;
	position: static;
	text-align: center;
}

figure#flavor{
		width: 100%;
		margin: 0 auto;
		padding-top: 2em;
		padding-bottom: 2em;
		text-align: center;
		float: left;
		color: #937737;
		font-size: 1.5em;
	}

section#name-container{
	
	width: 100%;
	padding-top: 1%;
	padding-bottom: 3%;
	text-align: center;
	float: left;

}

section#menu-container{
	width: 100%;
	float: left;
}

article#menu-list {
	width: 80%;
	height: auto;
	margin: 5% 0 0 5.5%;
	padding: 4%;
	text-align: center;
	float: left;
	border: 3px solid #937737;
}

figure#chocolate-box {
		width: 100%
		float:left;
		padding: 30% 0 30% 0;
		margin-bottom: 5%;
		background-image: url(../images/chocolate-box.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;

	}

section#name-coffee-container{
	width: 100%;
	padding-bottom: 7%;
	float: left;
	text-align: center;
}

section#name-tea-container{
	width: 100%;
	padding-bottom: 7%;
	float: left;
	text-align: center;
}

section#drinks-container{
	width: 100%;
	float: left;
}

article#coffee-list {
	width: 80%;
	height: auto;
	margin: 0 0 2% 5.5%;
	padding: 4%;
	text-align: center;
	float: left;
	border: 3px solid #937737;
}

article#tea-list {
	width: 80%;
	height: auto;
	margin: 0 0 2% 5.5%;
	padding: 4%;
	text-align: center;
	float: left;
	border: 3px solid #937737;
}

section#jump-location{
	
	width: 100%;
	padding-bottom: 5%;
	text-align: center;
	float: left;
	font-size: 1em;

}

footer {
	width: 100%;
	padding: 5%;
	text-align: center;
	float: left;
	color: white;
}

}

/* TABLET*/

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

section#flavor-container{
	width: 100%;
	margin: 0 auto;
	padding-top: 5%;
	position: static;
	text-align: center;
}

figure#flavor{
		width: 20%;
		margin: 0 auto;
		padding-top: 2em;
		padding-bottom: 2em;
		text-align: center;
		float: left;
		color: #937737;
		font-size: 1.5em;
	}

section#name-container{
	
	width: 100%;
	padding-top: 0.5em;
	padding-bottom: 5%;
	text-align: center;
	float: left;

}

section#menu-container{
	width: 100%;
	float: left;
}

article#menu-list {
	width: 35%;
	height: auto;
	margin: 0 3% 2% 3%;
	padding: 4%;
	text-align: center;
	float: left;
	border: 3px solid #937737;
}

figure#chocolate-box {
		width: 100%
		float:left;
		padding: 23% 0 23% 0;
		margin-bottom: 5%;
		background-image: url(../images/chocolate-box.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;

	}

section#name-coffee-container{
	width: 100%;
	padding-bottom: 7%;
	float: left;
	text-align: center;
}

section#name-tea-container{
	width: 100%;
	padding-bottom: 7%;
	float: left;
	text-align: center;
}

section#drinks-container{
	width: 100%;
	float: left;
}

article#coffee-list {
	width: 80%;
	height: auto;
	margin: 0 0 2% 5.5%;
	padding: 4%;
	text-align: center;
	float: left;
	border: 3px solid #937737;
}

article#tea-list {
	width: 80%;
	height: auto;
	margin: 0 0 2% 5.5%;
	padding: 4%;
	text-align: center;
	float: left;
	border: 3px solid #937737;
}

section#jump-location{
	
	width: 100%;
	padding-bottom: 5%;
	text-align: center;
	float: left;
	font-size: 1em;

}

footer {
	width: 100%;
	padding: 5%;
	text-align: center;
	float: left;
	color: white;
}

}

/* LAPTOP*/

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

section#flavor-container{
	width: 100%;
	margin: 0 auto;
	padding-top: 5%;
	position: static;
	text-align: center;
}

figure#flavor{
		width: 20%;
		margin: 0 auto;
		padding-bottom: 2em;
		text-align: center;
		float: left;
		color: #937737;
		font-size: 1em;
		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#flavor:hover{
			transform: scale(1.1);

				-moz-transform: scale(1.1);
				-ms-transform: scale(1.1);
				-o-transform: scale(1.1);
				-webkit-transform: scale(1.1);
		}

section#name-container{
	
	width: 100%;
	padding-top: 0.5em;
	padding-bottom: 5%;
	text-align: center;
	float: left;

}

section#menu-container{
	width: 100%;
	float: left;
}

article#menu-list {
	width: 35%;
	height: auto;
	margin: 0 3% 2% 3%;
	padding: 4%;
	text-align: center;
	float: left;
	border: 3px solid #937737;
}

figure#chocolate-box {
		width: 30%;
		float:left;
		padding: 21.5% 4% 21.5% 4%;
		margin: 0 2% 2% 7%;
		background-image: url(../images/chocolate-box.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;

	}

section#name-coffee-container{
	width: 50%;
	padding-top: 1.5em;
	padding-bottom: 7%;
	float: left;
	text-align: center;
}

section#name-tea-container{
	width: 50%;
	padding-top: 1.5em;
	padding-bottom: 7%;
	float: right;
	text-align: center;
}

section#drinks-container{
	width: 50%;
	float: left;
}

article#coffee-list {
	width: 80%;
	height: auto;
	padding: 4%;
	text-align: center;
	float: left;
	border: 3px solid #937737;
}

article#tea-list {
	width: 80%;
	height: auto;
	padding: 4%;
	text-align: center;
	float: right;
	border: 3px solid #937737;
}

section#jump-location{
	
	width: 100%;
	padding-top: 0.5em;
	padding-bottom: 5%;
	text-align: center;
	float: left;

}

	section#jump-location:hover{
		background-color: #E2BEFD;
	}


footer {
	width: 95%;
	padding: 5%;
	text-align: center;
	float: left;
	color: white;
}




}