header{
    background:url(../../img/iletisim4.jpg);
    background-size:cover;
    background-position: 99% 1%;
    background-attachment: fixed;
    width: 100%;
    z-index: -1;
}


#header{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    position: relative;
    background: rgba(20,20,20,.7);
    padding: 5rem 0;
}


#form-container{
    width: 40%;
    border-radius: 2rem;
    padding:2rem 2rem;
    border:.1rem solid #505050;
    background: rgba(30,30,30,.5);
}

#form-title-container{
    margin-bottom: 4rem;
}

#form-title{
    font-size: 3rem;
}

.form-item{
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

.form-item2{
    width: 45%;
}

.form-item.yan-yana{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


input[type="text"],input[type="email"],input[type="tel"],select,textarea{
    border-radius: 1rem;
    padding: 1rem;
    font-size: 2rem;
    width: 100%;
    background-color:rgb(230, 230, 230);
    border:.2rem solid;
    transition: all .1s ease;
}

input[type="text"]:hover,input[type="email"]:hover,input[type="tel"]:hover,select:hover,textarea:hover{
    border:.2rem solid black;
    box-shadow: .2rem .2rem 1rem rgba(255,255,255,.6);
}

input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,select:focus,textarea:focus{
    border:.2rem solid black;
    box-shadow: .2rem .2rem 1rem rgba(255,255,255,.6);
    outline: none;
}

textarea{
    resize: none;
}

#adres{
    width: 30%;
    background: rgba(30,30,30,.8);
    border-radius: 1rem;
    padding:4rem 2rem;
    border:.1rem solid #505050;
    
}

#adres-title{
    font-size: 4rem;
    margin-bottom: 2rem;
    
}

.adres-item2{
    display: flex;
    flex-direction: row;
    margin-bottom: 2rem;
    
    font-size: 2rem;
}

.adres-item2 i{
    margin-right: 1rem;
  
}

#mini-map{
    width: 100%;
    height: 20rem;
    border-radius: 1rem;
}

.genel-button2{
    padding: 1rem;
    width: 100%;
    font-size: 2rem;
    border-radius: 1rem;
    cursor: pointer;
    border:none;
    box-shadow: .1rem .1rem 1rem rgba(255,255,255,.4);
    font-weight: bold;
    transition: all .3s ease;
}

.genel-button2:hover{
    color:white;
    background-color: black;
}

