body{margin:0}
iframe{border:none;  margin-bottom: 20px;}

.columns {
    width: 100%;
    background-color: lightblue;
}
.columns:after {
    content: "";
    display: table;
    clear: both;
}
.column__padding {
    padding: 10px;
}
.left { 
    float: left;
    width: 70%;
}
.right { 
    float: right;
    width: 30%;
}
.right .column__content {
    margin-bottom: 20px;
}
.left .column__content {
    
}
.column__content {
    width: 100%;
    height: 400px;
    background-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 408px) {
    .left,
    .right {
        width: 100%;
        float: none;
    }
}