/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

/* reset som nollställer alla default värden så att det blir lika i varje webbläsare. */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed,
	figure, figcaption, footer, header, hgroup,
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video, button {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	/* HTML5 display-role reset for older browsers */

	article, aside, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	/*prefix, en del properties är inte standars i alla webbläsare, då får man använda prefix för att sätta dem som standard*/

	html {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	*, *:before, *:after {
		-webkit-box-sizing: inherit;
		-moz-box-sizing: inherit;
		box-sizing: inherit;
	}

/*--------------------------------------------------------------------*/

	/*Länkar*/
	a {
		color: #000000;
	  font-family: 'Hi Melody', cursive;
		font-size: 40px;
		font-weight: 200;
		text-align: center;
		text-decoration: none;
	}

	/*När man hovrar öber länken*/
	a:hover {
		color: #A6AD68;
	}

	/* Rubrik 1*/
	h1 {
	  color: #000000;
	  font-family: 'Hi Melody', cursive;
		font-size: 40px;
		font-weight: 200;
		text-align: left;
		text-decoration: none;
	}



	/*Paragraf*/
	p {
		color: #000000;
	  font-family: 'Hi Melody', cursive;
		font-size: 26px;
		font-weight: 200;
		text-align: left;
		line-height: 35px;
	}

	/*Bildstylingen*/
	img {
	  width: 100%;
	}


	table {
	  width: 90%;
	  color: #000000;
	  font-family: 'Hi Melody', cursive;
		font-size: 30px;
		font-weight: 200;
		text-align: center;
		line-height: 35px;
	  margin-bottom: 50px;
	  align-self: center;
	  width: 100%;
	}


	ul {
	  color: #000000;
	  font-family: 'Hi Melody', cursive;
	  font-size: 26px;
	  font-weight: 200;
	  text-align: left;
	  line-height: 35px;
	}

	/*---------------------------menyer mobile-----------------------------------------*/

	/*Dropdown menu*/

	.menuMobile {
		background-color: #ffffff;
		width: 100%;
		height: 75px;
	}

	/*Burgarmenunloggan/knappen*/
	.burgerMenu {
	  background-color: #ffffff;
	  width: 50px;
	  height: 50px;
		padding: 5px 5px 5px 5px;
	}

	/*Stylingen av dropdown boxen i sig*/
	.dropdownContent {
	  background-color: #ffffff;
	  font-family: 'Hi Melody', cursive;
	  display: none;
	  position: absolute;
		width: 100%;
	  overflow: auto;
	  z-index: 1;
	}

	/*Varje item i lisan i dropdown menyn*/
	.dropdownContent a {
	  color: #000000;
	  padding: 20px 10px;
	  border: 1px solid #000000;
	  font-size: 40px;
	  text-decoration: none;
	  display: block;
	}

	/*När menyval hovras över syns denna färg*/
	.dropdown a:hover {
	  background-color: #F1C929;
	  color: #ffffff;
	}

	/*Denna funktion gör så att dropdownmenyn visas*/
	.show {
		display:block;
	}

	/*När menyval är iklickat syns denna färg*/
	.active {
		color: #A6AD68 !important;
	}
	  /*Loggan*/
	.logoMobile {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
		margin: 0 auto;
		padding-top: 0px;
	  width: 200px;
	  height: 100px;
	}

	h2 {
		display: flex;
		justify-content: center;
		font-size: 25px;
		font-family: 'Fredoka One', cursive;
	}

	.menu a {
	  font-size: 50px;
	  margin-top: 50px;
	  margin-right: 40px;
	  margin-left: 40px;
	}





/*-------------------------------home mobile-------------------------------------*/


	.pageContent {
	  display: flex;
	  flex-direction: column;
		align-items: center;
	}

	.cafePicture {
	  align-self: center;
	  width: 80%;
	}

	.containerText {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
		width: 100%;
	}

	.cafeText {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	}

	.textHomeP {
	  font-size: 20px;
	  line-height: 30px;
	  text-align: center;
	  margin-top: 20px;
	  padding-bottom: 50px;
	  width: 80%;
	}

	.menuContactMobile {
	  display: flex;
	  flex-direction: column;
	  width: 80%;
		margin-bottom: 50px;
	  }

  .contactMobileFirst {
    display: flex;
    flex-direction: row;
		justify-content: center;
  }

  .contactMobileSecond {
    display: flex;
    flex-direction: row;
		justify-content: center;
		margin-top: 10%;
  }

  .iphone {
    height: 100px;
		width: 95px;
    margin: 0px 20px 0px 20px;
  }

  .mail {
    height: 100px;
		width: 150px;
    margin: 0px 20px 0px 20px;
  }

  .facebook {
    height: 100px;
		width: 150px;
    margin: 0px 20px 0px 20px;

  }

  .instagram {
    height: 100px;
		width: 160px;
    margin: 0px 20px 0px 20px;
  }

  .containerAddressOpen {
    display: flex;
    flex-direction: column;
    align-items: center;
  }


	.containerOpen {
  	display: flex;
  	flex-direction: row;
  	justify-content: space-between;
  	margin-top: 40px;
  	width: 100%;
	}

	.open {
  	width: 70px;
  	margin-bottom: 12%;
  	margin-left: 20%;
	}

	.openTextHeader {
  	font-size: 60px;
  	text-decoration: none;
  	margin-bottom: 20%;
	}

	.openText {
  	font-size: 30px;
  	line-height: 35px;
	}

	.containerAddress {
  	display: flex;
  	flex-direction: row;
  	width: 100%;
  	margin-top: 50px;
	}

	.containerAddressText {
  	display: flex;
  	flex-direction: column;
  	width: 100%;
	}

  .addressLink {
		padding-top: 40px;
		width: 80px;
		margin-left: -40px;
  }

  .addressTextHeader {
    font-size: 60px;
    text-decoration: none;
    margin-bottom: 5%;
  }

  .addressTextP {
    font-size: 30px;
    font-weight: 200;
    text-align: left;
    text-decoration: none;
  }

	.fixLetter {
		font-family: 'Caveat', cursive;
		display: inline-block;
		transform: translate(-3px, 1px);
	}

  .containerTotoro {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }


  .totoroHome {
    margin-bottom: 20px;
    margin-top: 20px;
    width: 90%;
  }

  .totoroPicture {
    height: 400px;
		display: none;
  }

	.summerMenu {
		margin-top: 50px;
	}

  .informationText {
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px;

  }

	.containerCoffie {
		display: flex;
		flex-direction: column;
		margin-bottom: 50px;
		margin-top: 50px;
	}
	.coffiePicture {
		width: 80%;
		margin-left: 20px;
		margin-right: 20px;
	}

	.textCoffie {
		text-align: center;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 50px;
	}

  .containerVote {
    margin-bottom: 50px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .voteText {
    margin-bottom: 20px;
		text-align: center;
  }

  .containerFind {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;

  }

  .pictureInformation {
    padding-top: 20px;
  }

  .instagramPicture {
    padding-top: 20px;
  }

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

  .instagramText{
    text-align: center;
  }

  .containerInstagram {
    margin-top: 50px;
  }


  .votePictureCafe {
    margin-bottom: 50px;
  }

  .footer {
    background-color: #ffffff;
    height: 40px;
    width: 100%;
  }

	.linnDesign {
		width: 150px;
		margin-top: 20px;
		margin-left: 5px;
	}

    /*--------------------------------------------------------------------*/

  .matchaHeader {
    margin-top: 50px;
    text-align: center;
    font-size: 50px;
  }

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


	.matchaTextP {
		font-size: 20px;
		line-height: 30px;
  	align-self: center;
  	padding-top: 30px;
  	text-align: center;
		padding-bottom: 50px;
  	width: 90%;
	}


	.totoroMatcha {
  	align-self: center;
		width: 80%;
		margin-bottom: 30px;

	}

	.menuFacebookInstagram {
		display: flex;
		flex-direction: row;
		margin: 0 auto;
		margin-bottom: 0px;
		width: 80%;

	}

	.matchaTextTastings {
		margin: 0 auto;
		width: 90%;
		margin-left: 20px;
		margin-right: 20px;
		font-size: 30px;
		text-align: center;
		margin-bottom: 50px;
	}

	.fika{
  	margin-top: 0px;
		margin-bottom: 20px;
	}
/*--------------------------------menu mobile------------------------------------*/

	.menuText li {
		font-size: 25px;
		line-height: 27px;

	}
	.menuText h1 {
		font-size: 35px;
	}
  .pageContent {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding-top: 30px;
  }

  .menuTotoroMobile {
    margin-top: 50px;
    align-self: center;
    width: 300px;
    height: 1000px;
    margin-bottom: 0px;
		max-height: 1980px;
  }

  .menuText {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -1000px;
  }

  .menuFood {
    text-align: center;
  }

  .menuDrinks {
    text-align: center;
		margin-top: 20px;
  }

  .menuCakes {
    text-align: center;
  }

  .headerMenu {
    padding-bottom: 5px;
    font-size: 20px;
    text-align: center;
    margin-top: 20px;
  }

  .menuTextP {
    font-size: 16px;
    line-height: 16px;
  }

  .fika {
    margin-top: 100px;
  }

/*------------------------------Cakeorder--------------------------------------*/


	.contentCakeOrder {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 30px;
	}

	.contactMobileFirstCake {
		display: flex;
		flex-direction: row;
		justify-content: center;
		justify-content: space-between;
		height: 100px;
		margin-bottom: 50px;
	}

	.mailCake {
		height: 100%;
		width: 40%;

	}

	.iphoneCake {
		margin-left: 30px;
		width: 90px;

	}

	.containerTextCakeOrder {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.cakeOrderBits {
		text-align: center;
		font-size: 30px;
		margin-bottom: 50px;
	}

	.cakeOrderBitsPhone {
		display: none;
	}

	.textCakeOrder {
		display: flex;
		flex-direction: column;
		text-align: center;
	}

	.textCakeOrderP {
  	font-size: 20px;
  	line-height: 30px;
		text-align: center;
  	padding: 20px 20px 20px 30px;
  	width: 100%;
		max-width: 400px;
		align-self: center;
	}

	.contactMobileFirstCake {
		display: flex;
    flex-direction: row;
		justify-content: center;
		align-items: flex-start;
		margin: 0 auto;
		max-width: 400px;

	}

	.mailCake {
		padding-right: 3%;
		padding-left: 15%;
		width: 50%;
	}

	.iphoneCake {
		padding-right: 15%;
		padding-left: 3%;
		width: 40%;

	}

	.totoroCakeMobile {
		display:none;
		align-self: center;
  	width: 80%;
		margin-top: 100px;
	}

	.headerCakeOrder {
  	text-align: center;
	}

	.headerPartCakeOrder {
		text-align: left;
	}

	.partCakeOrder {
  	display: flex;
  	flex-direction: column;
  	align-items: center;
	  width: 90%;
	  margin-bottom: 30px;
		margin-top: 0px;
	  }

.contentCakeOrder {
	margin-top: 50px;
}
		.headerPartCakeOrder {
		text-align: left;
		font-size: 25px;
		margin-bottom: 10px;
		}

		.textPartCakeOrder {
			margin-right: auto;
		}

		.textPartCakeOrderP{
		text-align: left;
		font-size: 17px;
		line-height: 20px;
		margin-bottom: 20px;
		}

		.pictureCakeOrder {
		  display: flex;
		  width: 100%;
		}



/*------------------------------Borttagna--------------------------------------*/


/*Borttagna klasser på mobilversionen*/


	/*Borttagen Desktop menu*/
	.menu {
		display: none;
	}

	/*Borttagen Stor profilbild*/
	.logoDesktop {
		display: none;
	}

  .textLogoDesktop {
		display: none;
	}

  h3 {
		display: none;
	}


  .menuContactDesktop {
    display: none;
  }

  .menuTotoroDesktop {
    display: none;
 }

 .menuContactDesktopCake {
	 display: none;
 }

 .totoroCakeDesktop {
	 display: none;
 }



 /*--------------------------------------------------------------------*/


	/*Desktop*/
 	@media (min-width: 700px) {

	.contactMobileFirst {
		margin-bottom: 50px;
	}

	.openText{
		font-size: 35px;
	}

	.containerAddress {
		margin-bottom: 100px;
	}

	.containerTotoro {
		margin-bottom: 100px;
	}

	.menuText {
		margin-top: -700px;
		margin-bottom: 50px;
	}

	.headerMenu {
		font-size: 45px;
		margin-bottom: 10px;
	}

	.matchaTextP {
		font-size: 30px;
		line-height: 35px;
	}

	.textCakeOrderP {
		font-size: 30px;
		line-height: 35px;
	}
	.menuTextP {
		font-size: 30px;
		line-height: 40px;
	}

	.menuText li {
		font-size: 50px;
		line-height: 55px;

	}
	.menuText h1 {
		font-size: 80px;
		line-height: 85px;
	}

	.menuFood {
		margin-bottom: 30px;
	}

	.menuCakes {
		margin-bottom: 30px;
	}

	.menuDrinks {
		margin-bottom: 30px;
		margin-top: 60px;
	}


	.containerOpen {
		width: 300px;
	}

	.menuTotoroMobile {
		width: 670px;
	}

	.contactMobileFirst{
		margin-bottom: 30px;
		height: 200px;
	}

	.menuFacebookInstagram {
		width: 100%;
	}



		.menuFacebookInstagram {
			justify-content: center;
			margin-left: -20px;
		}

		.matchaTextTastings {
			font-size: 35px;
		}

	.menuContactMobile {
		margin-bottom: 100px;
		height: 300px;

	}

	.totoroCakeMobile {
		height: 400px;
		margin-top: 100px;
	}

	.partCakeOrder {
	  flex-direction: row;
	  justify-content: space-between;
	  width: 90%;
	 	margin-bottom: 50px;
	 	margin-top: 50px;
	}

	.headerPartCakeOrder {
	  font-size: 35px;

	}

	.textPartCakeOrderP{
		 font-size: 27px;
		 line-height: 30px;
	}

	.pictureCakeOrder {
		 width: 55%;
	}

	.textPartCakeOrder {
	  width: 40%;
	}


	/*index*/


			.logoDesktop {
				margin-top: 200px;
			}

		  .pageContent {
		    max-width: 900px;
		  }

		  .containerText {
		    display: flex;
		    flex-wrap: wrap;
		    flex-direction: row;
				margin-bottom: 0px;
				margin-left: 25px;
		  }

			.cafeText {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				max-width: 500px;
			}

		  .cafePicture {
		    width: 100%;
		  }

		  .textHomeP {
		    text-align: left;
		    font-size: 25px;
		    line-height: 35px;
		    width: 100%;
				margin-left: 40px;
				margin-top: 50px;
				padding-right: 60px;
		  }

		  .menuContactDesktop{
		    display: flex;
		    flex-direction: column;
		    align-self: center;
				margin-top: 50px;
		  }


	    .iphone {
	      width: 150px;
	      height: 150px;
	      margin-bottom: 30px;
				padding:0px 20px 0px 20px;
	    }

	    .mail {
	      width: 150px;
	      height: 150px;
				padding:0px 20px 0px 20px;
	    }

	    .facebook {
	      width: 150px;
	      height: 160px;
				height: 150px;
				padding:0px 20px 0px 20px;
	    }

	    .instagram {
	      width: 150px;
	      height: 150px;
				padding:0px 20px 0px 20px;
	    }

	    .containerFind {
	      display: flex;
	      flex-direction: column;
				width: 90%;
				margin: 0 auto;
	    }


	    .containerAddressOpen {
	      display: flex;
	      flex-direction: column;
	      align-items: flex-start;
	      width: 50%;
				margin-left: 25px;
	    }

	    .containerOpen {
	      width: 70%;
	    }

	    .openText {
	      font-size: 30px;
				line-height: 30px;
				margin-bottom: 5px;
	    }

			.containerAddress {
				margin-top: 20px;
				margin-left: 0px;
			}

			.address {
				height: 50px;
				width: 50px;
				margin-left: -150px;
			}

	    .addressTextP {
	      font-size: 35px;
	      line-height: 35px;
				width: 250px;
	    }

			.addressLink {
						margin-left: -100px;
			}

	    .containerTotoro {
	      margin-top: 0;
	      width: 50%;
	    }

	    .totoroPicture {

	      width: 500px;
				margin-left: -50px;
				margin-top: 190px;
	    }

	    .informationText {
	      font-size: 29px;
	      text-align: center;
				margin-bottom: 26px;
				margin-top: 10px;
	    }

	    .containerMedia {
	      display: flex;
	      flex-direction: row;
	      justify-content: space-between;
				width: 90%;
				margin: 0 auto;

	    }

	    .pictureInformation {
	      padding-top: 30px;
	    }



	    .containerInformation {
	      width: 52%;
	    }

	    .instagramText{
	      text-align: center;
	      font-size: 40px;
	    }

	    .containerInstagram {
	      width: 45%;
	      margin-top: 0px;
	    }

			.summerMenu {

				margin-top: 0px;
				width: 85%;
				margin: 0 auto;
				margin-bottom: 100px;
			}

			.containerCoffie {
				display: flex;
				flex-direction: row-reverse;
				margin-bottom: 50px;
				margin-top: 0px;
			}

			.containerCoffie {
				width: 90%;
				margin: 0 auto;
				margin-bottom: 50px;
			}

			.coffiePicture {
				width: 300px;
				margin-left: 20px;
				margin-right: 0px;
			}

			.textCoffie {
				width: 350px;
				text-align: left;
				margin-bottom: 50px;
				margin-top: 0px;
				margin-left: 50px;
				font-size: 14px;
				line-height: 25px;
			}

	    .containerWhiteGuide {
	      display: flex;
	      flex-direction: row;
	      justify-content: space-between;
				width: 90%;
				justify-content: center;
				margin: 0 auto;


	    }

	    .containerVote {
	      display: flex;
	      flex-direction: column;
	      align-items: center;
	      width: 45%;
				margin: 0 auto;
	    }

	    .votePictureCafe {
	      width: 48%;
	    }

	    .voteText {
	      margin-left: 0px;
				text-align: left;
	    }


			.menuContactMobile {
				display: none;
			}

			.iphone {
				display: none;
			}


}

  /*--------------------------------------------------------------------*/

  /*Desktop*/
  @media (min-width: 900px) {

    p {
      text-align: left;

    }

  	a {
  	}



    table {
      font-size: 40px;
    }

  	/*Meny*/
  	.menu {
  		display: flex;
  		flex-direction: row;
  		justify-content: center;
  		align-items: center;
  		margin-top: 20px;
  		width: 100%;
  		background-color: #ffffff;
  		width: 100%;
  		height: 150px;
  	}

  	/*Loggan*/
  	.logoDesktop {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: 0 auto;
      width: 300px;
      height: 200px;
  	}

		.menuTotoroMobile {
			width: 690px;
		}
    h3 {
      display: flex;
      justify-content: center;
      font-size: 30px;
      font-family: 'Fredoka One', cursive;
    }

  /*--------------------------------------------------------------------*/


		.logoDesktop {
			margin-top: 100px;
		}

	  .pageContent {
	    max-width: 900px;
	  }

	  .containerText {
	    display: flex;
	    flex-wrap: wrap;
	    flex-direction: row;
			margin-left: 0px;
			margin-bottom: 100px;
	  }

		.cafeText {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			max-width: 700px;
			margin-left: 0px;
		}

	  .cafePicture {
	    width: 95%;
	  }

	  .textHomeP {
	    text-align: left;
	    font-size: 30px;
	    line-height: 40px;
	    width: 100%;
			margin-left: 40px;
			margin-top: 50px;
			padding-right: 60px;
	  }

	  .menuContactDesktop{
	    display: flex;
	    flex-direction: column;
	    align-self: center;
			margin-top: 50px;
	  }


    .iphone {
      width: 150px;
      height: 150px;
      margin-bottom: 30px;
			padding:0px 20px 0px 20px;
    }

    .mail {
      width: 150px;
      height: 150px;
			padding:0px 20px 0px 20px;
    }

    .facebook {
      width: 150px;
      height: 160px;
			height: 150px;
			padding:0px 20px 0px 20px;
    }

    .instagram {
      width: 150px;
      height: 150px;
			padding:0px 20px 0px 20px;
    }

    .containerFind {
      display: flex;
      flex-direction: row;
			margin-left: 40px;
			margin-top: -80px;
			width: 100%;
    }


    .containerAddressOpen {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 50%;
			margin-left: 0px;
    }

    .containerOpen {
      width: 70%;
    }

    .openText {
      font-size: 40px;
			margin-bottom: 5px;
    }

		.containerAddress {
			margin-top: 20px;
		}

		.address {
			height: 50px;
			width: 50px;
			margin-left: -150px;
		}

		.addressLink {
			margin-left: -220px;
		}

    .addressTextP {
      font-size: 35px;
      line-height: 40px;
			width: 250px;
    }

    .containerTotoro {
      margin-top: 0;
      width: 50%;
    }

    .totoroPicture {
			display: block;
			height: 580px;
      width: 100%;
			margin-left: -45px;
			margin-top: 50px;
    }

    .informationText {
      font-size: 37px;
      text-align: center;
			margin-bottom: 22px;
			margin-top: 10px;
    }

    .containerMedia {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
			width: 100%;
    }

    .pictureInformation {
      padding-top: 30px;
    }



    .containerInformation {
      width: 52%;
    }


    .containerInstagram {
      width: 45%;
      margin-top: 0px;
    }

		.coffiePicture {
			width: 450px;
		}

		.summerMenu {
			width: 95%;
		}
		.containerCoffie {
			width: 100%;
		}
		.textCoffie {
			width: 400px;
			margin-bottom: 50px;
			font-size: 20px;
			line-height: 30px;
		}

    .containerWhiteGuide {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
			width: 100%;
    }

    .containerVote {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 50%;
			margin: 0 auto;
    }

    .votePictureCafe {
      width: 46%;
    }

    .voteText {
      margin-left: 0px;
    }

		.linnDesignDesktop {

		display: block;
		width: 100px;
		margin-bottom: 20px;
		margin-left: 20px;

		}

		.endPage {
			display: flex;
			height: 200px;
			align-items: flex-end;
		}

		.footer {
			background-color: #ffffff;
			height: 50px;
			width: 100%;
    	margin-top: 100px;

		}

		.linnDesign {
			width: 200px;
			margin-top: 00px;
			margin-left: 20px;
		}


  /*--------------------------------------------------------------------*/


		.menuText li {
			font-size: 35px;
			line-height: 40px;

		}
		.menuText h1 {
			font-size: 47px;
			line-height: 50px;
		}

		.menuText {
      margin-top: -690px;
      display: flex;
      margin-left: auto;
      margin-right: auto;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
      width: 70%;
      height: 500px;
    }

     .menuTotoroDesktop {
       margin-top: -50px;
       display: flex;
       height: 1000px;
			 width: 100%;
     }

     .headerMenu {
       padding-bottom: 10px;
       font-size: 40px;
     }

     .menuTextP {
       font-size: 30px;
       line-height: 35px;
     }

     .menuFood {
       width: 35%;
			 margin-top: -115px;
     }

     .menuDrinks {
       width: 25%;
			 margin-top: 20px;
     }

     .menuCakes {
       width: 35%;
			 margin-top: -50px;
     }

     .fika {
       margin-top: 100px;

     }

  /*--------------------------------------------------------------------*/

	  .matchaHeader {
	    text-align: left;
	  }

	  .matchaTextP {
	    text-align: left;
	    font-size: 30px;
	    line-height: 40px;
	    width: 100%;
			margin-bottom: 50px;
	  }


	  .matchaText {
	    width: 100%;
	  }
	  .totoroMatcha {
	    align-self: center;
	    height: 550px;
	    width: 80%;
			margin-bottom: 150px;
	  }

    /*--------------------------------------------------------------------*/


		.headerCakeOrder {
		  margin-bottom: 0px;
		  font-size: 60px;
		  text-align: left;
		}

		.textCakeOrderP {
		  width: 100%;
			max-width: none;
			padding: 20px 0px 20px 0px;
		}

		.textCakeOrderP {
		  text-align: left;
		  font-size: 30px;
		  line-height: 40px;
		}

	  .totoroCakeDesktop {
			display: flex;
			margin-top: 200px;
			width: 400px;
			margin-left: -110px;
	   }

		.partCakeOrder {
		  flex-direction: row;
		  justify-content: space-between;
		  width: 100%;
		  margin-bottom: 50px;
		  margin-top: 50px;
		}

		.cakeOrderBits {
			font-size: 40px;
		}

		.cakeOrderBitsPhone {
			display: block;
			text-align: center;
			font-size: 40px;
			margin-bottom: 50px;
		}

		.textCakeOrder {
		  width: 60%;
		}

		.headerPartCakeOrder {
		  font-size: 45px;

		}

		.contentCakeOrder{
			width: 79%;
			margin-top: 0px;
		}
		.textPartCakeOrderP{
		  font-size: 35px;
		  line-height: 40px;
		}

		.pictureCakeOrder {
		  width: 40%;
		}

		.containerTextCakeOrder {
			display: flex;
			flex-direction: row;
			margin-top: 50px;
		}

		.textPartCakeOrder {
			width: 50%;
			margin-left: 50px;
		}

		.textCakeOrder {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			max-width: 700px;
			margin-left: 100px;
		}

		 .menuContactDesktopCake {
			 display: flex;
			 flex-direction: column;
			 align-self: flex-start;
			 margin-top: 0px;
			 margin-left: -40px;
		 }

		 .iphoneCake {
			 display: none;
		 }

    /*--------------------------------------------------------------------*/



  	/*Borttagna klasser på desktop sidan*/



    .contactMobileFirst {
      display: none;
    }

    .textLogoMobile {
  		display: none;
  	}

  	/*Borttagen burgarmeny*/
  	.menuMobile {
  		display: none;
  	}

  	/*Borttagen burgarmeny, ikonen*/
  	.burgerMenuLogo {
  		display: none;
  	}

  	/*Borttagen burgarmeny, innehåll*/
  	.dropdown-content {
  		display: none;
  	}

  	/*Borttagen profilbild liten*/
  	.logoMobile {
  		display: none;
  	}

    h2 {
      display: none;
    }

    .menuContactMobile {
      display: none;
    }

    .menuTotoroMobile {
      display: none;
      }


		 .contactMobileFirstCake {
			 display: none;
		 }

		.iphone {
			display: none;
		}

		.totoroCakeMobile {
			display: none;
		}
  }