/******Global styles******/
body, html {
	margin: 0;
	height: 100%;
	min-width: 100%;
	font-family: 'PT Sans', sans-serif;
}

/*******Header and Nav Section*******/

nav {
	border-bottom: 1px solid black;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
	background: #1C1B19;
	height: 100px;
	width: 100%;
	position: fixed;
	z-index: 1 !important;
}

ul {
	text-align: center;
	margin-top: 40px;
}

ul li{
	list-style: none;
	display: inline;
	padding: 25px 25px 25px 0px;
	margin-top: 10px;
}

li a, .icon-logo a{
	text-decoration: none;
}

li a {
	font-size: 1.2em;
	color: #F8F8F8;
}

li a:hover {
	color: #B8B8B8;
}

.language {
	display: flex;
	position: absolute;
	left: 90%;
	bottom: 28.5%;
}

.uk, .spain {
	margin: 5px;
}

.Navbar__Link-toggle {
  display: none;
}

/***************************************/
/***********Image slider****************/
/***************************************/


figure {
	background-position: 50% 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.crossfade > figure {
  animation: imageAnimation 24s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  color: transparent;
  height: 750px;
  left: 0px;
  margin-right: 0;
  margin-left: 0;
  margin-top: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
}

.crossfade > figure:nth-child(1) { 
	background-image: url(../imagenes/elviria-1.jpg);
}
.crossfade > figure:nth-child(2) {
  animation-delay: 6s;
  background-image: url(../imagenes/elviria-2.jpg);
}
.crossfade > figure:nth-child(3) {
  animation-delay: 12s;
  background-image: url(../imagenes/elviria-3.jpg);
}
.crossfade > figure:nth-child(4) {
  animation-delay: 18s;
  background-image: url(../imagenes/elviria-4.jpg);
}


@keyframes
imageAnimation {  0% {
 animation-timing-function: ease-in;
 opacity: 0;
}
 8% {
 animation-timing-function: ease-out;
 opacity: 1;
}
 17% {
 opacity: 1;
}
 25% {
	opacity: 0;
}
100% {
	opacity: 0;
}
}

/***************************************/
/***********End Image slider************/
/***************************************/



/*******Images Style********/
.background-image {
	height: 750px;
	width: 100%;
}

.invert img {
	position: fixed;
	left: 15%;
	top: 8px;
}

.image-logo {
	text-align: center;
	display: block;
	top: 20%;
	width: 450px;
	margin: 0 auto;
	position: relative;
}

.image-logo img{
	width: 400px;
	height: 400px;
}

.elviria-header {
	text-align: center;
	display: block;
	margin: 0 auto;
	position: relative;
	top: 180px;
}

h1.elviria-header {
	font-size: 4rem;
	font-family: 'Slabo 27px', serif;
	width: auto;
	letter-spacing: .3rem;
	text-transform: uppercase;
}

.pizzas-zoom {
	background: url(../imagenes/pizzas-zoom-1.jpg);
	background-size: cover;
	background-position: center;
	width: 750px;
	height: 550px;
	margin: 3% 4% 19% 3%;
	flex: 1;
	float: right;
}

.pizzas-especiales {
	background: url(../imagenes/pizzas-especiales.jpg);
	background-size: cover;
	background-position: center;
	width: 750px;
	height: 550px;
	margin: 7% 3% 10% 4%;
	bottom: 10%;
}

.ensaladas-photo {
	background: url(../imagenes/ensaladas.jpg);
	background-size: cover;
	background-position: center;
	width: 750px;
	height: 550px;
	margin: 8% 4% 5% 3%;
	flex: 1;
	position: relative;
	left: 38%;
}

.pastas-photo {
	background: url(../imagenes/pastas.jpg);
	background-size: cover;
	background-position: center;
	width: 750px;
	height: 550px;
	margin: 8% 4% 5% 3%;
	flex: 1;
}

.bebidas-photo {
	background: url(../imagenes/bebidas.jpg);
	background-size: cover;
	background-position: center;
	width: 750px;
	height: 550px;
	margin: 8% 4% 5% 3%;
	flex: 1;
	position: relative;
	left: 40%;
}

.postres-photo {
	background: url(../imagenes/postres.jpg);
	background-size: cover;
	background-position: center;
	width: 750px;
	height: 550px;
	margin: 8% 4% 5% 3%;
	flex: 1;
}

.wrap-right {
	background-image: url(../imagenes/about.jpg);
	background-size: cover;
	background-position: center;
	width: 450px;
	height: 650px;
	flex: 1;
	margin: 7% 3% 7% 4%;
}

.wrapper-left {
	background: url(../imagenes/ingredient-original.jpg);
	background-size: cover;
	background-position: center;
	width: 450px;
	height: 650px;
	flex: 1;
	margin: 7% 4% 7% 3%;
}


/******Home Section Styles*******/
.home {
	height: auto;
}


/**********Menu Pizza Section***********/

.menu {
	color: #F8F8F8;
	background-color: #1C1B19;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.container-menu {
	display: flex;
	width: 100%;
}

.container-pizza, .container-ensaladas, .container-pasta,
.container-bebidas, .container-postres {
	display: flex;
}

.menu h2{
	font-size: 2.9em;
	text-align: center;
	padding-top: 100px;
	letter-spacing: 0.4rem;
}

.menu-item h5{
	font-size: 1.1rem;
	margin-bottom: 0;
	margin-top: 0;
}

span.price {
	float: right;
	font-size: 1rem;
	letter-spacing: 2px;
	margin-right: 45px;
}

span.price05, span.price06 {
	top: 0px;
}

span.price01 {
		margin-top: 0 !important;
}

.float-left {
	flex: 1 45%;
	box-sizing: border-box;
	height: auto;
	border-right: 1px solid #F8F8F8;
	margin-top: -10%;
}

.float-right {
	flex: 2 30%;
	box-sizing: border-box;
	margin-right: 0;
	height: auto;
	margin-top: -10%;
}

.menu-item {
	margin-left: 30px;
	margin-bottom: 70px;
	flex-wrap: wrap;
}

.float-lower > .menu-item {
	margin-left: 30px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.menu-item p{
	margin-bottom: -30px;
}

span.extras {
	font-size: 0.8rem;
	letter-spacing: 0.05rem;
}

.pizza-size {
	font-style: italic;
	font-size: .8rem !important;
}

h5.ingredientes-extra {
		padding-top: 30px;
		font-style: italic;
	}


/***********Pizzas Titulos H3**********+*/

h3.pizzas-primera {
	padding: 40px;
	left: 300px;
	width: 450px;
	font-size: 3.6rem;
	position: relative;
	background-color: #1C1B19;
	letter-spacing: 0.5rem;
	top: 210px;
	white-space: nowrap;
}

h3.pizzas-especiales-titulo {
	padding: 40px;
	width: 650px;
	font-size: 3.6rem;
	position: relative;
	background-color: #1C1B19;
	letter-spacing: 0.5rem;
	margin: 0;
	bottom: 500px;
	left: 550px;
	white-space: nowrap;
}


h3.ensaladas-titulo {
	padding: 40px;
	width: 350px;
	font-size: 3.6rem;
	position: relative;
	background-color: #1C1B19;
	letter-spacing: 0.5rem;
	margin: 0;
	bottom: 430px;
	left: 20%;
}


h3.pastas-titulo {
	padding: 40px;
	width: 350px;
	font-size: 3.6rem;
	position: relative;
	background-color: #1C1B19;
	letter-spacing: 0.5rem;
	margin: 0;
	bottom: 430px;
	left: 660px;
}

h3.bebidas-titulo {
	padding: 40px;
	width: 350px;
	font-size: 3.6rem;
	position: relative;
	background-color: #1C1B19;
	letter-spacing: 0.5rem;
	margin: 0;
	bottom: 420px;
	left: 20%;
}

h3.postres-titulo {
	padding: 40px;
	width: 350px;
	font-size: 3.6rem;
	position: relative;
	background-color: #1C1B19;
	letter-spacing: 0.5rem;
	margin-right: 150px;
	bottom: 450px;
	left: 660px;
}



/*******About Section Styles********/
.about {
	color: #F8F8F8;
	background-color: #1C1B19;
	height: auto;
}

.container {
	display: flex;
}

.wrap-left {
	flex: 1;
	padding: 10% 5% 10% 4%;
	line-height: 1.5rem;
	font-size: 1.2rem;
}

.wrap-left p{
	line-height: 1.9rem;
}


/*******Ingredients Section Styles********/

.ingredients {
	color: #1C1B19;
	background-color: #F8F8F8;
	height: auto;
}

.container1 {
	display: flex;
}

.wrapper-right {
	flex: 1;
	padding: 10% 4% 10% 5%;
	line-height: 1.5rem;
	font-size: 1.2rem;
}

.wrapper-right p{
	line-height: 1.9rem;
}

span.breaknormal {
	display: block;
}

span.pricenormal {
	position: relative;
	bottom: 45px;
}

/*********Contact Section Styles**********/

.contact {
	color: #F8F8F8;
	background-color: #1C1B19;
	height: auto;
}

.container2 {
	display: flex;
}

.map {
	margin-top: 7%;
	flex: 1;
	width: 100%;
	height: 330px;
}

.footer-wrapper {
	display: flex;
	padding: 5%;
}

.pto-banus {
	flex: 1;
	text-align: center;
	margin-right: 3%;
}

.elviria {
	flex: 1;
	text-align: center;
	margin-left: 3%;
}

.elviria a{
	color: #F8F8F8;
	text-decoration: none;
	font-size: 1.1rem;
}

.pto-banus a{
	color: #F8F8F8;
	text-decoration: none;
	font-size: 1.1rem;
}

/*********Footer Styles**********/

footer {
width: 100%;
background: #1C1B19;
float: left;
margin: 0;
border-top: 1px solid #F8F8F8;
}
 
address {
font-size : 16px; 
text-align : center; 
color: #F8F8F8;;
padding: 1% 0;
background-color:#1C1B19;
 
}


/******h1 - h6 Styles******/

h2 {
	margin-top: 0;
	font-size: 2.5em;
}



/***************************************************/
/******************Media Queries*******************/
/*************************************************/


@media only screen and (min-width: 1601px) {
	.pizzas-zoom, .pizzas-especiales, 
	.pastas-photo, .postres-photo {
		background-size: cover;
		background-position: center;
		width: 60%;
		height: 550px;
		margin: 0 auto;
		flex: none;
		float: none;
		margin-bottom: 10%;
		margin-top: 5%;
	}

	.ensaladas-photo, .bebidas-photo {
		background-size: cover;
		background-position: center;
		width: 60%;
		height: 550px;
		margin: 0 auto;
		display: block;
		flex: none;
		float: none;
		left: 0;
		margin-bottom: 10%;
		margin-top: 5%;
	}

	h3.pizzas-primera, h3.pizzas-especiales-titulo,  
	h3.pastas-titulo, h3.postres-titulo,
	h3.ensaladas-titulo, h3.bebidas-titulo {
		padding: 40px;
		left: 0;
		width: 450px;
		font-size: 3.6rem;
		position: relative;
		background-color: #1C1B19;
		letter-spacing: 0.5rem;
		top: -570px !important;
		white-space: nowrap;
		text-align: center;
		display: block;
		margin: 0 auto;
		bottom: 100px;
	}

	h3.pizzas-especiales-titulo {
		width: 650px;
	}

	.float-lower {
		height: 100px;
	}

}


@media only screen and (max-height: 415px) {
	  .Navbar__Items, 
	  .Navbar {
    flex-direction: column;
    height: 100%;
    overflow-y: scroll;
  }

  .Navbar__ToggleShow {
  	height: 240px;
  }
}




@media only screen and (max-width: 1400px) {
	span.break-long {
		display: block;
	}

	span.price-up {
		position: relative;
		top: -45px;
	}

}

@media only screen and (max-width: 1390px) {
    h3 {
 		margin-right: 0;
 		width: 350px;
    }

	.ensaladas-photo {
		left: 35%;
	}

	.bebidas-photo {
		left: 35%;
	}
}

@media only screen and (max-width: 1368px) {
    .wrapper-right > h2{
        width: 452px;
    }
}



@media only screen and (max-width: 1290px) {
	h3.pizzas-especiales-titulo {
		width: 600px;
		left: 520px;
	}

	span.break01 {
		display: block;
	}

	.price01 {
		position: relative;
		top: -45px;
	}
}

@media only screen and (max-width: 1250px) {
	
	.image-logo {
		text-align: center;
		display: block;
		top: 20%;
		width: 450px;
		margin: 0 auto;
		position: relative;
	}

	/*******Menu responsive style********/

	h3.pizzas-especiales-titulo {
		width: 600px;
		left: 520px;
		bottom: 530px;
		font-size: 3.5rem;
		padding: 37px;
	}

	h3.pizzas-primera {
		left: 15%;
	}

	span.price {
		font-size: 0.8rem;
	}

	.menu-item h5 {
		font-size: 1rem;
	}

	.menu-item p {
		font-size: 0.9rem;
	}

	.ensaladas-photo {
		left: 32%;
	}

	.bebidas-photo {
		left: 32%;
	}
}


@media only screen and (max-width: 1150px) {
	span.break02 {
		display: block;
	}

	span.price02 {
		position: relative;
		bottom: 40px;
	}

	.ensaladas-photo {
		left: 27%;
	}

	.bebidas-photo {
		left: 27%;
	}

	h3.bebidas-titulo {
		left: 10%;
	}

	h3.ensaladas-titulo {
		left: 10%;
	}

	h5.ingredientes-extra {
		font-size: 0.8rem;
	}

	span.extras {
		letter-spacing: -0.010rem;
	}
}

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

	h3.pizzas-especiales-titulo {
		width: 500px;
		left: 420px;
		bottom: 530px;
	}


	span.break03 {
		display: block;
	}

	span.price03 {
		position: relative;
		bottom: 35px;

	}

	.ensaladas-photo {
		left: 25%;
	}

	.bebidas-photo {
		left: 25%;
	}
}


@media only screen and (max-width: 1050px) {
	h3.pizzas-especiales-titulo {
		width: 450px;
		left: 400px;
		bottom: 500px;
	}

	span.break03 {
		display: block;
	}

	span.price03 {
		position: relative;
		top: -30px;
	}

	span.price04 {
		bottom: 0px;
	}

	h3.pizzas-primera {
		left: 100px;
	}

	.ensaladas-photo {
		left: 23%;
	}

	.bebidas-photo {
		left: 23%;
	}
}


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

	.ensaladas-photo {
		left: 17%;
	}

	.bebidas-photo {
		left: 17%;
	}

	h3.pizzas-especiales-titulo {
		width: 450px;
		left: 300px;
		bottom: 350px;
	}

	h3.pizzas-primera {
		left: 50px;
	}

}

@media only screen and (max-width: 860px) {
	h3.pizzas-especiales-titulo {
		width: 500px;
		left: 250px;
		bottom: 350px;
	}

	h3.pastas-titulo {
		left: 550px;
	}
}

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

/***********Navbar responsive collapse*************/

  .Navbar__Items,
  .Navbar {
    flex-direction: column;
    line-height: 0.6rem;
  }
  .Navbar__Items {
    display:none;
  }

  .Navbar__ToggleShow {
	display: flex;
	background-color: rgba(0,0,0,0.97);
	margin-top: 99px;
  }

  .Navbar__Link-toggle {
    align-self: flex-end;
    display: initial;
    position: absolute;
    cursor: pointer;
    left: 85%;
    top: 40%;
   }


	/*********About Section*********/

   .wrap-right {
	margin-top: 12%;
	margin-left: 0;
	width: 300px;
	height: 500px;
	}

	.wrap-left {
	flex: 1;
	padding: 12% 2% 5% 3%;
	line-height: 1.4rem;
	font-size: 1.1rem;
	}


	/*********Ingredients Section*********/

	.wrapper-right {
	flex: 1;
	padding: 12% 3% 5% 4%;
	line-height: 1.4rem;
	font-size: 1.1rem;
	}

	.wrapper-left {
	margin-top: 12%;
	margin-right: 2%;
	width: 300px;
	height: 500px;
	}

	.ensaladas-photo {
		left: 16%;
	}

	.bebidas-photo {
		left: 16%;
	}

}


@media only screen and (max-width: 980px) {
	.menu h2{
		margin-bottom: 45px;
	}

	.float-left {
		flex-wrap: wrap;
	}

	.float-right {
		flex-wrap: wrap;
	}

	.float-left {
		flex: 1 43%;
	}

	span.break05, span.break06, span.break04  {
		display: block;
	}

	span.price04 {
		margin-top: -35px;
	}

	span.price05, span.price06  {
		margin-top: -40px;
	}

}

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

	.float-left {
		flex: 1 40%;
		border-right: none;
	}

	.float-righ {
		margin-right: 0;

	}

	.container-menu, .container-pizza, .container-ensaladas,
	.container-pasta, .container-bebidas, .container-postres {
		display: flex;
		flex-direction: column;
	}

	.menu-item-verdura {
		padding-bottom: 10%;
	}

	.menu-item-zoom {
		padding-bottom: 10%;
	}

	.menu-item-mar {
		padding-bottom: 10%;
	}

	.menu-item-pasta {
		padding-bottom: 10%;
	}

	.prosecco950 {
		padding-bottom: 10%;
	}

	.menu-item-mouse {
		padding-bottom: 10%;
	}

	h3.pastas-titulo {
		left: 600px;
	}

	h3.postres-titulo {
		left: 550px;
	}

	h3.pizzas-especiales-titulo {
		width: 500px;
		left: 270px;
		bottom: 350px;
	}

	h3.pizzas-primera {
		left: 30px;
	}

	span.price.price01 {
		top: -35px;
	}

	.ensaladas-photo {
		left: 13%;
	}

	.bebidas-photo {
		left: 13%;
	}
}

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

	.Navbar__Link-toggle {
    left: 83%;
   }

    .language {
	left: 87%;
	}

	h2 {
		padding-top: 10px;
		width: 100% !important;
	}

	.wrapper-right {
	flex: 1;
	width: 413px;
	line-height: 1.4rem;
	font-size: 1.1rem;
	}

	.ensaladas-photo {
		left: 10%;
	}

	.bebidas-photo {
		left: 10%;
	}

	.wrapper-right {
		line-height: 2rem;
	}
}

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

	.ensaladas-photo {
		left: 8%;
	}

	.bebidas-photo {
		left: 8%;
	}

}

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

	h3.postres-titulo {
		left: 520px;
	}

	h3.pizzas-especiales-titulo {
		width: 550px;
		left: 23%;
		bottom: 350px;
	}

	h3.pizzas-primera {
		left: 10px;
	}

	.ensaladas-photo {
		left: 6%;
	}

	.bebidas-photo {
		left: 6%;
	}


}

@media only screen and (max-width: 800px) {
	h3.pizzas-primera {
		left: 0;
	}

	h3.pizzas-especiales-titulo {
		width: 550px;
		left: 22%;
		bottom: 350px;
	}

	h3.pastas-titulo {
		left: 510px;
	}

	h3.ensaladas-titulo {
		left: 0;
	}

	h3.bebidas-titulo {
		left: 0;
	}

	h3.postres-titulo {
		left: 480px;
	}

	.pizzas-zoom {
		background: url(../imagenes/pizzas-zoom-1.jpg);
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 550px;
		margin: 3% 0 19% 0;
		flex: 1;
		float: right;
	}

	.pizzas-especiales {
		background: url(../imagenes/pizzas-especiales.jpg);
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 550px;
		margin: 7% 0 10% 0;
		bottom: 10%;
	}

	.ensaladas-photo {
		background: url(../imagenes/ensaladas.jpg);
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 550px;
		margin: 8% 0 5% 0;
		left: 0;
		flex: 1;
	}

	.pastas-photo {
		background: url(../imagenes/pastas.jpg);
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 550px;
		margin: 8% 0 5% 0;
		flex: 1;
	}

	.bebidas-photo {
		background: url(../imagenes/bebidas.jpg);
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 550px;
		margin: 8% 0 5% 0;
		flex: 1;
		position: relative;
		left: 0;
	}

	.postres-photo {
		background: url(../imagenes/postres.jpg);
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 550px;
		margin: 8% 0 5% 0;
		flex: 1;
	}

}

@media only screen and (max-width: 770px) {
	h3.pizzas-primera, h3.pizzas-especiales-titulo, h3.pastas-titulo,
	h3.ensaladas-titulo, h3.bebidas-titulo, h3.postres-titulo {
		font-size: 1.3rem;
		text-transform: uppercase;
	}

	h3.pizzas-primera {
		width: 200px;
		top: 250px;
	}

	h3.pizzas-especiales-titulo {
		width: 330px;
		margin: 0 auto;
		margin-right: 140px;
		margin-bottom: 10px;
		bottom: 395px;
	}

	h3.ensaladas-titulo {
		width: 170px;
		margin: auto 0;
		top: -350px;
	}

	h3.pastas-titulo {
		width: 150px;
		padding-right: 0;
		left: 75%;
		top: -370px;
	}

	h3.bebidas-titulo {
		width: 150px;
		top: -350px;
	}

	h3.postres-titulo {
		width: 150px;
		left: 73%;
		top: -380px;
	}
}

@media only screen and (max-width: 760px) {
	.menu-item p {
		width: 250px;
	}
}


@media only screen and (max-width: 750px) {
	.Navbar__Link-toggle {
    left: 79%;
   }

    .language {
	left: 83%;
	}

	h2 {
		padding-top: 10px;
		width: 100% !important;
	}

	.container {
		display: flex;
		flex-direction: column;
	}

	.wrap-left {
		order: 2;
		padding-top: 25px;
	}

	.wrap-right {
		order: 1;
		width: 100%;
	}

	.container1 {
		display: flex;
		flex-direction: column;
	}

	.wrapper-left {
		order: 1;
		width: 100%;
		margin: 89px 0 10px 0;
	}

	.wrapper-right {
		order: 2;
		width: 90%;
	}	

}

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

	.Navbar__Link-toggle {
    	left: 77%;
   }

   	h3.pastas-titulo {
		left: 73%;
	}

	h3.postres-titulo {
		left: 67%;
	}

}

@media only screen and (max-width: 630px) {
	h3.pastas-titulo {
		left: 70%;
	}

	h3.pizzas-especiales-titulo {
		width: 330px;
		margin: 0 auto;
		margin-right: 100px;
		margin-bottom: 10px;
		bottom: 395px;
	}


	span.price04 {
		position: relative;
	}


	span.price500 {
		position: relative;
		margin-bottom: -4px;
	}

	span.price600 {
		position: relative;
		bottom: -38px;
		margin-bottom: 37px;
		margin-left: 0;
	}

	span.price700 {
		position: relative;
		margin-top: 35px;
		margin-bottom: -35px;
	}

	span.gamberini {
	 display: block;
	}

	span.price468 {
		position: relative;
		bottom: 45px;
	}

}

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

	h3.pastas-titulo {
		left: 67%;
	}

	h3.postres-titulo {
		left: 63%;
	}

}

@media only screen and (max-width: 530px) {
	.Navbar__Link-toggle {
    left: 75%;
   }

    .language {
	left: 81%;
	}

}

@media only screen and (max-width: 500px) {
	.container-menu h5, .container-pizza h5 {
		width: 282px;
		text-align: left;
	}

	h3.pastas-titulo {
		left: 62%;
	}

	h3.postres-titulo {
		left: 54%;
	}

	span.price04 {
		position: relative;
		top: 32px;
	}

	span.price500 {
		position: relative;
		top: -2px;
	}

	span.price700 {
		position: relative;
		padding-top: 35px;
	}

	span.price600 {
		position: relative;
		padding-top: 38px;
		margin-bottom: 5px;
	}
	}


@media only screen and (max-width: 480px) {
	.Navbar__Link-toggle {
    	left: 72%;
   }

}

@media only screen and (max-width: 460px) {
	.wrapper-right h2 {
		line-height: 2rem;
	}
}

@media only screen and (max-width: 450px) {	
	h1.elviria-header {
		font-size: 4rem;
	}	

	.Navbar__Link-toggle {
    	left: 65%;
   }

    .language {
		left: 75%;
	}

	.image-logo {
		width: 300px;
	}

	.image-logo img{
		width: 300px;
		height: 300px;
	}

	h3.pizzas-especiales-titulo {
		left: 15%;
	}

	h3.pastas-titulo {
		left: 59%;
	}

	h3.postres-titulo {
		left: 52%;
	}

}

@media only screen and (max-width: 425px) {
	nav {
		border-bottom: 1px solid black;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
		background: #1C1B19;
		height: 90px;
		width: 100%;
		position: fixed;
		z-index: 1 !important;
	}

	.crossfade > figure {
		height: 640px;
	}

	.home {
		height: 640px;
	}

	.Navbar__ToggleShow {
	    display: flex;
	    background-color: rgba(0,0,0,0.97);
	    margin-top: 90px;
  	}

	.invert img{
		top: 12px;
		left: 10%; 
		width: 70px;
		height: 70px;
	}


	.image-logo img {
		width: 300px !important;
		height: 300px !important;
	}


	.Navbar__Link-toggle {
    	left: 63%;
   }

    .language {
		left: 75%;
		top: 35px;
	}

	.uk, .spain {
		margin: 5px;
	}
	.background-image {
		background-position: center;
		background-size: cover;
		height: 670px;
		width: 100%;
		margin-bottom: 80px;
	}

}

@media only screen and (max-width: 420px) {
	h3.pizzas-especiales-titulo {
		left: 13%;
	}
}

@media only screen and (max-width: 400px) {
	.invert img{
		margin-top: 0px;
		left: 10%; 
		width: 70px;
		height: 70px;
	}

	footer {
		width: 100%;
		background: #1C1B19;
		float: left;
		margin: 0;
		}
		 
	address {
		font-size : 14px; 
		text-align : center; 
		color: #F8F8F8;;
		padding: 1% 0;
		background-color:#1C1B19;
		 
	}

	.container-pasta .price{
		position: relative;
		width: 320px;
		margin-bottom: 20px;
		margin-top: 10px;
		float: left;
	}

	span.price468 {
		position: relative;
		bottom: 35px;
		padding-top: 35px;
	}

	.container-postres .price {
		width: 350px;
		float: left;
		margin-top: -25px;
	}

	.container-postres {
		line-height: 3rem;
	}

	.container-bebidas .price{
		position: relative;
		width: 320px;
		margin-bottom: 20px;
		margin-top: 10px;
		float: left;
	}

	span.price-cerveza {
		top: 0px;
	}

	span.price-san-miguel {
		top: 0px;
	}

	h3.pastas-titulo {
		left: 220px;
	}

	h3.postres-titulo {
		left: 200px;
	}

	h3.pizzas-especiales-titulo {
		left: 5%;
	}
}

@media only screen and (max-width: 390px) {
	.break4{
		display: block;
	}

	h3.pastas-titulo {
		left: 54%;
	}

	h3.postres-titulo {
		left: 47%;
	}

}

@media only screen and (max-width: 380px) {
	.invert img{
		margin-top: 0;
		left: 10%; 
		width: 70px;
		height: 70px;
	}

	.crossfade > figure {
		height: 600px;
	}

	.home {
		height: 600px;
	}

	.Navbar__Link-toggle {
    	left: 63%;
   }

    .language {
		left: 73%;
	}

	.image-logo img {
		width: 250px !important;
		height: 250px !important;
	}

	.elviria-header {
		top: 160px;
	}

}

@media only screen and (max-width: 370px) {
	h3.pizzas-especiales-titulo {
		left: 0;
		flex-wrap: wrap;
		letter-spacing: 0.3rem;
	}
}

@media only screen and (max-width: 360px) {
	.invert img{
		margin-top: 0;
		left: 10%; 
		width: 70px;
		height: 70px;
	}

}

@media only screen and (max-width: 350px) {
	.invert img{
		margin-top: 0;
		left: 10%; 
		width: 70px;
		height: 70px;
	}

	footer {
		width: 100%;
		background: #1C1B19;
		float: left;
		margin: 0;
		}
		 
	address {
		font-size : 12px; 
		text-align : center; 
		color: #F8F8F8;;
		padding: 1% 0;
		background-color:#1C1B19;
		 
	}

}

@media only screen and (max-width: 340px) {
	.invert img{
		margin-top: 0;
		left: 10%; 
		width: 70px;
		height: 70px;
	}

	h3.pastas-titulo {
		left: 46%;
	}

	h3.postres-titulo {
		left: 33%;
	}

}

@media only screen and (max-width: 320px) {
	.crossfade > figure {
		height: 550px;
	}

	.home {
		height: 550px;
	}
	.image-logo img {
		width: 230px !important;
		height: 230px !important;
	}

	.background-image {
		background-position: center;
		background-size: cover;
		height: 550px;
		width: 100%;
		margin-bottom: 100px;
	}

	.wrap-left h2 {
		line-height: 2.5rem;
	}

}

@media only screen and (max-width: 310px) {
	.image-logo {
		text-align: center;
		display: block;
		top: 20%;
		width: 250px;
		margin: 0 auto;
		position: relative;
	}

	.background-image {
		background-position: center;
		background-size: cover;
		height: 650px;
		width: 100%;
		margin-bottom: 100px;
	}

	.Navbar__Link-toggle {
    	left: 60%;
   }

    .language {
		left: 70%;
	}	

	.invert img{
		margin-top: 3px;
		left: 10%; 
		width: 60px;
		height: 60px;
	}

}


/**********Contact section fixed***************/

@media only screen and (max-width: 820px) {
	.break1 {
		display: block;
	}	

}

@media only screen and (max-width: 740px) {
	.break2 {
		display: block
	}
}

@media only screen and (max-width: 562px) {
	.break3 {
		display: block;
	}	

}

@media only screen and (max-width: 495px) {
	.elviria h2 {
		padding-bottom: 25px;
	}

	.elviria {
		padding-top: 25px;
	}

}

/*******************************************/



/*******************Cross Hambuerger menu**********************/
	
.wrapper{
	position: absolute;
	overflow: hidden;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%)
}

.btn{
	background-color: #1C1B19;
	width: 100px;
	height: 90px;
}

.bar1, .bar2, .bar3{
	position: absolute;
  	top: 47px;
  	right: 25px;
	display: block;
	font-size: 10px;
	padding: 0;
	-webkit-appearance: none;
	border: .3px solid;
	color: #fff;
	width: 40px;
	height: 5px;
	border-radius: 7px;
	background-color: white;
	-webkit-transition: all 0.2s ease-in;
	-webkit-transform: rotate(0deg);
}

.bar2{
	top:55px;
}

.bar3{
	top:63px;
}

.bar1.active{
	top: 58px;	
	-webkit-transform: rotate(-135deg);
	-webkit-transition: all 0.2s ease-in;
}
.bar2.active{
	left:100px;
  	background-color: transparent;
  	-webkit-transition: all 0.0s ease-in;
  
}
.bar3.active{
	top:58px;
	-webkit-transform: rotate(135deg);
	-webkit-transition: all 0.2s ease-in;
}
	
/******************End of CSS Styles & Media Queries*********************/