body {
  font-family: 'Indie Flower', cursive;
  background-color: #f5f5f5;
}


#Georgia  {
  font-family:Georgia;
  font-size: 18px;
}

/* Navbar*/
.transparent {
  background: rgba(0, 0,0, 0.4);
}

.navbar-toggler-icon {
  border: 3px solid;
  padding: 20px;
  background-color: #f17525;
}

.nav-link, .navbar-brand {
  color: #f17525 !important;
  font-style: italic;
  font-size: 30px;
}

.navbar a:hover {
  color: #f5f5f5 !important;
}

media (min-width: 576px) {
.navbar-brand {
  display: none;
}
 }

/*Header billede*/
header {
  height: 100vh;
  background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.4) ), url(../images/header.jpg) fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*Banner tekst*/
.banner-center {
  height: 100vh;
  color: #f5f5f5;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Banner linje*/
.banner-underline {
  width: 300px;
  border: 3px solid #f17525;
  margin: 0px auto 20px;
}

.banner-center a {
  font-size: 30px;
  width: 300px;
  margin: 0px auto;
  display: inline-block;
  border: 3px solid #f5f5f5;
  color: #f5f5f5;
  text-decoration: none;
  border-radius: 25px;
}

/*banner hover*/
.banner-center a:hover,
.banner a:focus {
  color: #f17525;
}

/* Margin fra headeren*/
.title {
  margin: 50px;
}

/* SKills linje*/



.text-underline {
  width: 300px;
  border: 3px solid #f17525;
  margin: 0px auto 20px;
}

/*Ikoner margin*/
#skills .fa {
  margin-bottom: 10px;
}

/* Skills knapper*/
#skills a {
  margin: auto; 0px;
  width: 300px;
  margin-bottom: 100px;
  background-color: #f17525;
  color: #f5f5f5;
}

/* Hover farve */
#skills a:hover {
  background-color: #22252a;
  transform: translateY(-3px);
  box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
}

#about {
  background-color: #22252a;
  color: #f5f5f5;
  background-position: left;
  background-repeat: no-repeat;
  z-index: 10;



}

#about .pic {
  height: 600px;
  /* Sætter skrå px border på ! */
  border-bottom: 600px solid transparent;
  border-left: 100px solid #22252a;
  background: url(../images/about.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;


}

#about .box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#about a {
  margin: auto; 0px;
  width: 300px;
  margin-bottom: 100px;
  background-color: #f17525;
  color: #f5f5f5;
  margin-top: 20px;
}

/* Hover farve */
#about a:hover {
  background-color: #f5f5f5;
  color: #22252a;
  transform: translateY(-3px);
  box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
}

/* Kontakt form*/

#contact {
  padding: 40px;
  background-color: #f5f5f5;
}

#contact .form-control {
  border-radius: 0px !important;
  font-size: 24px;
  margin: 20px;
}

#contact button {
  background-color: #f17525;
  font-size: 24px;
  margin: 20px;

}

#contact button:hover {
  background-color: #22252a;
  transform: translateY(3px);
  box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
}

#comments {
  height: 150px;
}

/* Footer */

#footer {
  background: url(../images/coffee.png);
  background-repeat: no-repeat;
  background-position: left;

  padding: 40px;
  color: #f5f5f5;
  background-color: #22252a;

}

#footer .footer-icons {
  padding-top: 30px;
padding-bottom: 30px;
}

#footer .footer-icons a {
  color: #f17525;
  text-decoration: none;
}

#footer .footer-icons a:hover {
  color: #f5f5f5;
}

/* Google map */
.map-responsive {
  display: flex;
  justify-content: center;
  background-color: #f5f5f5;
}

/* Google map */
#google {
  padding: 0;
  padding-right: 0px;
  padding-left: 0px;
  margin-bottom: 50px;

}

#googlerow {
  background-color: #f5f5f5;
}

@media (max-width: 991px) {

#google {
margin-bottom: 0px;
}

 }

.scrollup {
display: flex;
justify-content: flex-end;
text-decoration: none;
color: #f17525;

}

.scrollup:hover {
  color: #f5f5f5;
  text-decoration: none;
}

.menu-coffee {
  background: url(/images/menukort/kaffe.jpg);
  height: 35vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.drinks-menu{
background: url(/images/menukort/te-og-drikke.jpg);
height: 35vh;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.food-menu{
background: url(/images/menukort/muffins.jpg);
height: 35vh;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.title-menu {
  font-family: Prestige Elite Std;
  font-size: 10vh;
  padding-top: 50px;
}

.menu-item {
  font-family: Prestige Elite Std;
  margin: 35px 0;
  font-size: 18px;
  font-size: 2.5vh;
  line-height: 100% !important;
}

.menu-item-price{

  float: right;
  font-weight: bold;
  margin-top: -22px;
  font-size: 2.5vh;
  line-height: 100% !important;
}
.menu-item-name{
  line-height: 100% !important;
  border-bottom: 2px dotted rgb(213, 213, 213);
}

.menu-underline {
  width: 35vh;
  border: 3px solid #f17525;
  margin: 0px auto 20px;
}

.padding-menu-left {
  padding-right: 15%;
}

.padding-menu-right{
  padding-left: 15%;

}