#iletisim {
    position: absolute;
    top: 80px;
    left: 880px;
}
#iletisim p {
    font-family:  Arial;
    font-size: 30px;
    font-weight: bold;
    color: #000000;
}
#adres-box {
    position: absolute;
    top: 120px;
    left: 0px;
    width: 300px;
    height: 280px;
    border-right: solid 4px black;
    border-bottom: solid 5px #363738;
    background-color: rgba(0,0,0,0.3);
}
#adres-box2 {
    position: absolute;
    top: 404px;
    left: 0px;
    width: 300px;
    height: 280px;
    border-right: solid 4px black;
    border-bottom: solid 5px #363738;
    background-color: rgba(0,0,0,0.3);
}
#adres-box3 {
    position: absolute;
    top: 688px;
    left: 0px;
    width: 300px;
    height: 280px;
    border-right: solid 4px black;
    border-bottom: solid 5px #363738;
    background-color: rgba(0,0,0,0.3);
}
#adres-box4 {
    position: absolute;
    top: 972px;
    left: 0px;
    width: 300px;
    height: 280px;
    border-right: solid 4px black;
    border-bottom: solid 5px #363738;
    background-color: rgba(0,0,0,0.3);
}
#adres-box h1,#adres-box2 h1,#adres-box3 h1,#adres-box4 h1 {
    padding: 10px;
    font-family:  Arial;
    font-size: 20px;
    color: black;
}
#adres-box:hover h1,#adres-box2:hover h1,#adres-box3:hover h1,#adres-box4:hover h1 {
    
    color: white;
}
#adres-box p,#adres-box2 p,#adres-box3 p,#adres-box4 p {
    padding: 10px;
    font-family:  Arial;
    font-size: 18px;
    color: white;
}
#google-pos {
    position: absolute;
    top: 240px;
    left: 320px;
   
}
.map-box {
    position: absolute;
    top: 0px;
    left: 302px;
    width: 720px;
    height: 280px;
    border-bottom: solid 5px #363738;
   }