.header{
 display: flex;
 justify-content: space-between;
 padding: 10px;
}

.header .region {
 padding: 5px;
}

.header .region-branding {
 flex: 0 1 20%;
}

.header .region-navigation {
 flex: 0 1 50%;
}

.header .region-search {
 flex: 0 1 30%;
}

.region.block-region {
 padding: 15px;
}

.featured{
 padding: 40px 20px;
 background-color: indianred;
}

.main{
 display: flex;
 justify-content: space-between;
 padding: 0 25px;
}

.main.content {
 flex: 0 1 65%;
}

.main.right--sidebar {
 flex: 0 1 30%;
}

.footer--top {
 display: flex;
 justify-content: space-between;
 padding: 10px;
}

.footer--top .region {
 padding: 5px;
}

.region-footer-first, .region-footer-second, .region-footer-third {
 flex: 0 1 30%;
}

.menu-item {
  display: inline-block;
  padding-right: 10px;
}