/* Top Line */

.top-border{
    height:30px;
    width: 100%;
    object-fit: cover;
    object-position: 55% 0%;
}

.top-line{
    height: 30px;
    width: 100%;
    background-image: url("../img/top-border.png");
    background-repeat: no-repeat;
    background-position: 55% 0%;
    background-attachment: scroll;
}
        
/* Header */
header#header {
	position: relative;
	margin-bottom: 30px;
}

header#header::before {
    top: 40px;
    height: 315px;
    z-index: -1;
    content: "";
    width: 100%;
    position: absolute;
    right: 0;
    background-color: #00305d;
    background-image: url("../img/header-bg.jpg");
}

@media screen and (max-width: 1199px) {
    header#header::before {
        display: none; 
    } 
}

.img-header {
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: 50% 50%;
}

@media screen and (min-width: 768px) {
    header#header::before {
        height: 335px;
    } 
}

@media screen and (min-width: 1200px) {
    .img-header {
        height: 400px;
    }
}

.img-links {
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: 50% 30%;
    }