/*footer_01 --> alap hatterszin sorrend: teloszam - menuk - logo - copyr - msbt */


/* CSS Document */



@media only screen and (max-width: 768px) {

	#footer_01 { width:100%; background:var(--footer-hatter);}
	#footer_01 #footercontainer {width:var(--main-szelessegM); margin:0vw auto 0 auto; padding:10vw 0;}
	#footer_01 #menupontok { text-align:center; margin:5vw 0;}
	#footer_01 #logo { width:55%; margin:5% auto; text-align:center; }
	#footer_01 #copyright { text-align:center; font-size:var(--footer-betumeretM);color: var(--footer-betuszin);}
	#footer_01 #logo img { width:100%; opacity:1; transform:scale(1,1);} 	#footer_01 #logo img:hover { opacity:1; transform:scale(0.95,0.95);}
	#footer_01 h3 { margin:0; font-family:var(--footer-betutipus); font-size:var(--footer-betumeretM); display:block; text-transform: uppercase;color: var(--footer-betuszin)!important;}
	#footer_01 h3 a { white-space:nowrap; font-weight:var(--footer-weight);  color: var(--footer-betuszin); background: var(--footer-a-hatter); display:block; padding:0 1em; margin:2vw 0;}
	#footer_01 h3 a:hover {color: var(--footer-betuszin-hover); background: var(--footer-a-hatter-hover);}
	#footer_01 #soc { text-align:center; font-size:2em;}	#footer_01 #soc img { width:15%; margin:0 2%;}
	#footer_01 #footermsbt { width:100%; text-align:center; }
	#footer_01 #footermsbt img {width:25%;}
	#footer_01 a { color: var(--footer-betuszin); background: var(--footer-a-hatter); }
	#footer_01 a:hover {color: var(--footer-betuszin-hover); background: var(--footer-a-hatter-hover);}



}


@media only screen and (min-width: 769px) {
	
	#footer_01 { width:100%; background:var(--footer-hatter);}
	#footer_01 #footercontainer {width:var(--main-szelesseg); max-width:var(--main-maxszelesseg); margin:0vw auto 0 auto; padding:3vw 0;}
	#footer_01 #menupontok { text-align:center;}
	#footer_01 #logo { width:25%; margin:2% auto; text-align:center; }
	#footer_01 #copyright { text-align:center; font-size:var(--footer-betumeret);color: var(--footer-betuszin);}
	#footer_01 #logo img { width:100%; opacity:1; transform:scale(1,1);} 	#footer_01 #logo img:hover { opacity:1; transform:scale(0.95,0.95);}
	#footer_01 h3 { margin:0; font-family:var(--footer-betutipus); font-size:var(--footer-betumeret); display:inline-block;height:3vw; text-transform: uppercase;color: var(--footer-betuszin)!important;}
	#footer_01 h3 a { white-space:nowrap; font-weight:var(--footer-weight);  color: var(--footer-betuszin); background: var(--footer-a-hatter); display:block; line-height:5vw;  padding:0 1em;}
	#footer_01 h3 a:hover {color: var(--footer-betuszin-hover); background: var(--footer-a-hatter-hover);}
	#footer_01 #soc { text-align:center; font-size:2em;}	#footer_01 #soc img { width:5%;}
	#footer_01 #footermsbt { width:100%; text-align:left; }
	#footer_01 #footermsbt img {width:5%;}
	#footer_01 a { color: var(--footer-betuszin); background: var(--footer-a-hatter); }
	#footer_01 a:hover {color: var(--footer-betuszin-hover); background: var(--footer-a-hatter-hover);}


}