* { margin: 0; padding: 0; box-sizing: border-box }
html { font-size: 30px }
body { font-family: 'Work Sans', sans-serif; max-width: 1400px; margin: 0 auto  }
img { max-width: 100% }
.content-padding { padding: 0 1rem }
.mt-0 { margin-top: 0 }
.m-0 { margin: 0 }
figure { margin: 1.5rem auto }
figure .video-wrapper { margin: 0 auto }
figcaption { text-align: center; font-size: .8rem; margin: .5rem 0 }
figcaption h3 { font-size: 1.2rem }

figure.w500 { max-width: 500px }
figure.w450 { max-width: 450px }
figure img { width: 100% }



header          { background-color: #ffffff; justify-content: space-around }
header .wrapper { align-items: center; justify-content: space-evenly }
header img      { max-width: 20%; margin:0; padding:0 }
header h1       { display: inline-block; max-width: 70%; font-size: 1.8rem; color: #000000; text-shadow: .08rem .08rem #f1b314; margin:0; padding:0 }



h2 { font-size: 1.3rem; color: #f1b314; text-shadow: .03rem .03rem #000000; text-align: center; margin: 3rem 0 1rem 0}

p { margin: 1.5rem 2.5rem; line-height: 1.7; font-size: .9rem; text-align: justify }
.center {text-align: center }



main a { display: inline-block; color: #000000;  text-decoration: none; font-weight: bold; transition: .1s all }
main a:hover { transform: scale(1.01);  }










.fc { display: flex; flex-flow: row wrap }




.fb-like { width: 260px; margin: 0 auto; display: block !important }
.fb-page { width: 260px; margin: 0 auto; display: block !important }







.icon-link { font-size: 2rem; display: flex; align-items: center; justify-content: center; height: 174px }
.icon-link a { color: #000; text-shadow: none; display: block }
.icon-link a:hover { color: grey; transform: none }
.icon-link.phone { background: url('https://legkonditisztitas.hu/klimatisztitas/telefon.jpg') center center no-repeat }
.icon-link.mail { height: 140px; text-align: center; background: url('https://legkonditisztitas.hu/klimatisztitas/email.jpg') center center no-repeat }




footer { padding: 5rem 0 1rem 0; text-align: center; }
footer img { max-width:200px; margin: 0 auto 0 auto; }
.foot           { padding: 0rem; font-size: .6rem; text-align: center; margin: 1rem auto; }
.tosot          { color: #b70327; font-family: "Montserrat", sans-serif; }



@media screen and (max-width: 1000px) {
	
	header .wrapper { text-align: center }
	header img { max-width: 80%; margin-top: 2rem;}
	header h1 { max-width: 100%; font-size: 2rem; margin-top: 1.5rem; }
	
	
	p { margin: 2rem 0; }
	main { margin: 0; padding: 0; }
	main a { display: inline; }
	
	.content-padding { padding: .7rem; }
	
	
	footer img { max-width: 50%; }
}