background-color: #ff5722;
padding: 10px;
text-align: center;
color: #fff;
}overflow: hidden;
background-color: #000;
}
.nav-bar a {float: left;
display: block;
color: #fff;
text-align: center;
padding: 12px 14px;
text-decoration: none;
}
.nav-bar a:hover {background-color: #ff5722;
}@media screen and (max-width: 400px) {
.nav-bar a {float: none;
width: 100%;
}
}float: left;
width: 33.33%;
padding: 20px;
}
.row:after {content: "";
display: table;
clear: both;
}
@media screen and (max-width:768px) {.column {
width: 50%;
}
}
@media screen and (max-width:576px) {.column {
width: 100%;
}
}float: left;
padding: 20px;
}
.column.corner {width: 25%;
}
.column.middle {width: 50%;
}
.row:after {content: "";
display: table;
clear: both;
}
@media screen and (max-width:576px) {.column.corner, .column.middle {
width: 100%;
}
}