@charset "utf-8";
/* CSS Document */

/* PAGE ALAPÉRTELMEZETT  */
    body {  margin: 0; padding: 0;   font-family: "Constantia", serif;  color: #6b6b6b; /* szürke */   }







/* KÖZÉP RÉSZ */
.page {  margin: 0 auto;   padding: 20px;   max-width: 1200px;  }


			

    .szoveg {      font-size: 1.2em;      line-height: 1.5;     margin: 2%;    margin-bottom: 20px;  display:block;  }
    h2 {   color: black;  font-size: 2em;  margin: 0; }



/* header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999999; } */  /*  FEJLÉC RÖGZÍTVE */ 


/* FEJLÉC */ 
header { color: black;    display: flex; justify-content: space-between;   align-items: center;  padding: 0 20px;  margin-top:50px; 
	border-top: 4px solid #999; /* szürke csík felül */  
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }


   .logo a  {  font-size: 1.5em; font-family: "Grape Nuts";  /*  LOGÓ hülye betű */ font-weight: bold; color: black;  text-decoration: none;  }
    nav {  display: flex;  align-items: center;  }
    nav a {  color: black;  text-decoration: none; padding: 10px 20px;  font-size: 0.9em; }
    nav a:hover { background-color: #ddd;  color: #333;  }  
    nav a:hover, .select   {  border-radius: 0 0 7px 7px; /* jobb alsó, bal alsó lekerekítve */  }  
	



/* PAGE SZÍNEZÉS  */ body { background-color: #f2f2f2;  /* szürke alap  */   }
   header, footer, .kepbox {   background-color: white; /* fehér csíkok és képkeret */   }	

  @media (max-width: 768px) {  
		 body { font-family: "Cormorant", serif; color:black;   } /* telefonon alapértelmezett betűtípus */

        .foociim {  height: 300px;  font-size: 2em; }
         .mobilon_nemlaccik {  display: none;      }  }	 

/* LÁBLÉC */ 
footer { text-align: center;  color: black;    }   /* középrezárva */

.flex-facebooktarto_container {  display: flex;  width: 95px; margin: 0 auto;  }
.flex-facebooktarto_container > div {   margin: 0;  padding: 0;  font-size: 30px;  width: 50%;   }

.fa { padding: 10px;   width: 20px; height: 20px; text-align: center;  text-decoration: none;  border-radius: 30%; font-size: 20px; margin:0; }   /* facebook és pinterest logó */
.fa:hover {  opacity: 0.7;}
.fa-facebook {   background: #55ACEE;  color: white;  }
.fa-pinterest {  background: #d72c35; /* piros */ color: white;  }

.ad {  width: 40px; height: 40px;   border-radius: 30%;	} /* ad logó */
 
.alsolinkek { color: darkcyan;  text-decoration: none; font-size: 12px; } /* alsó linkek */	
.alsolinkek:hover {   color: darkcyan;   text-decoration: none; font-size: 16px; }