.sub-section-title{border-bottom:1px solid #008000;padding:5px 0 5px 5px;font-size:0.85em;line-height:20px;font-weight:bold;}
.sub-section-intro{border:0px solid red;padding:5px 5px 0 5px;margin:0px;font-size:0.89em;line-height:20px;}
.sub-section-link{float:right;}
.sub-section-link a{font-size:0.87em;text-decoration:none;font-weight:bold;color:#008000;}
.sub-section-link a:hover{font-size:0.87em;text-decoration:none;color:#008000;}
.sub-section-outer{border:1px solid #efefef;width:100%;padding:0px;margin:5px 0px 0 0;float:left;}
.profile-right-box{float:left;border:0px solid #efefef;width:220px;padding:5px 5px 5px 5px;margin:2px 0 0 12px;}

.myrow {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.mycolumn {
  flex: 41%;
  max-width: 50%;
  padding: 10px 10px;
}

.mycolumn img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
  border:4px solid #bdbdbd;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .mycolumn {
    flex: 550%;
    max-width: 550%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .mycolumn {
    flex: 500%;
    max-width: 500%;
  }

  .mycolumn img {
    margin-top: 8px;
    width: 500%;
    border:4px solid #bdbdbd;
  }


}