* { 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.w700 { max-width: 700px }
figure.w450 { max-width: 450px }
figure.w400 { max-width: 400px }
figure. img { width: 100% }

img.float-left { float:left; margin: 0 1rem 1rem 0 }
.pdf { max-width: 150px }


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: #b70327; text-shadow: .01rem .01rem #000000; margin:0; padding:0 }

nav 		{ text-align: center; border-style: double; border-width: 1px 0px 0px 0px; border-color: #000000; margin: 0 3rem;}
nav a 		{ font-weight: bold; margin-right: 1.5rem; margin-top: 0; display: inline-block; font-size: 1.1rem; padding: .2rem .2rem; color: #b70327; text-shadow: .01rem .01rem #000000; text-decoration: none; transition: all .1s }
nav a:focus,
nav a:hover { transform: scale(1.01); }

h2 { font-size: 1.3rem; color: #b70327; text-shadow: .01rem .01rem #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 }

.box { margin: 0 0 2rem 0; text-align: center; }
.box h3 { margin-top: 0; text-align: center; font-size: 1.2rem }
.box p { font-size: .8rem; margin-bottom: .8rem; }
.box .left { flex: 1; padding: 1rem }
.box .right { flex-basis: 50%; line-height: 0; padding: 1rem; align-self: flex-end; }

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






main blockquote { background: #51a2db; padding: 1rem 0; margin: 1.5rem 0; line-height: 1.7; font-style: normal }
main blockquote a { color: grey; font-size: 1.2rem; text-shadow: none; font-style: italic; }





.center { text-align: center }

.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:40%; 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; }
	
	nav { justify-content: space-around; margin-top: 2rem; }
	nav a { display: inline-block; font-size: 1.2rem; padding: .7rem 0; }
	p { margin: 2rem 0; }
	main { margin: 0; padding: 0; }
	main a { display: inline; }
	
	.content-padding { padding: .7rem; }
	.icon-link.mail { font-size: 1.3rem }
	
	.box { border-bottom-left-radius: 0; border-top-right-radius: 0 }
	.box .left,
	.box .right { flex-basis: 100% }
	.box .left { padding-bottom: 0 }
	.box .right { padding: 0 }
	.btn { width: 100%; margin-top: 5rem}
	
	img.float-left { float: none; margin: 1.5rem auto; display: block; font-size: 1.3rem; }
	
	footer img { max-width: 75%; }
}