body {
    background-color: #000;
    color:#fff;
    
    margin:30px;
    padding:30px;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    
}
header {


}

.imgHi {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 281px;
    border: 1px solid black;
  }
  
  .i-am-img {
    width: 50%;
    height: 50%;
  }

/*  
  .top-bar {
    height:20px;
    background-color:#ccc;
    font-size:0.7em;
    color:aqua;
  }
*/



.topnav {
    background-color: #121212;
    overflow: hidden;
  }
  

  .topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
  }
  

  .topnav a:hover {
    background-color: #999;
    color: black;
  }
  
  
  .topnav a.active {
    background-color: #ccc;
    color: white;
  }


.column {
  float: left;
  width: 25%;
}


.row:after {
  content: "";
  display: table;
   clear: both;
}


@media screen and (max-width: 900px) {
  .column {
    width: 50%;
  }
}


@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

  footer {
    color:#666;
  }