@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');



*,

*::before,

*::after {

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



* {

  margin: 0;

  padding: 0;

  border: 0;

  list-style: none;

}



html {

  font-family: sans-serif;

  margin-top: 0;

  -webkit-text-size-adjust: 100%;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  scroll-behavior: smooth;

}







html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

    -webkit-text-size-adjust: none!important;

    text-decoration: none;

}



* {

    outline: none;

    -webkit-appearance: none;

}



b, strong {

    font-weight: 700;

}



img {

    margin: 0;

    padding: 0;

    border: 0;

    line-height: 0;

    vertical-align: top;

	max-width: 100%;

	height: auto;

}



article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

    display: block;

}



ol, ul {

    list-style: none;

}



blockquote, q {

    quotes: none;

}



blockquote:before, blockquote:after,

q:before, q:after {

    content: '';

    content: none;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}











body {

  margin: 0;

  padding: 0;

  border: 0;

  font-family: 'Poppins', sans-serif;

  font-size: 1rem;

  font-weight: 300;

  line-height: 1.5;

  color: var(--dark-blue);

  text-align: left;

  text-rendering: geometricPrecision;

  background-color: var(--background-color);

}



h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {

  margin-top: 0;

  margin-bottom: 1rem;

  font-weight: 400;

  line-height: 1.2;

  color: var(--middle-blue);

  font-family: 'Lora', serif;

}

h1, .h1 {font-size: clamp(2rem, 4.5vw, 3rem);}

h2, .h2 {font-size: clamp(1.875rem, 4vw, 2.75rem);}

h3, .h3 {font-size: clamp(1.475rem, 3.5vw, 2.25rem);}

h4, .h4 {font-size: clamp(1.375rem, 3vw, 2rem);}

h5, .h5 {font-size: clamp(1.2rem, 2.5vw, 1.5rem);}

h6, .h6 {font-size: clamp(1.1rem, 1.5vw, 1.5rem); font-family: 'Poppins', sans-serif; text-transform: uppercase; color: var(--dark-blue); letter-spacing: 2px; font-weight: 300;}





.display-1, .display-2, .display-3, .display-4, .display-5, .display-6, .display-7 {

  font-weight: 400;

  line-height: 1.2;

  font-family: 'Lora', serif;

  color: var(--middle-blue);

  margin-bottom: 1rem;

}

.display-1 { font-size: clamp(3rem, 10vw, 7rem);}

.display-2 { font-size: clamp(2.75rem, 9vw, 6.5rem);}

.display-3 { font-size: clamp(2.5rem, 8vw, 6rem);}

.display-4 { font-size: clamp(2.25rem, 7vw, 5.5rem);}

.display-5 { font-size: clamp(2rem, 6vw, 5rem);}

.display-6 { font-size: clamp(1.75rem, 5vw, 4.5rem);}

.display-7 { font-size: clamp(2.2rem, 5vw, 3.5rem);}



.caption { font-size: clamp(0.9rem, 5vw, 0.9rem);}





p, a, li, li > a, a > button, input, td {

  font-size: clamp(1.1rem, 1.3vw, 1.3rem);

}



p {

  margin-bottom: 1rem;

  line-height: 1.8;

}



a {

  color: var(--middle-blue);

  text-decoration: underline;

}



a:hover {

  text-decoration: none;

}