* {
    box-sizing: border-box;

}
img {
    width: 100%;
    height: auto;

}

.wine {
    
    width:50%;
    height: auto;
    
}
img.headpic{
    
    width:10%;
    height: auto;
    transition: 1s;
    border-style:solid;
    border-color:#993333;
}
img.headpic:hover
{
    
    width:20%;
    height: auto;
    transition: 1s;
}    
    
.row:after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    float: left;
    padding: 15px;
    width: 100%;
}
@media only screen and (min-width: 600px) {
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}
html {
   
    
   
    font-family: "Times New Roman",Times, serif;
    font-style: normal;
    color:   #993333;
 background-image:url('back5.jpg');
  
}
.header {
    text-align:center;
   background-color:rgba(96, 0, 0, 0.3);
     border-bottom: 10px solid;
     
    color:  #993333;
   
    padding: 10px;
}
.menu ul {
    list-style-type: none;
    font-style: normal;
    margin: 0;
    padding: 0;
}
.menu li {
    
    padding: 8px;
    margin-bottom: 7px;
    background-color :#993333;
    opacity:0.5;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.menu li a {
display: block;
 text-decoration:none;
color: #ffffff;
}
.menu li:hover {
     
     transition: 1s;
    
     opacity:1;
    color: #cca300;
    font-style: italic;
      border-style: none  none solid solid;
   border-color:maroon;
}



.menu li ul 	{
        
		display: none;  /* Hides the drop-down menu */
		height: auto;									
		margin: 0; /* Aligns drop-down box underneath the menu item */
		padding: 0; /* Aligns drop-down box underneath the menu item */	
		-webkit-transition: all 1s ease-in;
		-moz-transition: all 1s ease-in;
		}				

.menu li:hover ul 	{
                        
                         
                        display: block; /* Displays the drop-down box when the menu item is hovered over */
                         border-left: 6px solid #fff2cc;
                      
                        z-index: 12;
                        padding-left: 1px;
                        -webkit-transition: all 1s ease-in;
	                	-moz-transition: all 1s ease-in;
                       
                        }


.menu li ul li {
    
     background-color :rgb(255, 242, 204);
 color: #fff2cc;
     opacity:0.5;
    
}

.menu li ul li a 	{
		
        z-index: 1001;
        color: maroon;
      
		}

.menu li ul li a:hover {
    
     -webkit-transition: all 1s ease-in;
		-moz-transition: all 1s ease-in;
     opacity:1;
      text-decoration:underline;
      
    z-index: 1000;
 
}






.aside {
    background-color: #993333;
    padding: 15px;
    color: #ffffff;
    opacity:0.5;
    text-align: center;
    font-size: 14px;
     font-style: normal;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.aside a{
text-decoration:none;
color: #ffffff;
}
.aside a:hover{
    
    transition: 1s;
text-decoration:underline;
font-style: italic;
 color: #fff2cc;

}

.aside:hover 
{
    
    transition: 1s;
 opacity:1;
  color: #fff2cc;
   font-style: italic;

  border-style: none  none solid solid;
   border-color:maroon;

}

.footer {
    
   
     color:  #993333;
    text-align: center;
    font-size: 12px;
    padding: 15px;
}
.footer a{

 color:  #993333;
text-decoration:none;
}

.desc {
    padding: 15px;
   
    text-align: center;
}

.desc a
{
 text-decoration: none;
}