@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

body {
  font-family: 'Montserrat', sans-serif;
}
  
 body {
      margin: 0;
	  font-size:15px;
      background-color: #f4f4f4;/*217D8A*/
      text-align: center;
    }
	
	.tarolo {
  padding: 30px 20px;
  background-color: #fff;
  max-width: 800px;
    margin: 0 auto;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
	
	
/*HEADER*/	

    header {
      background-color: none;
      padding: 20px 0;
    }

    header img {
      max-width: 400px;
      height: auto;
      display: block;
      margin: 0 auto;
    }

/*TARTALOM*/	

    .main-content {
      padding: 40px 20px;
      background-color: #fff;
    }

/*FOOTER*/	

    footer {
      background-color: none;
      color: #000;
      padding: 30px 20px;
    }

    .footer-inner {
      display: flex;
      justify-content: center;
      max-width: 800px;
      margin: 0 auto;
      gap: 20px;
    }

    .column {
      flex: 1;
      padding: 10px;
    }

    .left-column {
      text-align: right;
      border-right: 2px solid #000;
    }

    .right-column {
      text-align: left;
    }


    @media (max-width: 600px) {
      .footer-inner {
        flex-direction: column;
        border: none;
      }

      .left-column,
      .right-column {
        text-align: center;
        border: none;
      }
	  
	  .tarolo{margin:0 15px;}
	  
	   header img { max-width: 250px;}
	  
	  .email-link { font-size:12px;}
    }
	
	h1{color:#217D8A;}	
	
		
	.telefon-sor {
  /*display: flex;*/
  align-items: center;      /* Függőleges középre igazítás */
  justify-content: flex-start; /* Balra igazítás */
  gap: 10px;                /* Ikon és szöveg közötti tér */

  color: #333;
}

	.mail-sor {
  /*display: flex;*/
  align-items: center;      /* Függőleges középre igazítás */
  justify-content: flex-start; /* Balra igazítás */
  gap: 10px;                /* Ikon és szöveg közötti tér */
  color: #333;
}

i {
  color: #217D8A; /* Bootstrap-féle zöld */
}

.email-link {
  text-decoration: none;
   color: #333;
}

.email-link:hover {
	text-decoration: underline;
  color: #005999;
}