@charset "utf-8";
/* CSS Document */	
/*Style the body*/
body{
background-image:url(images/pasta.jpg);
	background-repeat:cover;	
	font-family: goudy old style, serif;
}
* {
	box-sizing: border-box
}
	
   h1{
	font-family: goudy old style,serif;
	   font-style:italic;
	   color:#231403;
       font-size:50px;
	   text-align:center; 
	   text-decoration:underline;	
		}
    h2{ 
	   font-family:goudy old style,serif;
	   font-style:italic; 	   
       font-size:50px;
	   text-align:center; 
	   text-decoration:underline;
}
	
	h3{ font-family: goudy old style,serif;
		font-style:normal;
		font-size:30px; 
		text-align:center; 
		color:#D8C6B8;}
		
	h4{ font-family: goudy old style,serif;
		font-style:normal;
		font-size:20px;
		text-align:center;
		color:#cf1c44;
}
		
	p{ font-family: goudy old style,serif;
		font-style:italic;
		font-size:20px;
		color:#D8C6B8;
		text-align: left;
		text-indent: 50px;
		}
	pre{
		font-family: goudy old style,serif;
	font-style: italic;
	font-size: 20px;
	color: #231403;
	text-align: center
		}
/*Style the header*/
img	{ 
		margin-right: 30px;
	    margin-left:75px;
	    margin-top:10px;
		}
	
		
    li a{
    display:block;
    color: #D8C6B8;
    text-align: center;   
    text-decoration:underline;
}

    li a:hover {
    background-color: #CF1C44;
    } 
ul {
    background: #5e1211;
	padding: 20px;
}
		
    p a:link {
    color: #0b9446; 
    background-color: transparent; 
    text-decoration: none;float:left; 
}
	ul li {
    background: #7B573E;
		margin: 5px;
   }

    p a:visited {
    color: #CF1C44;
    background-color: transparent;
    text-decoration: none;
}
    p a:hover {
    color: #0B9446;
    background-color: transparent;
    text-decoration: underline;
}
    p a:active {
    color: #0b9446;
    background-color: transparent;
	text-decoration: underline;
}
	.topnav {
    overflow: hidden;
    background-color: #5E1211;
	postion: relative
}
   .topnav a {
   float: left;
   color: #d8c6b8;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;
   ont-size: 17px;
}
  .topnav a:hover {
  background-color: #D8C6B8;
  color: black;
}
  .topnav a.active {
  background-color: #5E1211;
  color: #D8C6B8;
}	     
    .relative {
    position: relative; 	
}
    .discounts {
    color: #D8C6B8; list-style: none;
    align-content:center;font-size: 30px
}		
    div.gallery img{
	width:100%;
	height:200px;
	border:solid #5E1211 5px;
}
div.desc{
	padding:15px; margin-left:130px;
	text-align:center;font-size:20px; color:#D8C6B8
}
*{
	box-sizing:
	border-box;
}
.responsive{
	padding:0 6px;
	float:left;
	width:26.99999%;
}
		/*footer*/
.footer { 
	 width:100%;
	text-align: right;	
	margin-top: 100px;
    clear: both;
	}
		
		topnav{
			font-size: 16px;
		}
		footer li{
			border-right:none;
		}
   * {
    box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
    float: left;
    width: 50%;
    padding: 10px;
    height: 500px;	
}
/* Clear floats after the columns */
.row:after {
    content: "";
    display:table;
    clear: both;
}
.coupon {
  display: flex; 
  padding: 30px;
  background-color: #5E1211;
}
.coupon {
  background-color: #5e1211;	
  margin: 10px;
  padding:20px;
  text-align: center;  
  font-size: 3vw;
  color:#d8c6b8;	
}
.qualification {
  display:inline;   
  padding-left:1px;
  margin-right:450px 
}
.qualification>
div {
  background-color: #d8c6b8;
   margin: 10px;
  padding:10;
  text-align: center;
   font-size: 2vw;  
}
@media (max-width: 1082px){
}

@media (max-width: 700px){
}

@media (max-width: 360px){
}

@media (max-width: 1311px){
}