/* --------------------------- */
/* SECTION BASICS              */
/* --------------------------- */

#footer {
  
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 75px;
  
  font-family: 'Roboto', sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
  
  background-color: var(--feher);

}

/* --------------------------- */
/* HELPERS                     */
/* --------------------------- */

.row::after {
  content: "";
  clear: both;
  display: table;
}


/* --------------------------- */
/* Contact                     */
/* --------------------------- */


.footer_contact { float:left; }
.footer_contact a { color: var(--fekete); text-decoration: underline; }
.footer_contact a:hover { color: var(--piros);}
#footer_logo { padding-bottom: 110px; }

/* --------------------------- */
/* Menu                        */
/* --------------------------- */

.footer_menu {
  
  font-family: 'Poppins', sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
  
  float:right;
  
}

.footer_menu a { color: var(--fekete); text-decoration: underline; }
.footer_menu a:hover { color: var(--piros);}

.footer_column { float: left; line-height: 0; }
.footer_column p {  padding-bottom: 20px; }
.footer_column.c1 {  padding-left: 0px; }
.footer_column.c2{  padding-left: 55px; }
.footer_column.c3 {  padding-left: 65px; }
.footer_column.c4{  padding-left: 33px; }

/* Menu elements */

.linklist {
  
  list-style-type: none;
  margin: 0;
  padding: 0;
  line-height: 1rem;
  
}

.linklist li {
  
 padding-bottom: 1rem;
  
}

/* --------------------------- */
/* Legal                       */
/* --------------------------- */

#footer_legal {
  
  padding-bottom:50px;
  padding-top:50px;
  
}



/* --------------------------- */
/* !!! RESPONSIVE !!!          */
/* --------------------------- */

@media screen and (max-width: 1023px) {
  
  html { font-size: 18px; }

  #footer { padding-left: 0px; padding-right: 0px;}
  
  .footer_contact { width: 100%; text-align: center; padding-bottom: 50px;}
  
  #footer_logo { padding-bottom: 50px;}
  
  .footer_menu { width:100%;}
  
  .footer_column { width: 100%; text-align: center; padding-bottom: 50px; }
  .footer_column.c2, .footer_column.c3, .footer_column.c4  { padding-left: 0px; }
  
  #footer_legal { text-align: center;}
  
}

@media screen and (max-width: 671px) {
  
  
}

@media screen and (min-width: 1441px) {
  
  body { background-color: var(--fekete);}
  #footer { margin-left: auto; margin-right: auto;width: 1225px;
  
  }
}