/* CSS Document */
@charset "UTF-8";

article, aside, footer, header, main, nav, section {
display: block;}

html, body, h1, h2, h3, ul, li, a, p, 
article, aside, footer, header, main, nav, section{
padding: 0;
margin: 0;}


/* GENERAL */
@font-face {font-family: 'Superclarendon'
myFont; src:
url('../fonts/myfont.rtf'),
url('../fonts/myfont.eot');
}

h1 {font-family: 'Superclarendon'; font-size: 24px;}
h2 {font-family: 'Superclarendon'; font-size: 24px; text-align: left;}
body {font-family: Arial;}
nav {margin-left: auto; margin-right: auto; background-color: black; padding: 1.5%; text-align: center; font-family: 'Georgia'; height: 5%;}

footer {font-family: 'Georgia'; font-size: 15px; background-color: black; padding: 1%; text-align: center;}

section.top {
padding: 2%;
text-align: center;}

section.home-photo {
background-color: white;
text-align: center;
margin-bottom: 2%;
padding-top: 1.5%;}

/* MOBILE */
.logo{
float: left;
margin-left: 1.5%;
width: 35%;}

body {
width: 100%;}

button#hamburger-icon{
font-size: 300%;
background-color: transparent;
border: none;
color: white;}

button#hamburger-icon:hover {
color: yellow;
transform: scale(1.2);}

.after-click {
transform: translateX(100px);}
 

 nav ul li a { 
 text-decoration: none; 
 color: white;}

 nav ul li a:hover { 
 color: yellow;}

img {
width: 100%;}


/* HOME */
article {
margin-top: 1%;}

figure.home {  
width: 100%;
padding: 0;
margin: 0;}

figure.home-2 {  
display: none;}

figcaption.home {
font-family: 'Superclarendon'; 
text-align: center; 
background: white; 
padding: 1%;}


/* MENU */
article.menu {
margin-top: 1%;}

figure.menu{
margin: 2%;
width: 43%;
display: inline-block;}

figcaption.menu {
font-family: 'Superclarendon'; 
text-align: center; 
background: white; 
padding: 1%;}

/* LOCATIONS */
article.menu {
margin-top: 1%;}


figure.oh-no{
width: 25%;
margin-left: auto;
margin-right: auto;
}


figcaption.itsnotdoneyet {
font-family: 'Superclarendon'; 
text-align: center; 
background: white; 
padding: 1%;}

/* ABOUT */
article.form {
text-align: left;
margin-left: 2%;
margin-top: 1%}


/*TABLET AND DESKTOP*/
@media screen and (min-width: 768px) and (max-width: 1365px) {

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

        nav {height: 3%;}

		li a {color: white;}

		li {display: inline; text-decoration: none;}
		a:link {text-decoration: none; color: white;}
		a:visited {text-decoration: none; color: white;}
		a:hover {text-decoration: none; color: yellow;}
		a:active {text-decoration: underline; color: yellow;}

		button#hamburger-icon{
		display: none;}

		.logo {
		float: left;
		margin-left: 1.5%;
		width: 15%;}


		/* HOME */
		figure.home {  
		display: none;}

		figure.home-2 {  
		width: 30%; 
		margin: 1%;
		display: inline-block;}


		/* MENU */
		figure.menu{
		width: 25%;
		display: inline-block;}



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

        figure#desktop {
            width: 1920px;
            height: 1080px;
        }

	}