.contactForm {
    text-align: center;
    overflow: hidden;
    margin-bottom: 5%;
    margin-left: 1%;
    width: 50%;
    margin-top: 1%;
}

.contactForm input{
    
    border-radius: 15px;
    height: 30px;
    margin: 5% 0%;
    margin-left: 15%;
    width: 80%;
    
    color: #666;
    display: block;
    font-size: 1.3vw;
    padding-left: 2%;
    border: solid;
    border-width: 2px;
    border-color: #9999;
}

.contactForm textarea{
    border-radius: 15px;
    height: 100px;
    
    border: solid;
    border-width: 2px;
    border-color: #9999;
    font-size: 1.3vw;
    padding: 2%;
    color: #666;
    margin: 5% 0%;
    margin-left: 15%;
    width: 80%;
    display: block;
}
.contactForm button{
    margin: 5% 0%;
    margin-left: 40%;
    width: 30%;
    display: block;
    background-color:rgba(125,125,125, 1);
    border: 3px solid #b7926c;
    text-align: center;
    cursor: pointer;
    color: #b7926c;
    font-size: 1.4vw;
    border-radius: 15px;
    transition-duration: 1s;
    
    padding: 1.5% 3%;
}

.contactForm button:hover {
    background-color:rgba(250,250,250, 0.5);
    color: #777; 
    transition-duration: 1s;
}

.hero-text{
    color: white; 
    padding-bottom: 20px; 
  font-size: 4vw;
  text-align: center;
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
}
 body{ 
            background-color: black;
            width:100%;
            height: 100%;
        }
        
        .back{
            
                background-attachment: fixed;
                transition-duration: 1s;
                will-change: transform;
                z-index: -1;
                background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("APARTMENT1/Picture33.jpg");
                height: 40%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
                filter: blur(4px);
                -webkit-filter: blur(4px);
            
        }
        
        .pane{
            
            width: 100%;
            text-align: center;
            overflow: hidden;
            padding-top: 3%;
            -moz-box-shadow:    inset 0 0 13px #000000;
            -webkit-box-shadow: inset 0 0 13px #000000;
            box-shadow:         inset 0 0 13px #000000;
            background-color: #faf8f0;
            
        }
        
        .text {
            
            width: 90%;
            margin-left: 10%;
            text-align: center;
            color: #444;
            letter-spacing: 2px;
            line-height: 1.6;
            font-size: 1.5vw;
            
        }
.text ul {
    float: left; 
    list-style: none; 
    text-align: left; 
    width: 40%;

}
.text ul li {
        padding-top: 0%; 
        padding-left: 10%; 
        padding-bottom: 5%;
    }

.first-LI {
    padding-left:10%; 
    padding-bottom: 5%; 
    padding-top: 4%;
}
@media only screen and (max-width: 600px) {
    .hero-text {
        font-size: 7vw;
    }
    
    .text{
        margin-left: 0%;
    }
    
    .text ul{
            float: none;
            text-align: center;
            font-size: 4vw;
        width: auto;
    }
    
    .text ul li {
        padding-left: 0%; 
    }
    
    .contactForm {
        width: 80%;
        margin-left: 10%;
    }
    
    .contactForm input {
        
        font-size: 3vw;
    }
    
    .contactForm textarea {
        font-size: 3vw;
    }
    
    .contactForm button {
        font-size: 4vw;
        width: 40%;
        margin-left: 35%;
    }
    
    
    .first-LI{
        
        padding-left: 0%; 
    }
}