/* BREAKPOINT FOR TABLETS */

/* ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
•••••••••••••••••••••••••••••••••••••••••OO••••••••••••••••••••••••••••••••••••••••
•••••••••••••••••••••••••••••••••••••••••OO••••••••••••••••••••••••••••••••••••••••
•••••••••••••••••••••••••••••••••••••••••OO••••••••••••••••••••••••••••••••••••••••
••••••••••••••••••••••••••••••••••••••••OOOO•••••••••••••••••••••••••••••••••••••••
••••••••••••••••••••••••••••••••••••••••OOOO•••••••••••••••••••••••••••••••••••••••
••••••••••••••••••••••••••••••••••••••••OOOO•••••••••••••••••••••••••••••••••••••••
••••••••••••••••••••••••••••••••••••••••OOOO•••••••••••••••••••••••••••••••••••••••
•••••••••••••••••••••••••••••••••••••••OOOOOO••••••••••••••••••••••••••••••••••••••
•••••••••••••••••••••••••••••••••••••••OOOOOO••••••••••••••••••••••••••••••••••••••
•••••••••••••••••••••••••••••••••••••••OOOOOO••••••••••••••••••••••••••••••••••••••
••••••••O••••••••••••••••••••••••••••••OOOOOO••••••••••••••••••••••••••••O•••••••••
•••••••••OO•••••••••••••••••••••••••••OOOOOOOO•••••••••••••••••••••••••OO••••••••••
•••••••••••OOO••••••••••••••••••••••••OOOOOOOO••••••••••••••••••••••OOO••••••••••••
•••••••••••••OOOO•••••••••••••••••••••OOOOOOOO•••••••••••••••••••OOOO••••••••••••••
•••••••••••••••OOOOOO•••••••••••••••••OOOOOOOO••••••••••••••••OOOOOO•••••••••••••••
•••••••••••••••••OOOOOOO•••••••••••••OOOOOOOOOO•••••••••••••OOOOOO•••••••••••••••••
•••••••••••••••••••OOOOOOO•••••••••••OOOOOOOOOO••••••••••OOOOOOO•••••••••••••••••••
••••••••••••••••••••••OOOOOOOO•••••••OOOOOOOOOO•••••••OOOOOOOO•••••••••••••••••••••
•••••••••••••••••••••••OOOOOOOOOO••••OOOOOOOOOO••••OOOOOOOOO•••••••••••••••••••••••
•••••••••••••••••••••••••OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO•••••••••••••••••••••••••
••••••••••••••••••••••••••••OOOOOOOOOOOOOOOOOOOOOOOOOOOO•••••••••••••••••••••••••••
••••••••••••••••••••••••••••••OOOOOOOOOOOOOOOOOO000000•••••••••••••••••••••••••••••
••••••••••••••••••••••••••••••••OOOOOOOOOOOOOOOOOOOO•••••••••••••••••••••••••••••••
•••••••••••••••••••••••••••••••••OOOOOOOOOOOOOOOOOO••••••••••••••••••••••••••••••••
•••••••••••••••••••••••••••••••••••OOOOOOOOOOOOOO••••••••••••••••••••••••••••••••••
•••••••••••••••••••••••••••••••••••••OOOOOOOOOO••••••••••••••••••••••••••••••••••••
•••••••••••••••••••••••••••••••••••••••OOOOOO••••••••••••••••••••••••••••••••••••••
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
••••••••••••••••••••••••••••••••••••••DESIGN BY••••••••••••••••••••••••••••••••••••
••••••••••••••••••••••••••••••••••••MARCELO LAYERA•••••••••••••••••••••••••••••••••
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

/* BREAKPOINT FOR SMARTPHONES */

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

	figure{
		width: 375px;
		height: 627px;
	}

	button	{
		z-index: 2;
		top: 25px;
	}

	/* NAV */

	nav {
		width: 100%;
		height: 100%;
		position: relative;
		margin: 0;
	}

		nav ul {
			z-index: 1;
			position: fixed;
			left: -100px;
			top: 81.5px;
			transition: left .3s;
		}

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

			#navigation li {
				float: none;
			}

			#navigation li a {
				margin: 5px 0px;
			}

	/* logo */

		a#logo-link {
			width: 170px;
			padding-top: 16px;
			height: auto;
			display: block;
			margin: 0 auto;
			position: static;
		}

		img#logo	{
			width: 170px;
			padding-top: 16px;
			height:	auto;
			display: block;
			margin: 0 auto;
			position: static;
		}

		#splash h5{
			font-size: 22pt;
			bottom: 15.5vh;
			line-height: 1;
		}

		section	h1 {
			padding-top: 1%;
			height: 7%;
			width: 100%;
			text-align: left;
			font-size: 22pt;
		}

	/* The Pies */

	section#the-pies {
		height: 90vh;
		margin-bottom: 8vh;
	}

		#the-pies article	{
			display: block;
			width: 100%;
			margin-bottom: 2.5vh; 
		}

		article#the-pies-reheat {
			height: 320px;
		}

		article#the-pies-family {
			height: 90px;
		}

		article#the-pies-pastry {
			height: 110px;
		}

		#the-pies figure {
			height: 140px;
			margin: 0;
		}

			#the-pies h2 {
				font-size: 14pt;
			}

			#the-pies p {
				line-height: 1.3;
				font-size: 10pt;
			}

			#the-pies img {
				margin: 0;
			}

			img#the-pies-photo-2 {
				display: none;
			}

			img#the-pies-photo-3 {
				display: none;
			}

		footer a {
			height: 15px;
		}

	/* Menus */

	section#menus {
		height: 90vh;
		margin-bottom: 8vh;
	}

		#menus	article {
			display: inline-block;
			height: 30%;
		}

			#menus h2	{
				font-size: 14pt;
			}

					#menus li	{
						font-family: 'Montserrat', sans-serif;
						font-size: 10pt;
						line-height: 1.2;
				}

		article#menu-drinks  {
			height: 42%;
		}

		article#menu-dessert  {
			height: 20%;
		}

		article#menu-gravies  {
			height: 15%;
		}

		article#dietary  {
			height: 20%;
			margin-bottom: 4vw;
		}

		/* Menus */

			#locations article {
				display: block;
				width: 100%;
				height: 580px;
				vertical-align: top;
			}

		/* Catering */

		article#catering-partners   {
			height: 370px;
		}

		#catering h2 {
			font-size: 14pt;
		}

		/* Image Gallery */
		
		figure#gallery	{
			width: 100%;
	 		height: auto;
	 		margin: 3vh auto 0 auto;
		}

		/* Contact Form */

		form {
			width: 60vw;
			height: 60vh;
			text-align: center;
		}

			form a {
				float: none;
				display: inline-block;
				margin: 4vw 0 0 0;
			}

				input#textarea {
					width: 200px;
				}

}

/* BREAKPOINT FOR TABLETS */

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

	figure{
		width: 768px;
		height: 1024px;
	}

		button {
			display: none;
		}

		ul#navigation {
			margin-left: 300px;
		}

			#navigation li a {
				margin-top: 10px;
				float: right;
			}

		#splash h5{
			bottom: 12vh;
		}

	/* The Pies */

		#the-pies article	{
			width: 100%;
			margin-bottom: 2vh; 
		}

			#the-pies h2 {
				text-align: left;
			}

			#the-pies p {
				font-size: 10pt;
				line-height: 1.4;
			}

	/* Menus */

		#menus	article {
			width: 250px;
			height: 25%;
			padding: 0 2vw 2vw 2vw;
		}

			#menus h2	{
				font-size: 14pt;
			}

					#menus li	{
						font-size: 10pt;
						line-height: 1.2;
				}

		article#menu-drinks  {
			height: 36%;
		}

		article#menu-gravies  {
			height: 10%;
		}

		article#dietary  {
			width: 100%;
			margin: 0 2vw 2vw 2vw;
			height: 15%;
		}

		/* Locations */

			#locations article {
				float: left;
				width: 50%;
				height: 50%;
				vertical-align: top;
			}

		/* Catering */

		#catering li{
			height: 24px;
			margin-left: 10px;
			margin-bottom: 8px;
			padding: 3px;
		}

		/* Image Gallery */
		
		figure#gallery	{
			width: 100%;
	 		height: auto;
	 		margin: 3vh auto 0 auto;
		}

		/* Contact Form */

		form {
			line-height: 1.4;
			height: 38vw;
			min-height: 440px;
		}

			form a {
				float: right;
				margin: 4vw 0 0 0;
			}

}

/* BREAKPOINT FOR LAPTOPS */

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

	figure{
			width: 1366px;
			height: 768px;
	}

			button {
			display: none;
		}

		form a {
			margin-top: 1vw;
		}

}