html {
    height: 100%;
}



body {
    background-color: rgb(25, 189, 218);
background-image: url(images/background-adare-restaurant.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}


.container {
    margin-left: auto;
    margin-right:auto;
    width: 1024px;}
header {

    
    height: 118px;
    
 text-align: center;

}
 
 nav {

    background-color:rgba(0, 0, 0, 0.308);
   padding-top: 14px;
   padding-bottom: 14px;
    width: 1024px;
    text-align: center
 }

    main {
       
        background-color. none;
        padding-left: 240px;
        padding-right: 240px;
        padding-top: 80px;
        text-align:center
    }
    


footer { background-color: rgba(0, 0, 0, 0.527);
 padding-top: 50px;
 padding-bottom: 50px;
    width: 1024px;
    text-align: center;
   

}

h1
{text-align: center;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size:  82px;}


p{color: white;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
}
  
}
a {
    color: white;
    font-family: Arial, Helvetica, sans-serif;
  
}

nav a {
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12pt;
    color: white;
overflow-x: ;




 footer p {
     background-color: rgba(0, 0, 0, 0.329);
     font-family: Arial, Helvetica, sans-serif;
     padding-bottom: 100px;
     text-align: center;
     font-size: 10px;
 }