.mycolumn {
    float: left;
    width: 50% !important;
    min-height: 100%;
    padding: 0px;
    /*display: inline-block !important;*/
    /*height: 300px; 
    box-sizing: border-box;*/
}
.myrow:after {
    content: "";
    display: table;
    clear: both;
    /*box-sizing: border-box;*/
}
.myLeftColumn40 {
    float: left;
    width: 40%;
    /*min-height: 100%;*/
    padding-right: 5px;
}
.myLeftColumn49 {
    float: left;
    width: 49%;
    /*min-height: 100%;*/
    padding-right: 5px;
}
.myRightColumn49 {
    float: left;
    width: 49%;
    /*min-height: 100%;*/
    padding-left: 5px;
}
.myLeftColumn70 {
    float: left;
    width: 70%;
}
.myRightColumn30 {
    float: left;
    width: 30%;
}
.myLeftColumn60 {
    float: left;
    width: 60%;
}
.myRightColumn40 {
    float: left;
    width: 40%;
}
.myLeftColumn80 {
    float: left;
    width: 80%;
}
.myRightColumn20 {
    float: left;
    width: 20%;
}
.myLeftColumn30 {
    float: left;
    width: 30%;
}
.myRightColumn60 {
    float: left;
    width: 60%;
}
.myRightColumn70 {
    float: left;
    width: 70%;
}
.myLeftColumn20 {
    float: left;
    width: 20%;
}
.myRightColumn80 {
    float: left;
    width: 80%;
}
@media screen and (max-width: 950px) {
  .mycolumn {width: 100% !important;}
  .myLeftColumn60 {width: 100% !important;}
  .myRightColumn40, .myRightColumn60, .myRightColumn70 {width: 100% !important; padding-top: 10px;}
  .myLeftColumn70 {width: 100% !important;}
  .myRightColumn30 {width: 100% !important; padding-top: 10px;}
  .myLeftColumn80 {width: 100% !important;}
  .myRightColumn20 {width: 100% !important;}
  .myLeftColumn40, .myLeftColumn49 {width: 100% !important; padding-bottom: 10px; padding-right: 0px;}
  .myRightColumn49 {width: 100% !important; padding-top: 10px; padding-left: 0px;}
  .myLeftColumn20 {width: 100% !important;}
  .myRightColumn80 {width: 100% !important; padding-top: 10px;}
}