.contact-header{
    background: linear-gradient(rgba(21, 22, 44, .6),rgba(21, 22, 44, .6)), url(../img/contact.jpg) center center/cover;
    height: 500px;
}
.testi-header{
    background: linear-gradient(rgba(21, 22, 44, .6),rgba(21, 22, 44, .6)), url(../img/testi.jpg) center center/cover;
    height: 500px;
}
.services-header{
    background: linear-gradient(rgba(21, 22, 44, .6),rgba(21, 22, 44, .6)), url(../img/services/Cruise-port.jpg) center center/cover;
    height: 500px;
}
.contact-header h1::first-letter,
.testi-header h1::first-letter,
.services-header h1::first-letter{
    font-size: 2em;
}
.contact-header h1,
.testi-header h1,
.services-header h1{
    font-size: 3em;
    color: #e9c79e;
    font-weight: 200;
    font-style: italic;
    font-family: 'Times New Roman', Times, serif;
}

/*---------------------
    Contact-page
----------------------*/
.contact-page{
    background: linear-gradient(rgba(21, 22, 44, .9),rgba(21, 22, 44, .6)), url(../img/pattern.jpg) center center/cover;
    padding: 40px 0;
}
.contact-form input,
.contact-form textarea{
    display: block;
    padding: 10px;
    border: 1px solid #e9c79e;
    margin: 10px 0;
    width: 100%;
}
.contact-form{
    padding: 20px;
    border: 1px solid #ddd;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 1px 1px 10px #000;
}
.contact-form button{
    padding: 10px;
    background-color: #000;
    color: #e9c79e;
    width: 100%;
    border: 1px solid #e9c79e;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 10px;
}
.contact-form button:hover{
    opacity: .8;
}

.contact-box{
    padding: 20px;
    border: 1px solid #e9c79e;
    display: inline-block;
}
.contact-box i{
    font-size: 1.3em;
    color: #f6f6f6;
    padding-right: 5px;
}
.contact-box a,
.contact-box p{
    color: #e9c79e;
}