@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

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

body { font-family: 'Roboto', sans-serif; max-width: 1600px; margin: 0 auto  }
h1, h2, h3 { font-family: "Manrope", sans-serif; }
h2, h3 { color: #708090; }
img { max-width: 100% }

figure { margin: 1.5rem auto }
figure.w700 { max-width: 700px }
figure.w600 { max-width: 600px }
figure.w300 { max-width: 300px }



img.float-left { float:left; margin: 0 1rem 1rem 0 }



header { text-align: left; background-color: #708090; }
header h1 { font-size: 3.5rem; color: #ffffff; margin: 0; padding: 5rem 0 .5rem 12rem; }
.electrolux { font-size: 4.5rem; }
main { margin: 2px 0 }
.red  { background-color: #c0c0c0; width: 100%; height: 10px; }


p { margin: 2rem 13rem; line-height: 1.7; font-size: 1.5rem;  text-align: justify }

.center {text-align: center }



h2 { font-size: 3.5rem; text-align: center; margin: 8rem 0 4rem 0; }
h3 { font-size: 2.5rem; margin: 4rem 0 1rem 10rem;  }

.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; }
.logo { max-width: 150px; }
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 }








footer { text-align: right; background-color: #708090; height: 10rem }
footer p { color:#ffffff; text-align: center; margin: 0; padding-top: 1rem; }



@media(max-width:1000px) {
	header h1 { text-align: center; font-size: 2rem; padding: 2rem 0 1rem 0rem;}
	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 }
}