#navbar{
        padding: 0;
        margin: 0;
    }
    
    .navbar_div1>div:nth-child(1){
        width: 40%;
        height: 5vh;
    }
    #navbar img{
        width: 100%;
        height: 100%;
    }
    .navbar_div2{
        display: flex;
    }
    .navbar_div2>div:nth-child(1){
        width: 15%;
        height: 10vh;
    }
    .navbar_div2>h4{
        margin-top: 40px;
        margin-left: 20PX;
        color: navy;
        align-items: center;
    }
    .navbar_div2>h4:nth-of-type(6){
        flex-grow: 3;
    }
    .navbar_div3{
        display: grid;
        grid-template-areas: "left1 l"
        "left2 right"
        "left3 right"
        "left4 right"
        "left5 right"
        "left6 right";
        background-color: #f4f9fc;
        margin-top: 10px;
    }
    #left1{
        height: 90px;
        grid-area: left1;
    }
    #left2{
        height: 90px;
        grid-area: 2;
    }
    #left3{
        height: 90px;
        grid-area: 3;
    }
    #left4{
        height: 90px;
        grid-area: 4;
    }
    #left5{
        height: 90px;
        grid-area: left5;
    }
    #left6{
        height: 90px;
        grid-area: left6;
    }
    #right{
        height: 420px;
        grid-area: right;
    }
    #left1>img{
         width: 20vw;
         height: 5.6vw;
    }
    #left2>img{
         width: 10vw;
         height: 5.6vw;
    }
    .navbar_div3_left{
        display: flex;
    }
    #left3>div{
         width: 10vw;
         height: 5.6vw;
    }
    #left4>div{
         width: 10vw;
         height: 5.6vw;
    }
    #left5>div{
         width: 10vw;
         height: 5.6vw;
    }
    #left6>div{
         width: 10vw;
         height: 2vw;
    }
    #navbar h1{
        font-size: 57px;
        color: navy;
    }
    #navbar button{
        background: navy;
        width: 40vh;
        height: 8vh;
        border-radius: 25px;
        color: white;
        font-size: 24px;
    }
    #right>div{
        width: 525px;
        height: 332px;
        background: rgba(255,111,94,255);
    }
    
    /* @media (max-width: 600px){
        #flex{
            flex-wrap: wrap;
        }
        #flex2{
            flex-wrap: wrap;
        }
    }
    @media (max-width: 600px){
        .navbar_div3{
            grid-template: "left1"
            "left2"
            "left3"
            "left4"
            "left5"
            "left6"
            "right";
        }
    } */