.border {
       

      }
      body {
        background: #fff;
      }
      .row {
        width:100%;
      }
     .mrlr {
         margin-left:5px;
         margin-right:5px;

         
     }
     .border {

        /*border:2px solid red;*/
     }
      #navList {

        height:50px;
        width:100%;
        z-index: 1000;
        background:#1572d5;
        
      }
       
       .list1 {

         float:left;
         border-right:1px solid #fff;

         


       }

       .margin-auto {

          margin: 0 auto;
       }

       .list1 > a {

            display: block;
            color: blue;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
            vertical-align: top;
         
       }

       .list1 a:hover:not(.active) {
              background-color:blue;
              
}

.active {
    background-color: snow;
}

.flex 
{
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flex-size 
{
      -ms-flex: 1;
      -webkit-box-flex: 1;
      -webkit-flex-shrink: 1;
      flex:1;
      
}