.flex-container {
  display: flex;
  align-items: stretch;
 /*margin: 149px auto 50px auto;*/
}

.flex-container>div {
  width:    -webkit-fill-available;
   width:    -moz-available;
  margin: 10px;
  text-align: center;
 
}
#at img{
    width:300px;
    margin-top: 10px;;
    
}
#at > div{
   
    padding: 20px;
       
   /* background: #333333;
    background: #111111;
    background: #222222;
    background: #03111e;*/
      margin: 45px 0;
    padding: 8px 38px;
    border-radius: 3px;
    color: white;
}
.ikonok{
  
    width: 40px;
    padding-bottom: 19px;

}
.ikonok:hover{
    cursor: pointer;
}

#footer{
    background-color: #780202;	
	text-align:center;
padding-bottom:30px;
    margin-top: 20px;
	 color: #f1f1f2;
}
#footer a{
   color: #f1f1f2;	
	

}
#footer div{
   display: inline-grid;
	
}
#fbal{
	
	width:30%;
}
 #fjobb{
	
	width:30%;
}
#hatfajas{
	background: url(../img/landing/mintakep_keskeny.png) no-repeat;
    
	
	
}
#hatfajas img{
	display:none;
	width:230px;
}
.landing ul{
	text-align:left;
	    width: 70%;
}
.landing ul li{
	    list-style-image: url(../img/lufi_ikon.png);
}
#feszultseg{
text-align:left;
}
#feszultseg img{
height:190px;
    margin-bottom: 0px;
}
#copyright p{
	font-size:20px;
}
#copyright a{
	font-size:17px;
}
.kozep{
	text-align:center;
}
.lista button{
   color: #ad352c;
 
   color: white;
   /* box-shadow: 7px 6px 3px #752525;*/
	}
.landing button{
      color: #f1f1f2;
    box-shadow: 7px 8px 3px #541b1b;
    background: #752525;
    border: solid 2px;
	    font-size: 25px;

}
.valasz{
    font-family: 'Caveat', cursive;
	  color: #ad352c;
	  font-size: 35px;
}
.kerdes{
    color: #ad352c;
    font-size: 19px;
    font-weight: bold;
}
.avalasz{
        font-size: 17px;
    margin-left: 20px;
    padding: 10px
}
#utvonal{
	font-size:13px;
}
#bb2023{
    padding-right: 10px;
    padding-top: 10px;
    float: left;
    
    
}
#bb2026{
    padding-right: 10px;
    padding-top: 10px;
    float: left;
    width:45%;
    
}
img.profil {
    float: left;
    padding-right: 30px;
    padding-left: 5px;
    width: 35%;
  
}
.elvalaszto{
   /* background-color: #222222;
    background: #03111e;*/
    height: 5px;
    margin: 20px 0;
    width: 700px;
}
.kapcsikonok{
    float: left;
    padding-right: 10px;
    width: 40px;
    padding-bottom: 19px;
}
.width100{
    width:100%;
}

#gyikkep{
	color: #ad352c;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 30px;
    padding: 10px;
	}
button{
       font-weight: bold;
       letter-spacing: 3px;
    border-radius: 2px;
    padding: 15px;
  /*  background: #222222;*/
  /*  background: linear-gradient(45deg,#780202,#aa0404);*/
    /*color: #3c110d;*/
    border: none;
    font-size: 17px;
  /*  box-shadow: 7px 6px 3px #3c110d;*/
  color: ivory;
  
}
button.szam{    font-weight: bold;
      width: 38px;
     padding: 4px 6px; 

    box-shadow: 3px 2px 3px #1b1716;

}

button:hover{
	cursor: pointer;
}
#legkisebb{
    margin: 10px;
    width: 65px;
    height: 15px;
	text-align: center;
	}
input
{
	  ad352c
   /* border: 3px solid #222222;*/
   border: solid 6px #cabfbf;
   border: solid 6px #dddddd;
    margin: 5px 0;
    padding: 10px;
       background-color: ivory;
    /*  background-color: #ad352c;*/
  /*  -webkit-border-radius: 10px;
    border-radius: 10px;*/
	height: 5px;
	/*color: #;*/
	    width: 180px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus

input:-webkit-autofill{
	  
  
    /*  background-color: #ad352c !important;
    -webkit-border-radius: 10px;
    border-radius: 10px;*/
	 -webkit-box-shadow: 0 0 0px 1000px #222222 inset;
	-webkit-text-fill-color: white !important;
	
}
.formkerdes{
    color:#780202;
    letter-spacing: 3px;
    font-family: Century Gothic;
    font-size: 14px;
    padding-left: 13px;

}
.radiobox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default radio button */
  .radiobox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  /* Create a custom radio button */
  .checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: ivory;
    border: 2px solid #c40f18;
    border-radius: 50%;
  }
  
  /* On mouse-over, add a grey background color */
 /* .radiobox:hover input ~ .checkmark {
    background-color: #555555;
  }*!
  
  /* When the radio button is checked, add a blue background */
  .radiobox input:checked ~ .checkmark {
    background-color: #c40f18;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .radiobox input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the indicator (dot/circle) */
  /*.radiobox .checkmark:after {
       top: 4.5px;
      left: 4.5px;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: ivory;
  }*/

/*
input[type="radio"] {
    appearance: none;
     margin: 0;
 
    color: orange;
    width: 11px;
    height: 11px;
    border: 3px solid #780202;
    border-radius: 50%;
  }
  input[type="radio"]:focus {
    appearance: none;
    width: 11px;
    height: 11px;
    color: green;
    border: 3px solid #780202;
    border-radius: 50%;
  }
  input[type="radio"]:checked {
    background-color: #780202;
    border: 3px solid blue;
  }
*/
  textarea{
  border-radius: 2px;
    padding: 11px;
  /*  border: solid #222222;*/
    border: solid 6px #dddddd;
    background: ivory;
	    margin-top: 5px;
	}
	  select{
  border-radius: 2px;
    padding: 3px;
    /*   border: solid #222222;*/
       border: solid 6px #dddddd;
       color:#780202;
       letter-spacing: 3px;
       background: ivory;
	}
	select, textarea, input{
		 font-family: Century Gothic ;
	}
/*
input[type="checkbox"] {
	height: unset;
   
}
*/
input:focus {
    background-color: white;
	   border: 3px solid #ad352c !important;
       border: 6px solid #888888 !important;
	   color: #ad352c !important;
	   
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(250, 255, 189) !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ad352c;
  letter-spacing:3px;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ad352c;
    letter-spacing:3px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ad352c;
    letter-spacing:3px;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ad352c;
    letter-spacing:3px;
}

input[type=checkbox]
{
width:0;
display:none;
}
input[type=checkbox]:checked + label {
    /* background-position: 0 -15px; */
    background-image: url(checkbox_active.png);
}
input[type=checkbox]+ label {
    background-image: url(checkbox_inactive.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    padding-left: 23px;
    padding-right: 11px;
    display: inline-block;
    line-height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: 5.5px;
}

.landing{
	    margin: 50px 100px;
    font-size: 25px;
    line-height: 40px;
}
.cim1{
	  
    font-size: 40px;
    color: #ad352c
}
.cim2{
	  
        font-size: 26px;
    color: #ad352c;
    font-weight: bold;
}
#info{
font-size:8px;
color:gray;
margin-top: -10px;
line-height: 14px;
}
div.justify p{
	text-align: justify;
}
.nyil{
	display:none;
}
img.jobb{
	float: right;
	padding-right: 2px;
	padding-left:15px;
}
img.bal{
	float: left;
	padding-left: 2px;
	padding: 0;
    margin: 0px 36px 11px 0px;
}
img.w25{
	width:25%;
}
img.w45{
	width:45%;
}
img.w17{
	width:17%;
	
  /*  box-shadow: 9px 8px 29px #0c3054;*/
}
img.belyeg{
	width: 70px;
    padding-top: 5px;
	padding-bottom: 0;
}
.w100{
	width:100%;
	text-align:center;
}
ul {
    margin: 0;
    padding: 0;
	    display: inline-block;
}
li{
	list-style:none;
}
ul.menu {
    height: 62px;
    display: block;
  
}
 
ul.menu li {
    list-style: none;
    float:left;
   /* height: 79px;*/
	/*margin:8px;*/
   /*width: 122px;*/
    text-align: center;
	    margin: 5px;
     /* background-color: #752525;
    box-shadow: 0px 0px 35px #111;*/
   
    }
 
ul.menu li a {
    display: block;
	color: rgb(180, 17, 17);
    color: #bf0000;
   /* color:white;*/
	    letter-spacing: 1px;
    padding: 2px;
	   margin: 5px 0;
  
    text-align: center;
	   /* width: 122px;*/
  /*  line-height: 99px;*/

 
    -webkit-transition-property: background;
    -webkit-transition-duration: 700ms;
    -moz-transition-property: background;
    -moz-transition-duration: 700ms;

    }
.aktmenu{
 
/* text-decoration: underline;*/
 border-bottom: solid 2px #e0bfba;
  /*  line-height: 91px !important;
  padding: 8px 4px 0px 4px !important;
   */
}

#aktmenu:hover, ul.menu li a:hover {
padding: 0px 2px 8px 2px; 
letter-spacing:1px;


}
ul.almenu li a:hover {
padding: 2px;
color:    white;
background-color: #bf0000


}

ul.almenu li a {
text-transform: none;

	/*padding:5px;*/
	text-align:left;
}
a {
text-decoration: none;
color:#D13525;/* #d2b511;;*/
/*text-transform: uppercase;*/
font-size: 14px;
font-weight: bold;
}
.almenu{
	display:none;
	/*white-space: nowrap;
	width:300px;*/
	    position: absolute;
		    background-color: white;
}

ul.almenu li{
	float:none !important;
/*	height:35px;*/
	    width: 100% !important;
}
ul li:hover ul { 
display:block;

} 
#arak{
      background-color: black;
    padding: 0 30px 30px 30px;
    border-radius: 0 0 3px 3px;
   
}
#arak td{

   
   /*  background-color: #222222;*/
     color: white;
     border-radius: 3px;
     padding: 10px 28px;
   
}
#arak th{
/*    background-color: black;
    border: solid #222222;*/
    padding: 5px;
    text-align: center;
    color: #e2d8d8;
   
}
#arak caption{
    margin-top: 10px;
    padding: 10px;
    color: ivory;
    font-weight: bold;
   /* background: black;*/
    border-radius: 3px 3px 0 0;
}
.jegyzet{
	margin-top:10px;
	font-weight: bold;
	font-size: 11px;
	
}
h4{
	font-size: 12px;
    margin: 20px 0 0 0;

}
h5{
	color: #bf0000;
    font-weight: bold;
    font-size: 21px;
    margin: 20px 0 0 0;
   
}
#at h5{
	
    font-weight:100;
    font-size: 21px;
    margin: 20px 0 0 0;
   
    color: ivory;
   
}
h6{
	color: #bf0000;
    font-size: 12px;
    margin: 20px 0 0 0;
}
.kiemelt{
    color:#bf0000;
}
body{

        font-family: Century Gothic;
    font-size: 15px;
	background-color:#F1F1F2;
    background-color: white;
	  /*  padding: 20px;*/
		   margin: 0px;
  /*  padding: 1px;*/
	    line-height: 1.4em;
       /* border: solid 50px #414758;*/

}
#cikkek div{
	height:100%;
	padding: 1px;
}
div{
/*padding:5px;*/
}
/*
.teacher_detail {
  clear:both;
  margin : 0; 
  padding: 10px 0 0 0; 
  display: none; 
}*/
.container{
/*background-color: #752525;*/
    height: 50px;
}
.nev
{

height:25px;
color: white;
}
.behuz{
margin-left:25px;
}
.alairas{
text-align:right ;
font-style:italic;
}
td{
/*width:30%;*/
text-align:center;
}
#b1 ul {
padding-left: 25px;
}
#b1 ul li{
list-style-type: square;
}
/*
.oktatokep{
padding:3px;
width:125px;
}*/
/*.oktatokep:hover{
cursor:pointer;
}*/
.idezet{
font-style:italic;
    font-size: 14px;
    letter-spacing: 1px;
}
#idezet{
    background-color:#36383e;
    background-color: #bf0000;

    padding: 16px;
    color: white;
    border-radius: 5px;


}
/*
#felsokep{

    height: 198px;
	background-image:url('../img/madarak_ath.png');
}
#felso img{
padding:0 !important;
    width: auto;
    height: 198px;
}*/
.szerzo{
font-weight:bold;
font-size:13px;
line-height:30px;
}
#bal img{
padding:45px 0 !important;
    width: 130px;
   /* height: 100px;*/
}
#jobb{
  /* width: 170px;
    float: right;*/
   /* position: fixed;*/
   /* right:15px;
	    top: 176px;
		
		display:ruby-base;*/
		/*display:contents;*/
}

#jobbalap{
	flex-grow:1;
	}
#bal{

	    padding: 30px 10px;
  /*  width: 245px;*/
    /* float: left; */
 /*   position: absolute;
    left: 0px;
    top: 250px;*/
  /*  text-align: center;
	flex-grow:1;*/
}
.inline{
display:inline-block;
}
.kiskep{
border:none;
width:60px;
}
.kepdiv{
text-align:center;
}
 .kep{
    display: inline;
    height: 180px;
	width:auto;
	float:none;
    cursor: pointer;
	}
img{
/*padding:15px;*/
/*width:264px;*/
/*float:right;*/
/*border: solid 25px #D13525;*/

}
img.teljes{
padding:0;
    width: 100%;
    text-align: center;
 /*   box-shadow: 9px 8px 29px #0c3054;*/
   /*width: 65%; */
    margin: 20px;
	
}
img.szeles{
padding:0px;
margin:12px;
    width: 95%;
    text-align: center;
    /* box-shadow: 9px 8px 29px #0c3054;*/
	
}
img.arnyekolt{

    margin-top: 12px;
   
    /* box-shadow: 9px 8px 29px #0c3054;*/
	
}
.w100 p{   
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
.kdiv{
display:block;
    width: 100%;
    text-align: center;
}
.bdiv{
display:inline-block;
width:48%;
vertical-align:middle;
    text-align: left;
	margin-bottom:10px;
	
}
/*
.dobozok{
width:50px;
height:50px;
}

*/

.afonya{
background-color:#ad352c;
background-color: #780202
}
afonya:hover{
background-color: black;
color:#063852;

}

#felso{ 
      font-family: 'Caveat', cursive;
    font-size: 50px;
    padding-top: 37px;
    text-align: center;
    color: #ad352c;
    width: 100%;
    z-index: -10;
    height: 120px;
}/*
.mySlides {
display:none;
/*border:none;*/
}
*/
#img_logo{ 
    width: 125px;
    float: left;
    margin-right: 22px;
    margin-top: -35px;
}
#alap{


	   /* margin-top: -55px ;*/
	  /* margin: -55px auto 15px auto;*/
	text-align:center;
	
	width:970px;
    width: 100%;
	  /*  box-shadow: 0px 0px 35px #111; */
	
		flex-shrink:0;

}
.fb-like{
    border: none;
   
    overflow: hidden;
    width: 70px;
    height: 70px;
    text-align: center;
    padding: 10px;
}
#szlogen h1{
	font-size:32px;
	    font-weight: 100;
    margin: 0;
	
	
}
#szlogen{

  
	text-align:center;
	line-height: 49px;
    padding: 19px;
	/*text-transform: uppercase;*/
	
	font-size:45px;
	color: white;
    margin-top: 3px;
    z-index: 2;
   /* position: absolute;*/
    height: 72px;
    padding-top: 72px;
    margin-top: 87px;
  /*  width: 100%;*/
padding-bottom: 54px;    

}

#szlogen span{
    font-size: 30px;
   /* font-weight: bold;*/
    letter-spacing: 3px;
    font-family: 'Caveat', cursive;
}
#banner{
width: 100%;
}

#zoldfenyologo{
width:100px;
    float: left;
      padding-right: 10px;
}
#szlogen:hover{
cursor:pointer;
}
/*
.csik{
	text-align:center;
	
	color: #d2b511;
	color: #fafeb2;
     height: 23px;
    padding: 7px;
}
*/
.wrapper {

      /*display: inline-block;*/
  /*  height: 180px;
  text-transform: uppercase;*/
   /* position: fixed;*/
   /* margin-bottom: 30px;*/
	/*font-family: Arial;*/
	font-size: 14px;
	/*text-shadow: 0 1px 1px rgba(255,255,255,0.4);*/
    color: #262626;
    margin: 0 auto;
	
    padding: 6px;
    /*background-color: #bf0000;*/
    margin-top: -50px;
    z-index: 5;}

#szavak{
    
    padding-bottom: 31px;
    font-size: 19px;
    letter-spacing: 5px;
    font-weight: bold;
    color: white;
    /* margin: auto 0; */
    text-align: center;
    
}
#ut{
    padding-top: 29px;
    padding-bottom: 31px;
    font-size: 24px;
   
    font-weight: bold;
    color: black;
    /* margin: auto 0; */
    text-align: center;
}

#fejlec
{
    position: fixed;
	width:100%;
    margin-top: -86px;
    background-color: white;
    border-bottom: #780202 8px solid;
   /* background-color:#ad352c ;*/
	
}
.inline{
    display: inline-block;
}
#bb{
    font-weight: bold;
    letter-spacing: 3px;
    color: #bf0000;
    float: right;
    margin: 25px 40px 0 0;
/*margin-top: -50px;*/
   
    /*width: 100%; */
   
    height: 43px;
    padding-top: 10px;
  
    z-index: 5;
    
    
}
#logofent{
    width: 176px;
    margin-left: 20px;
    margin-right: 36px;
    cursor: pointer;
}


#szoveg{
text-align:left;
padding:10px 50px 50px 50px;;
width: 70%;
margin: 0 auto;
font-size: 16px;
}

.padding {
padding: 0 20px;
display:inline-block;
}

.cim h1{
	  font-size: 20px;
	    margin: 20px 0;
}
.cim{

	
  

	 
   padding: 5px;
  
	letter-spacing:5px;
	font-weight:bold;
}

.lista{
letter-spacing: 1px;
line-height:33px;
}
.lista ul li{
 list-style-image:url(../img/lufi_ikon.png);
     margin: 9px 21px;
     text-align: left;
 }
 #at ul li{
    list-style-image:url(../img/lufi25.png);
       
    }
 .keret{

 
     padding-bottom: 1px;
	  margin-bottom: 20px;
 }
 #copyright{

 text-align:center;
 	/*color: #063852;*/
	    color: #f1f1f2;
	/*margin:20px;*/
	font-size:11px;
	padding: 15px;
 }


#rpmenu{
letter-spacing:3px;
	background:#8c1d1d;
	display:none;
	padding:8px;
	
 }
 #rpmenu a{
    color: #F1F1F2;
    padding: 56px;
 }
 @media screen and (max-width: 1340px) {
	 #hatfajas{
		    margin: 0px -40px;
	 }
	 
 }
 @media screen and (max-width: 1255px) {
	 #hatfajas{
		    margin: 0px -80px;
	 }
#logofent {
        width: 143px;
        margin-left: 20px;
        margin-right: 36px;
    }


   
    #bb {
        margin-top: 12px;
        margin-bottom: 37px;
        font-size: 12px;
    }

 }
 
  @media screen and (max-width: 1180px) {
	 #hatfajas{
		    margin: 0px -100px;
			    background-size: 160px;
}
	
#bb {
    margin: 0px;
    padding-left:20px;
   
}




}
	 
 
 @media screen and (max-width: 1075px) {
 .flex-container {
    display: initial;
    align-items: initial;
   
}
.fbm{
    margin-bottom: -20px;
    height: 107px;
    position: relative;
    top: -17px;
}
#jobb {
    width: auto;
    float: none;
    position: initial;
	text-align: center;
   
}
.landing{
	
	margin: 5px 10px;
	font-size: 18px;
    line-height: 25px;
 }
 .c1 {
       line-height: 40px;
}
#hatfajas{
	background: none;
	margin:0;
	
	
}
#hatfajas img{
	display:block;
	    width: 100px;
     margin: 19px auto;
}
 
	 #fbal,#kozep,#fjobb{width:100%;}

     #szlogen {
       
        line-height: 49px;
       
        font-size: 30px;
      
        padding-bottom:30px;
     }    


     #szlogen span {
        font-size: 20px;
       
    }
    	 .bdiv{
display:block;
width:90%;

}
 }
 
 
 @media screen and (max-width: 850px) {
  #alap{
	width:95%;

}
#at img{
    width:100%;

    
}


#bb2023 {

    float: none;
}
img.jobb, img.profil {
     float: none;
     display: block;
    margin: 0 auto;
    padding: 10px;
}

.landing img.jobb{
	float:none;
	padding:0;
	margin: 10px auto;
display:block;	
}


#bal{
display:none;
}
/*
.oktatokep {
  
    width: 80px;
}*/
table,td a{
font-size:12px;
}

ul.menu {
  
    display: block;
  
}

 }


 @media screen and (max-width: 760px) {
	 
    #fejlec
    {
        position: absolute;
        text-align: center;
    }
	 .w100 p{   
    width: 90%;
    
}
.wrapper{
    margin-top: 0;
    float: left;
    
    width: 100%;
    text-align: center;
    padding-left:0;

}
	 .w100 img.w45{   
    width: 90%;
    
} 

.lista {
   
    line-height: 23px;
    font-size: 13px;
}
	 
 .kiskep{

width:40px;
}
.fbm {
   
    height: 82px;
  
    top: 8px;
}
 #rpmenu{

	display:block;
    float:left;
    margin-top: 10px;
        width: 100%;
 }

#arak {
    width: 90%;
 }
.rphidden{
	display:none;
} 
li.menu_p:after  {
   content: "\f0d7";
   
}
.nyil{
	    right: 0;
    top: 2px;
    height: 0px;
  
    width: 20px;
  display: block;
    position: absolute;
   
    color: #d0b9b9;
    border-left: 1px solid #3C3C3C;
    background-color: #752525;
   

}
 ul.menu li a, .aktmenu  {
    line-height: 30px !important;
   
}
 #szoveg{
text-align:center;
    padding: 10px ;
    width: 95%;
}
 #szlogen{
 height:auto;
 
 }
/* .csik{
  height:auto;
 }*/

 #bb {
    float: left;
    padding-left: 20px;
    margin-top: -79px;
    width: 100%;
    text-align: center;
}

  ul.menu {
  height:auto;
  display:none;
      width: 201px;
    background-color: white;
    
   
  }
 ul.menu li{
 float:none;
 height:auto;
  width: 166px;
  position:relative;
  padding: 0 17px;
 }
 .almenu{
 position: static;
     width: 388px;
 
 }/*
.almenu li a{
 margin-left:30px;
 width:100%;
  }*/
  
 ul.almenu li a {
      margin-left: 20px;
    
}
/*ul.menu li a{

line-height:normal;
padding:10px;
 }*/
 .wrapper {
 height:auto;
 }

#img_logo{ 
    float: none;
    margin: auto;
    display:block;
}

.cim
{
text-align:center;
}
select{
    width: 300px;
    height: 54px;
    white-space: normal;
  
}
textarea {
        width: 300px;
}

 }
  @media screen and (max-width: 385px) {
  table,td a{
font-size:10px;
}
/* @media screen and (max-width: 333px) {
 .oktatokep {
  
    width: 68px;
}
  table,td a{
font-size:5px;
}
  }*/