/*
Theme Name: GeneratePress - Child
Template: generatepress
*/

@font-face {
    font-family: 'DM Sans';
    src: url('fonts/DMSans-VariableFont_opsz,wght.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

h1 { font-size: clamp(2rem, 5vw, 3.5rem); }
h2 { font-size: clamp(1.75rem, 4.5vw, 3rem); }
h3 { font-size: clamp(1.5rem, 4vw, 2.5rem); }
h4 { font-size: clamp(1.25rem, 3.5vw, 2rem); }
h5 { font-size: clamp(1.125rem, 3vw, 1.75rem); }
h6 { font-size: clamp(1rem, 2.5vw, 1.5rem); }
p { font-size: clamp(1rem, 2.5vw, 1.125rem); }
small { font-size: clamp(0.875rem, 2vw, 1rem); }

.size-h1 { font-size: clamp(2rem, 5vw, 3.5rem); }
.size-h2 { font-size: clamp(1.75rem, 4.5vw, 3rem); }
.size-h3 { font-size: clamp(1.5rem, 4vw, 2.5rem); }
.size-h4 { font-size: clamp(1.25rem, 3.5vw, 2rem); }
.size-h5 { font-size: clamp(1.125rem, 3vw, 1.75rem); }
.size-h6 { font-size: clamp(1rem, 2.5vw, 1.5rem); }
.size-p { font-size: clamp(1rem, 2.5vw, 1.125rem); }
.size-small { font-size: clamp(0.875rem, 2vw, 1rem); }

h1, h2 {
  font-family: 'scotch-display', serif;
  font-weight: 600;
}

h3, h4, h5, h6, p, li, span, a {
  font-family: 'DM Sans', system-ui, sans-serif;
  font-weight: 500;
  color: #0f172a;
}

.inside-header {
	max-width: 1200px;
}

section {
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 20px;
}

section.full-width > .wrapper {
	max-width: 1200px;
    margin: 0 auto;
    padding: 80px 20px;
}

.full-width {
	max-width: 100%;
}

.btn {
    padding: 14px 28px;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
}

.btn.light { background: #f1f5f9; color: #0f172a; }
.btn.dark  { background: #0f172a; color: #fff; }
.btn.green { background: #22c55e; color: #fff; }

/* DESKTOP */

@media(min-width:768px) {
	
.inside-header {
	padding: 20px 0px;
}
	
}