.aLink{ 
    white-space: nowrap !important; 
}
.image1{
    width: 100%;
}
.image2{
    display: none;
}
:root{
    --header-background-color: #0b3454;
}
.container1{
    display: flex;
    flex-wrap: wrap;
}
.flexbox-item1{
    flex-basis: 70%; 
    display: grid;
}
 .flexbox-item2{
    flex-basis: 30%;
    display: grid;
    background-color:var(--header-background-color);
}
.header-img{
    margin-top: 25%;
    width: 70%;
    margin-left: 15%;
}
@media(max-width: 768px){
    .image1{
        display: none;
    }
    .image2{
        display: unset;
        width: 100%;
    }
    .container1{
        flex-direction: column-reverse;
    }
    .flexbox-item2, .flexbox-item1{ 
        flex: 100%;
    }
    .header-img{
        margin-top: 3%;
        margin-bottom: 2%;
    }
}