/** HEADER
*/
.header {
    background-image: url(../image/about/about-1.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 50vh;
    padding-top: 10%;
}

.header-title {
    height: 40%;
    width: 30%;
    margin: auto;
    background-color: rgba(255,255,255,0.7);
    color: #003847;
    padding-top: 2.5%;
}

/** CONTENT 1
*/
.content-1 {
    padding: 3%
}

.content-1-info {
    padding: 4%;
}

.info-line {
    height: 2px;
    width: 3%;
    background-color: #003847;
    margin-bottom: 50px;
}

/** OFFER BLOCKS
*/
.offer-block {
    padding: 1% 0%;
}

.offer-block-text {
    padding: 5% 10%;
    background-color: #fff;
    color: #003847;
    transition: all ease 550ms;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.offer-block-image-1 {
    max-width: 100%;
    background-image: url(../image/about/about-2.jpg);
    background-position: center;
    background-size: cover;
    padding: 0;
}

.offer-block-image-2 {
    max-width: 100%;
    background-image: url(../image/about/about-3.jpg);
    background-position: center;
    background-size: cover;
    padding: 0;
}

.offer-block-image-3 {
    max-width: 100%;
    background-image: url(../image/about/about-4.jpg);
    background-position: center;
    background-size: cover;
    padding: 0;
}

.offer-block-image-4 {
    max-width: 100%;
    background-image: url(../image/about/about-5.jpg);
    background-position: center;
    background-size: cover;
    padding: 0;
}

.offer-block-image-5 {
    max-width: 100%;
    background-image: url(../image/about/about-6.jpg);
    background-position: center;
    background-size: cover;
    padding: 0;
}

.offer-block-5 {
    margin-bottom: 1%;
}