#header {
    height: 600px;
    overflow: hidden;
    position: relative;
}

@media screen and (min-width: 993px) {
    #header-img {
        width: 100%;
        filter: brightness(75%);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family:magra;
        color:white;
        font-weight:700;
        font-size:55px;
    }
    #container-img {
        width: 100%;
        filter: brightness(75%);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family:magra;
    }
}
#text-header {
    position: absolute;
    top: 40%;
    left: 10%;
    border-radius: 5px;
    background-color:black;
}
#tracking-header {
    overflow: hidden;
    position: absolute;
    top: 40%;
    right: 10%;
    background-color: white;
    border-radius: 5px;
}
#container-header {
    overflow: hidden;
    height: 500px;
    position: relative;
    /* text-align: center; */
}
#container-title1 {
    position: absolute;
    top: 30%;
    left: 20%;
    font-family:magra;
    color:white;
    font-weight:700;
    font-size:45px;
}
#container-title2 {
    position: absolute;
    top: 65%;
    left: 15%;
    font-family:magra;
    color:white;
    font-weight:700;
    font-size:35px;
}
#container-title3 {
    position: absolute;
    top: 65%;
    right: 15%;
    font-family:magra;
    color:white;
    font-weight:700;
    font-size:35px;
}
#text-title {
    font-size: 45px;
    font-weight: 700;
    color:white;
}
#tracking-title {
    font-size: 25px;
}
#services-title {
    font-size: 26px;
}
#navbar-logo {
    width: 70px;
}
#navbar-title {
    bottom: 20%;
    font-size: 25px;
}
@media screen and (max-width: 992px) {
    #header {
        height: auto;
    }
    #header-img {
        width: 100%;
        position:relative;
    }
    #container-img {
        width: 100%;
        position:relative;
    }
    #tracking-header {
        position: initial;
        right: 0%;
        background-color: white;
        border-radius: 10px;
        width: 100%;
    }
    #container-header {
        height: auto;
    }
    #container-title {
        font-size:40px;
    }
    #container-title1 {
        top: 40%;
        left: 5%;
        font-size:15px;
    }
    #container-title2 {
        top: 70%;
        left: 4%;
        font-size:12px;
    }
    #container-title3 {
        top: 70%;
        right: 4%;
        font-size:12px;
    }
    #text-header {
        position: absolute;
        top: 25%;
        left: 5%;
    }
    #tracking-title {
        font-size: 23px;
    }
    #text-title {
        font-size: 20px;
        font-weight: 700;
    }
    #services-title {
        font-size: 20px;
    }
    #navbar-logo {
        width: 50px;
    }
    #navbar-title {
        font-size: 20px;
        bottom: 14%;
    }
}