@import url('https://fonts.googleapis.com/css2?family=Cabin+Condensed:wght@400;700&family=Work+Sans:ital,wght@0,400;0,700;1,400&display=swap');


* { margin: 0; padding: 0; box-sizing: border-box }

body { font-family: 'Work Sans', sans-serif; max-width: 1600px; margin: 0 auto  }
img { max-width: 100% }

figure { margin: 1.5rem auto }
figure.w700 { max-width: 700px }
figure.w400 { max-width: 400px }
.pdf { max-width: 150px }


header { height: 18rem; text-align: left; background-image: url("samsung-klima/wind-free.jpg");  background-repeat: no-repeat; background-size: 100%; margin-bottom: 8rem;}
header h1 { font-size: 3.7rem; color: #b4b6b5; margin: 0; padding: 10rem 0 .2rem 13rem; text-shadow: 1px 1px #1428a0 }
.samsung { font-size: 6rem; color: #1428a0 }


h2 { font-size: 3.5rem; color: #1428a0; text-align: center; margin: 8rem 0 4rem 0}
h3 { font-size: 2.6rem; color: #b4b6b5; margin: 4rem 0 1rem 10rem; text-shadow: 1px 1px #1428a0 }
p { margin: 2rem 13rem; line-height: 1.7; font-size: 1.5rem;  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);  }




.box { margin: 0 0 2rem 0; text-align: center }
.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; }
.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 }

footer { text-align: right; ; height: 11rem; border-top: 5px solid #1428a0  }
footer p { color:#1428a0; text-align: center; margin: 0; padding-top: 1rem; }



@media(max-width:1000px) {
	header { background-image: none; border-bottom: 3px solid #1428a0; margin-bottom: 5rem; height: 12rem; }
	header h1 { text-align: center; font-size: 2rem; padding: 2rem 0 0 0; line-height: 1.7; }
	.samsung { font-size: 3rem; }
	main a { display: inline; }
	p { margin: 1.5rem .6rem; font-size: 1rem; }
	h2 { font-size: 1.3rem;  }
	h3 { font-size: 1.2rem; margin: 3rem 0 1rem .5rem; }
	
	
	.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 }
}