body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

header {
    position: fixed;
    width: 100%;
    /* height: 50px; */
    top: 0;
    z-index: 10;
    background-color:rgba(255, 255, 255, 0.8);
}


.header-logo {
    width: 30px;
    height: 30px;
}

.top {
    background-image: url(../img/top-sea.jpg);
    background-size: cover;
    padding: 550px 0;

}

.about {
    border-radius: 4px;
}
.contact-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 75%;
    margin: 0 auto;
}
.contact-item {
    width: 45%;
    
}
.contact-icon {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;

}
.contact-text {
    display: block;
    margin: 0 auto;
}

@media only screen and (max-width:767px) {
    .top {
        padding: 250px 0;
    
    }
    .top-message{
        font-size: 48px;
    }
    .top-submessage{
        margin-top: 80px;
    }
    .footer-message{
        font-size: 12px;
    }
}