/* Show it is fixed to the top */
body {
  min-height: 75rem;
  padding-top: 4.5rem;
}
.logo_img {
            width: 65px;
            height: 60px;
            border: 1px solid #000;
            border-radius:50%;
            -webkit-border-radius:50%;
            -o-border-radius:50%;
            -ms-border-radius:50%;
            -moz-border-radius:50%;
        }

.container1 {
    width: 100%;
    height: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flexbox;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    flex-flow: wrap;
}

.nav-link{
    font-size: 14pt !important;
    
}
.nav-link:hover{
    background:#fff !important;
    color: #000 !important;
}
.box1 {
    width: 20%;
    margin-left:10px;
    flex:1;
}

.box2{
    width: 50%;
    margin-left:10px;
    flex:2;
}

@media screen and (max-width:1200px) {
    .box1 {
        width: 20%;
    }
    .box2{
        width: 50%;
    }
}

@media screen and (max-width:600px) {
    .box1,.box2 {
        width: 90%;
        margin-top:10px;
    }
    .container1 {
        flex-flow: column wrap;
    }
}