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



/* homepage pic and hovertext */

div.h1 {
    max-width:100%;
    margin: auto;
    border: 12px solid #d7c5b7;
    background-color: #d7c5b7;
    font-family:klinic slab;
    font-size: 1000%;
    color:#DC143C;
    text-align: center;
}



.h2 {font-family:klinic slab;
			   max-width: 100%;
               font-size:600%;
               background-color:#d7c5b7;
               color:#543136;
			   text-align:center;
}


.h3 {font-family:klinic slab;
               font-size:200%
			   text-align:center;
			   background-color:#d7c5b7;
}

    img {
    display: block;
    margin: auto;
}
    
    
    .container {
  position: relative;
  width: 100%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
/*  position: relative;*/
    
}

	.image2 {
  display: block;
  width: 70%;
  height: auto;
/*  position: relative;*/
    
}
	
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .8s ease;
  background-color: #543136;
}

.container:hover .overlay {
  opacity: 80;
}

.text {
  color: #d7c5b7;
  font-family: klinic slab;
  font-size: 50px;
  position: relative;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
/* end homepage pic and hovertext */




/* navigation bar */
ul {
    list-style-type: none;
    font-family:klinic slab;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #543136;
    max-width:100%;
}

li {
    float: right;
}

li a {
    display: block;
    color: #d7c5b7;
    text-align: center;
    padding: 50px 25px;
}

li a:hover {
    background-color: #d7c5b7;
    color: #543136;
}
/* end navigation bar */
		


/* order here and menu button */
      .orderlink
a:link, a:visited {
    background-color: #DC143C;
    color: #d7c5b7;
    padding: 40px 100px;
    text-align: center;
    text-decoration: none;
    font-size: 40px;
    font-family: klinic slab;
    display: inherit;
}


a:hover, a:active {
    background-color: red;
}
      
      
.center {
    margin: auto;
    width: 60%;
    border: 3px solid #543136;
    padding: 10px;
}

/* end order here and menu button */


/* navigation bar logo */
		.image1 {
  width: 17%;
			height: auto;}
/* end navigation bar logo */



/*general style for sites*/
        body {background-color:#d7c5b7}
/*
h1   {text-align: center}
        h2 {color:#543136}
*/
        p {
            border: 2px solid #DC143C;
            padding: 30px; background-color: white;
        }
			/*end general style for sites*/