.container { max-width: 960px }
.flex-equal > * { flex: 1 }

#header, #footer { padding-left: 0; padding-right: 0; }
#header header { background: white; }
.box-with-image { background-size: cover; background-position: center center; background-repeat: no-repeat }
.paddingbottom { padding-bottom: 350px; }
.moretitle { color: gray; font-weight: normal; font-size: 20px; text-align: left; padding: 5px 0 20px 0; border-bottom: 1px solid rgba(0,0,0,0.05); }
#referenciak { max-width: 100%; }
.reftitle { font-size: 24px; font-weight: bold; margin-bottom: 0; }
.box.reference { display: flex; margin-bottom: 15px; padding: 0 !important; }
.box.reference img { width: 100px; height: 100px; border-radius: 5px; background: transparent; }
.box.reference p { font-size: 17px; text-align: left; padding: 0 15px; margin-bottom: 0; }
.box.reference a { font-size: 13px; float: left; margin: 5px 15px; }

@media (min-width: 768px) {
  #header, #footer { padding-left: 15px; padding-right: 15px; }
  .box { padding-bottom: 50px; }
  .box.ref { padding-bottom: 20px; }
  .flex-md-equal > * { flex: 1 }
  #kapcsolat { background:linear-gradient(to right, gainsboro 75%, white 76%) }
  #referenciak { max-width: 50%; }
}

@media (min-width: 960px) {
  #referenciak { max-width: 33%; }
}