#csaladfejdiv {
   display:inline-block; 
   background: #a35348;
   width: 100%; 
   border-radius: 10px; 
   padding: 0; 
   margin:0;"
}	
#latvanydiv {
   display:inline-block; 
   width: 58%; 
   padding: 7px 0 10px 0;
}   	
.divleft {
   float: left;
   width: 40%;
   font-size: 48px;
   line-height: 40px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   font-weight: bold;
   color: #52738c;
}
.fejlec {
   display: inline-block; 
   position: relative;
   width: 100%; 
   height: 150px; 
   margin: 0 0 0 5px; 
   text-align:center;
   overflow: hidden;    
}
.fejlec a .divimgcover {
   display: inline-block;
   margin: 10px 10px 0 0;
   width : 160px;
   height: 130px;
   background-position: center center;
   background-repeat: no-repeat;
/* background-attachment: fixed; */
   background-size: cover;
   border: 1px #fff solid;
   border-radius: 5px;
}
.fejleckepsoroktxt {
   display: block;
   position: absolute;
   background-color: #f00;
   bottom: 0px;
   right: 0px;
   width: 90px; 
   height: 24px; 
   padding: 0 5px;
   font-size: 12px;
   font-weight: bold; 
   color: #fff;
   text-align:center;
}
.nevalakdiv {
   font-family: 'Prosto One', 'Noto Sans', Raleway, Roboto, Helvetica, Arial, sans-serif; /* Noto Sans - kissé erőteljesebb a mobilra */
   display:inline-block; 
   margin:0 0 0 0;             
   padding:20px 0 0 20px; 
   /* width: 100%; */
   font-size: 18px;
   line-height: 20px;
   font-weight: bold; 
   text-align: left;  
   color:#eee;
}
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
@media only screen and (max-width: 1300px) {
.fejlec {
   display: inline-block; 
   position: relative;
   width: 100%; 
   height: 135px; 
   margin: 0 0 0 5px; 
   text-align:center;
   overflow: hidden;    
}
.fejlec a .divimgcover {
   display: inline-block;
   margin: 10px 10px 0 0;
   width : 80px;
   height: 50px;
   background-position: center center;
   background-repeat: no-repeat;
/* background-attachment: fixed; */
   background-size: cover;
   border: 1px #fff solid;
   border-radius: 5px;
}
.nevalakdiv {
   font-family: 'Prosto One', 'Noto Sans', Raleway, Roboto, Helvetica, Arial, sans-serif; /* Noto Sans - kissé erőteljesebb a mobilra */
   display:inline-block; 
   margin:0 0 0 0;                /* a divleft merete az arckeppel  */
   padding:10px 0 0 20px; 
   width: 100%;
   font-size: 15px;
   line-height: 16px;
   font-weight: bold;   
   color:#eee;
}
}
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
@media only screen and (max-width: 1000px) {
.fejlec {
   display: inline-block; 
   position: relative;
   width: 100%; 
   height: 135px; 
   margin: 0 0 0 5px; 
   text-align:center;
   overflow: hidden;    
}
.fejlec a .divimgcover {
   display: inline-block;
   margin: 10px 10px 0 0;
   width : 80px;
   height: 50px;
   background-position: center center;
   background-repeat: no-repeat;
/* background-attachment: fixed; */
   background-size: cover;
   border: 1px #fff solid;
   border-radius: 5px;
}
.nevalakdiv {
   font-family: 'Prosto One', 'Noto Sans', Raleway, Roboto, Helvetica, Arial, sans-serif; /* Noto Sans - kissé erőteljesebb a mobilra */
   display:inline-block; 
   margin:0 0 0 0;               
   padding: 5vw 0 0 4vw; 
   width: 100%;
   font-size: 2.5vw;
   line-height: 2.8vw;
   font-weight: 600;   
   color:#eee;
}
}
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
@media only screen and (max-width: 700px) {
.csaladalakdiv {
   margin:0 0 0 0; 
   padding:0 0 0 0;
}
#latvanydiv {
   display:inline-block; 
   width: 60%; 
   padding: 2px 0 5px 0;
}   	
#latvanytxt {
   display:none; 
}   
.divleft {
   float: left;
   width: 40%;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   font-weight: bold;
   color: #52738c;
}
.fejlec {
   display: inline-block; 
   position: relative;
   width: 100%; 
   height: 110px; 
   margin: 0 0 0 5px; 
   text-align:center;
   overflow: hidden;    
}
.fejlec a .divimgcover {
   display: inline-block;
   margin: 8px 8px 0 0;
   width : 80px;
   height: 45px;
   background-position: center center;
   background-repeat: no-repeat;
/*    background-attachment: fixed; */
   background-size: cover;
   border: 1px #fff solid;
   border-radius: 5px;
}
.nevalakdiv {
   font-family: 'Prosto One', 'Noto Sans', Raleway, Roboto, Helvetica, Arial, sans-serif; /* Noto Sans - kissé erőteljesebb a mobilra */
   display:inline-block; 
   margin:0 0 0 0;           
   padding: 6vw 0 0 4vw; 
   width: 100%;
   font-size: 2.5vw;
   line-height: 2.8vw;
   font-weight: bold;   
   color:#eee;
}
}
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
@media only screen and (max-width: 500px) {
.clearboth {                      /* indit.php-ben nem hasznaljuk  */              
   display: block;
   margin: 0;
   padding: 0;	
   clear: both;	
}	
.nevalakdiv {                     /* indit.php-ben jobb oldalt marad a legkisebb szelessegben is  */          
   font-family: 'Prosto One', 'Noto Sans', Raleway, Roboto, Helvetica, Arial, sans-serif; /* Noto Sans - kissé erőteljesebb a mobilra */
   display:block;
   float: none;
   margin:0 0 0 0;                
   padding: 10px 0 20px 20px; 
   font-size: 2.8vw;
   line-height: 3vw;
   font-weight: 600;   
   color:#fff;
}
}