/* Generated by less 2.5.1 */
/* vars */
/* --------------------------- */

.contact-footer {
  background-color: #4679ae;
}

.contact-footer .box {
  position: relative;
  background-color: rgba(0, 0, 0, 0.1);
  margin: 30px 0;
  padding: 20px;
  height: 150px;
  text-align: center;
  color: white;
}

.contact-footer .box a,
.contact-footer .box a:hover {
  font-size: 18px;
  color: white;
  text-decoration: underline;
}

.contact-footer .box.phone {
  font-size: 18px;
}

.contact-footer .box.persona {
  text-align: left;
}

.contact-footer .box.persona .row,
.contact-footer .box.persona .row > div {
  height: 100%;
}

.contact-footer .box.persona .photo {
  width: 100px;
  height: 100%;
  background-position: center;
  background-size: cover;
}

.contact-footer .box.persona .title {
  font-weight: 800;
}

.contact-footer .box.persona .name,
.contact-footer .box.persona .pos {
  font-size: 20px;
}

.contact-footer .box svg {
  width: 50px;
  height: 50px;
  display: inline-block;
  margin-bottom: 5px;
  margin-top: 5px;
}

@media (max-width: 1024px) {
	
}

@media (max-width: 768px) {
	
}

@media (max-width: 510px) {

#footer-kontakt-separator .modul {
    padding-bottom: 20px;
    padding-top: 20px;
}
	
.contact-footer .box {
    margin-bottom: 10px;
    margin-top: 10px;
}
	
.contact-footer .box.persona .name,
.contact-footer .box.persona .pos {
  font-size: 14px;
}
	
}