body{
 background-image: url("1.jpg");
}
header{
    font-family: "Courier New"; 
    font-style: italic;
    font-size: 35px;
    margin: auto;
    text-align: center; 
    color: #A67D3D;
}
div{
    width: 850px;
    border: 2px solid #215E21;
    margin: 10px auto 10px auto;
    margin-top: 15px;
    text-align: center; 
}
ul{
    margin:0;
    padding:0;
    list-style-type:none;
}

li{
    text-align:center;
    width:100px;
    padding:0;
    margin-bottom:2px;
    position:relative;
}
.sub ul{
    display:none;
}
.sub:hover ul{
    display:block;
    position:absolute;
    left:100%;
    top:0;
}
a{
    display:block;
    text-decoration:none;
    background-color: #008000;   
    color: #fff;
    padding:10px;
    border:1px solid #000;
    border-radius:10px;
}

a:hover{
    background-color: #8d8d8d;
}
#caly{
    border: 15px;
}
#pierwszy{
float: center;
background-image: url("2.jpg");
}
#drugi{
width: 120px;
float: left;
border: 0px; 
}
#trzeci{
width: 710px;
float: right; 
border: 0px;
}
#czwarty{
width: 850px; 
float: right; 
background: rgba(112,128,128,0.5);
}
#piaty{
width: 850px; 
float: right;
background: rgba(112,128,128,0.5);

}
#szosty{
width: 850px;
float: right; 
border: 0px;
}
h1{
    color: black;
    font-size: 70px;
    font-family: "Cursive"; 
}
p{
    color: white;
    font-size: 20px;
    font-family: "Cursive"; 
}
.galeria:hover{
    transform: scale(1.5);
    transition: 1000ms;
    border-radius: 100px;
    }