body {	

	Background-color: #FFF;
	Max-width: 2000px;
	Min-width: 900px;
    font-family: "Sulphur Point light", sans-serif;
    src:url(Fonts/SulphurPoint-Light.ttf);
    
	}


header {
	color:#330000;
	Background-color:#cccc99;
	Background-size: 100% 100%;
    font-size:1em;
    padding-left: 120px;
    padding-top: 20px;
    border-bottom: 8px solid #660000;
    
    
	}

section{
    color:#cccc99;
    background-color: #666600;
    width:250px;
    height: 50px;
    padding-top: 10px;
    padding-left: 20px;
    float:right;
    margin-right: 15%;
    margin-top:1%;
}

section a{
    text-decoration: none;
    color:#cccc99;
    font-family: "Sulphur Point Regular", sans-serif;
    src:url(Fonts/SulphurPoint-Regular.ttf);
    font-size:2em;
    
}

button{
    color: #cccc99;
    background-color: #660000;
    width:220px;
    height: 60px;
    float:left;
    margin-right: 15%;
    margin-top:1%; 
    padding-top: 0px;
    
}

button a{
    text-decoration: none;
    color:#cccc99;
    font-family: "Sulphur Point Regular", sans-serif;
    src:url(Fonts/SulphurPoint-Regular.ttf);
    font-size:2.3em;
}
.logo{
    width: 200px;
    height:150px;
    padding-left: 120px;
    padding-bottom: 30px;
    float: left;
}


nav ul { list-style-type: none;
          
}
nav li {  
         text-align: center;
		 padding-top:3.5em;
		 padding-bottom:3em;
         padding-left:4em;
         font-size: 22px;
         display:inline-block;
         border-top-color: #660000;
         color: #660000;
         font-family: "Sulphur Point Bold", sans-serif;
         src:url(Fonts/SulphurPoint-Bold.ttf);
         font-weight:72;
}


nav a{ 
    text-decoration: none;    
    font-weight:72;
}
nav a:link{ 
    color: #660000; 
}
nav a:hover{ 
    color: #666600; 
}




#start{
    margin-top: 5px;
    background-image: url(Vineyard_Wine_Bottle_Image.jpg);
    color:#FFF;
    position: relative;
    Background-size: 100% 100%;
    height: 92vh;
    padding-left: 150px;
    padding-top: 135px;
    font-family: Sulphur;
    font-size:2em;
    border-bottom: 3px #FFF;
    font-family: "Sulphur Point light", sans-serif;
    src:url(Fonts/SulphurPoint-Light.ttf);
    letter-spacing: 2px;
    font-weight: bold;
    
}   

span{
    font-size: 63px;
    font-weight: bolder;
    
}

#optionscolum{
    margin-top: 8px;
    padding-top: 33px;
    Background-color: #330000;
    Color: White;
    font-size:20px;
    padding-bottom: 5px;
}
 
h3{
    color:#cccc99;
}


#images{
    padding-left: 21%;
    padding-right:21%;
    display:flex;
    justify-content: space-between;
    align-items:baseline;
    flex-wrap: wrap;
    flex:1 1 auto;
}

.abstand{
    padding-bottom:0px;
    margin-bottom: 0px;
    line-height:1.1;
    letter-spacing: 1px;
}

.u-abstand{
    margin-top:0px;
    padding-top: 0px;
    line-height: 1.3;
    letter-spacing: 1px;
}
#pictures{
    display:flex;
    justify-content: space-between;
    align-items:baseline;
    text-align: center;
    padding-left: 21%;
    padding-right: 18%;
    font-size:23px;
    font-family: "Sulphur Point light", sans-serif;
    src:url(Fonts/SulphurPoint-Light.ttf);
}

#gurante{
     text-transform: uppercase;
     font-size: 1.3em;
     padding-left: 15%;
     letter-spacing: 1px;   
}

#family{
    padding-left: 78%;
    font-family: "Sacramento";
    src:url(Fonts/Sacramento-Regular.ttf);
    font-size:1.3em;
    line-height: 1px;
}

#kurim{
    padding-left: 15%;
}

.bottle{
    position:relative;
    Background-size:100% 100%;
    width: 200px;
    height:200px;
}

.dining{
    
    position:relative;
    width: 200px;
    height:200px;
    font-weight: bold;
}

.tasting{
     
    position:relative;
    width: 200px;
    height:200px;
}

#vineyard{
    background-color: #ffffcc;
    padding-right: 13.3%;
    padding-top: 20px;
    font-size: 1em;
    padding-bottom: 40px;
}

.grape{
    height:120px;
    width:160px;
    
   
}

.barrel{
    height:120px;
    width:160px;   
   
}


.landscape{
    height:120px;
    width:160px;
}

.field{
    padding-bottom: 1%;;
    height: 400px;
    width:520px; 
    padding-left: 15%;
   
}

#pictures2{
    display:flex; 
    align-items: baseline;
    padding-right:2%;
    padding-left: 15%;
    justify-content:space-between;
    gap: 23px;
}

#text{
    float:right;
    font-family: "Sulphur Point Regular", sans-serif;
    src:url(Fonts/SulphurPoint-Regular.ttf);
    padding-right: 100px;
    font-size: 16px;
   
}

.dedication{
    font-size: 18px;
    
}
.owned{
    font-size: 1.7em;
    color:#666600;
    font-family: "Sulphur Point light", sans-serif;
    src:url(Fonts/SulphurPoint-Light.ttf); 
    padding-top: 0px;
    margin-top: 0px;
  
}
.our{
    font-size: 3em;
    color: #660000;
    font-family: "Sulphur Point light", sans-serif;
        src:url(Fonts/SulphurPoint-Light.ttf);
    font-weight: bolder;
    letter-spacing: 1px;
}
#number{
    color:#660000;
    padding-left: 20%;
    padding-right: 20%;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 60px;
    padding-bottom: none;
    
}

#vara{
    color:#660000;
    padding-left: 16%;
    padding-right: 16%;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 16px;
    
    
}

.stats-container {
            display: flex;
            justify-content:space-between;
            padding-left: 20%;
            padding-right: 20%;
            gap: 50px; 
            align-items: center;
            margin-top: 20px;
            margin-bottom: 20px;
            background-color: white;
            font-family: "Sulphur Point light", sans-serif;
            src:url(Fonts/SulphurPoint-Light.ttf);  
}

.stat {
            text-align: center;
            color: #600000; 
}

.stat .number {
            font-size: 6.25em;
            display: block;
            font-weight: bold;

}


.stat .description {
            font-size: 2.125em;
            text-transform: uppercase;
            letter-spacing: 1px;
            position: relative;
            font-weight: lighter;
            line-height: 1.2;

}

.stat .description::before {
            content: "";
            display: block;
            width: 100%;
            height: 2px;
            background-color: #600000;
            position: absolute;
            top: -6px;
            left: 50%;
            transform: translateX(-50%);
        }





.banner{
    background-color: #cccc99;
    padding-top: 1%;
    padding-bottom: 1%;
}



.subtext{
    padding-left: 210px;
    color: #660000;
    font-size: 30px;
    font-weight: bolder;
    letter-spacing: 1px;
    text-align: center;
    padding-bottom: 0px;
    margin-bottom: 0px;
    
}

.tour{
    padding-top: 0px;
    margin-top: 0px;
    color: #330000;
    font-size: 35px;
    font-weight: bolder;
    padding-left: 200px;
    text-align: center;
    letter-spacing: 1px;
    
    
}


button1{
    color:#ffffcc;
    background-color: #666600;
    width:220px;
    height: 50px;
    text-align: center;
    float:right;
    margin-right: -20%;
    margin-top: 70px;
    padding-top: 15px;
    padding-left: 8px;
    padding-right: 8px;
   
}


button1 a{
    text-decoration: none;
    color:#ffffcc;
    font-family: "Sulphur Point Regular", sans-serif;
    src:url(Fonts/SulphurPoint-Regular.ttf);
    font-weight: bolder;
    font-size:28px;
    letter-spacing: 1px;

}


#unique{
    padding-right:20%;
    padding-left:20%;
    text-align:center; 
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#blends{
    color: #666600;
    font-family: "Sulphur Point light", sans-serif;
    src:url(Fonts/SulphurPoint-Light.ttf);
    font-size: 2em;
    letter-spacing: 3px;
}

.blend{
    font-family: "Sulphur Point Regular", sans-serif;
    src:url(Fonts/SulphurPoint-Regular.ttf);
    color:#660000 ;
    letter-spacing: 3px;
    font-size: 2em;   
}

.para{
    display:inline-block;
    width:40em;
    margin-left: 80px;
    margin-right: 160px;
    font-size: 19px; 
    color: black;
    letter-spacing: 1.5px;
    text-align: justify; 
    margin-bottom: 0px;
    padding-bottom: 0px;
    line-height: 1.6;

}

.wine{
    width:170px;
    height:310px;
    border: 4px solid  #660000;
   
}


#pictures3{
    display:flex;
    flex-wrap: nowrap;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom: 20px;
    margin-left:10%;
    margin-top:0px;
    padding-top: 0px;
    padding-right: 30%;
    gap: 0p;
   
}



figcaption{
    color:#660000;
    text-align: center;
    font-size: 18px;
}




#restaurant{
    background-image:url(COT-Wine-and-Food-landscape%20-%20Kopie.jpg);
    background-image: cover;
    height:290px;
    font-family: sans-serif;
    color: white;
    padding-left: 12%;
    padding-top:10px;
    font-family: "Sulphur Point regular", sans-serif;
    src:url(Fonts/SulphurPoint-Regular.ttf);
    font-size:2em;
    
}

.restaurant1{
    letter-spacing: 3px;
    line-height: 65px;
   
}
button2{
    color:#660000;
    background-color: #ffffcc;
    width:230px;
    height: 70px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top:1%;
    font-size:1em;
}

button2 a{
    text-decoration: none;
    color:#660000;
    font-family: "Sulphur Point Regular", sans-serif;
    src:url(Fonts/SulphurPoint-Regular.ttf);
    
}

container {
    max-width: 800px;
    margin: auto;
    text-align: center;
}

.enjoy{
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 10px;
    color:#660000;
    letter-spacing: 2px;
    
}

.appetito{
    color:#330000;
    font-size: 20.5px;
    margin-right: 20%;
    padding-right: 28%;
    padding-bottom: 0px;
    display: block;
}



#recepie{
    padding-left: 10%;
    padding-top: 5%;
    padding-bottom: 5%;
}



.salmon{
    height: 300px;
    width:350px;
}

.unamed{
    height: 300px;
    width:350px;
    margin-top: 0.5%;
   
}

.cake{
    height: 300px;
    width:350px;
}


.letterbox{
    height: 300px;
    width:350px;
  /*  transform: translate( -100%);*/
    float:right;
    padding-right: 21.3%;
  
}

.contact{
    padding-bottom: 3px;
    margin-bottom: 3px;
    line-height: 1.1;
    letter-spacing: 3px;
    font-weight: bolder;
}

.contact1{
    padding-top: 0px;
    margin-top: 0px;
    line-height: 1.1;
    padding-bottom: 10px;
}

.icon-grid {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.icon {
    text-align: center;
}

.icon img {
    width: 150px;
    height: 150px;
    background-color: #666600;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.icon p {
    color: #666000; 
    font-size: 26px;
   font-family: "Sulphur Point light", sans-serif;
    src:url(Fonts/SulphurPoint-Light.ttf);
    padding-top: 0px;
    margin-top: 0px;
    line-height: 1.1;
  
}


main{
    padding-bottom: 0px;
    margin-bottom: 0px;
}

footer{
	font-size: small;
	text-align: center;
    margin-top: 0px;
    padding-top: 0px;
	}

#footer{
    display:flex;
    align-items: baseline;
    justify-content: space-between;
    background-color: #330000;
    color:white;
    padding-left:20%;
    padding-right:20%;
    font-size:18px;
    color:#cccc99;
    border-bottom: 8px solid #cccc99;
    font-size: 2em;
    padding-top: 0px;
    margin-top: 0px;
}

h2{
    color:#ffffcc;
}

.footer {
    background-color: #600000;
    padding: 10px 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.footer p {
    color: #cccc99; 
    font-size: 40px;
    font-family: "Sacramento", sans-serif;
    src:url(Fonts/Sacramento-Regular.ttf);
    margin: 0;
    padding-right: 50px;
}

.social-icons {
    display: flex;
    gap: 50px;
}

.social-icons img {
    width: 48px;
    height: 48px;
}