* {
	box-sizing: border-box;
}

body {
	--pad: clamp(1rem, 3vw, 3rem);
	font-family: "Open Sans", sans-serif;
	line-height: 1.6;
	margin: 0;
}

h1, h2, p {
	margin-block: 0;
}

h1,h2,h3,h4,h5,h6 {
     margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

h1 {
    font-size:2.5rem;
    font-weight:900;
}

h3 {
    font-size:1.75rem;
    
}

h5 {
    font-size: 1.25rem;
    font-weight:bold;
    }
p {
    margin-bottom:1rem;
}

img {
	width: 100%;
	height: 100%;
	display: block;
}

.container {
	display: grid;
	grid-template-columns: [full-start] 1fr [wrapper-start] minmax(0, 110rem) [wrapper-end] 1fr [full-end];
	gap: 0 var(--pad, 1rem);
}

.container > * {
	grid-column: wrapper;
}