* 	 { margin: 0; padding: 0; box-sizing: border-box }
html { font-size: 20px }


header { text-align: center; background: yellow; width: 100%; border-bottom: 2px solid black; }
h1 	   { padding: 20px; font-size: 1.3rem; }


main   { display: flex; flex-flow: row nowrap; gap: 5px; }

.left,
.right{
    width: 25px;
    flex-shrink: 0;
    background-repeat: repeat-y;   
    background-size: 100% auto;   
}


.left    { background: url('klimatisztito-spray/klimatisztitospray1.jpg'); }
.right   { background: url('klimatisztito-spray/klimatisztitospray2.jpg'); }
.content { flex: 1; padding: 50px 0; }


h2 { color: red; font-size: 2rem; text-align: center; margin: 1rem 0 2rem 0; }
h3 { color: red; font-size: 1.5rem; margin: 1.5rem 0 1rem 0; }
a { color: grey; text-decoration: none; }
p { margin: 0 0 1.5rem 0; line-height: 1.5; }


img			{ max-width: 100%; }
figure		{ margin: 1.5rem 0; text-align: center; width: 100%; }
.w600 { width: 600px; max-width: 90%; }
figcaption 	{ font-size: .8rem; margin: .5rem 0; }


.video-wrapper { max-width: 1000px; margin: 1.5rem auto; z-index: -1 }
.video 		   { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden }
.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 }





footer 	  { background-color: #404040;  color: white;  }
.bubbles  { background: url('https://www.klima-tisztito.hu/klimatisztito-spray/tisztito-hab.jpg') repeat-x center center; height: 110px }
nav       {  margin: 50px 70px; }
footer a  { color: white; }
footer li { margin-bottom: 30px; }
footer p  { text-align: center; margin:0; padding: 0 0 50px 0; }


@media(min-width:600px) {
	h1 	     { font-size: 1.6rem; }
	.content { padding: 50px 8%; }
	nav      { margin: 50px 120px; width: 620px; max-width: 100%; }
}
@media(min-width:1000px) {
	h1 	     { font-size: 2.2rem; }
	main 	 { max-width: 1000px; margin: 0 auto; }
	.left, .right { 
		width:80px; flex-shrink:0;
		background-repeat: repeat-y;   
		background-size: 100% auto;   
	}
	.left    { background-image: url("klimatisztito-spray/klimatisztito-spray-2.jpg"); }
	.right   { background-image: url('klimatisztito-spray/klimatisztito-spray-2.jpg'); }
	nav      { margin: 50px auto; }
}