:root{
	
--global-padding:5vw;
--narrow-size:900px;
--wide-size:1440px;
--content-size:900px;

--title-font:"Catamaran",sans-serif;
--font-family:"Roboto",sans-serif;

--extra-small-font-size:clamp(0.75rem, 0.71875rem + 0.15625vw, 0.875rem); /* 12-14 */
--small-font-size:clamp(0.875rem, 0.84375rem + 0.15625vw, 1rem); /* 14-16 */
--normal-font-size:clamp(1rem, 0.96875rem + 0.15625vw, 1.125rem); /* 16-18  */
--medium-font-size:clamp(1.125rem, 1.09375rem + 0.15625vw, 1.25rem); /* 18-20 */
--large-font-size:clamp(1.25rem, 1.1875rem + 0.3125vw, 1.5rem); /* 20-24 */
--extra-large-font-size:clamp(1.5rem, 1.375rem + 0.625vw, 2rem); /* 24-32 */
--huge-font-size:clamp(1.75rem, 1.5rem + 1.25vw, 2.75rem); /* 28-44 */
--gigantic-font-size:clamp(2.25rem, 1.9375rem + 1.5625vw, 3.5rem); /* 36-56*/
--title-font-size:clamp(2.25rem, 1.5625rem + 3.4375000000000004vw, 5rem); /* 36-96*/

--primary-color:#DF203A;
--secondary-color:#FBE019;
--tertiary-color:#82358C;
--background-color:#fcf9f4;

--spacing-xs:clamp(0.25rem, 0.1875rem + 0.3125vw, 0.5rem); /* 4-8*/
--spacing-sm:clamp(0.75rem, 0.6875rem + 0.3125vw, 1rem); /* 12-16*/
--spacing-md:clamp(1rem, 0.75rem + 1.25vw, 2rem); /* 16-32 */
--spacing-lg:clamp(1.5rem, 1.125rem + 1.8750000000000002vw, 3rem); /* 24-48 */
--spacing-xl:clamp(3rem, 2.25rem + 3.7500000000000004vw, 6rem); /* 48-96 */

}

h1, h2, h3, h4, h5, h6{margin-top:1em; margin-bottom:0.5em; font-family:var(--title-font); font-weight:700;}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child{margin-top:1;}
h6{font-size:var(--normal-font-size);}
h5{font-size:var(--medium-font-size);}
h4{font-size:var(--large-font-size);}
h3{font-size:var(--extra-large-font-size); line-height:1.25}
h2{font-size:var(--huge-font-size); line-height:1.125;}
h1{font-size:var(--gigantic-font-size); line-height:1;}

.has-extra-small-font-size{font-size:var(--extra-small-font-size) !important;}
.has-small-font-size{font-size:var(--small-font-size) !important;}
.has-normal-font-size{font-size:var(--normal-font-size) !important;}
.has-medium-font-size{font-size:var(--medium-font-size) !important;}
.has-large-font-size{font-size:var(--large-font-size) !important; line-height:1.25;}
.has-extra-large-font-size{font-size:var(--extra-large-font-size) !important; line-height:1.125;}
.has-huge-font-size{font-size:var(--huge-font-size) !important; line-height:1.125;}
.has-gigantic-font-size{font-size:var(--gigantic-font-size) !important; line-height:1;}
.has-title-font-size{font-size:var(--title-font-size) !important; line-height:1;}

.has-primary-background-color{background-color:#DF203A;}
.has-secondary-background-color{background-color:#FBE019;}
.has-tertiary-background-color{background-color:#82358C;}
.has-background-background-color{background-color:#fcf9f4;}

a{color:inherit; text-decoration:underline; cursor:pointer;}
b, strong{font-weight:700;}
p{margin-top:1em; margin-bottom:1em;}
p a{text-decoration:underline; color:var(--darkblue-color);}

button, input, textarea, select{font:inherit; color:inherit;}
img{max-width:100%; height:auto; display:block;}

/*---------- columns ----------*/

.row{display:flex; min-width:100%; flex-wrap:wrap; align-items:stretch;}
.col{width:100%;}
.col-1{width:8.3333%;} .col-2{width:16.6666%;} .col-3{width:25%;} .col-4{width:33.3333%;} .col-5{width:41.6666%;} .col-6{width:50%;} .col-7{width:58.3333%;} .col-8{width:66.6666%;} .col-9{width:75%;} .col-10{width:83.3333%;} .col-11{width:91.6666%;} .col-12{width:100%;}
@media (min-width:480px){
.col-xs-1{width:8.3333%;} .col-xs-2{width:16.6666%;} .col-xs-3{width:25%;} .col-xs-4{width:33.3333%;} .col-xs-5{width:41.6666%;} .col-xs-6{width:50%;} .col-xs-7{width:58.3333%;} .col-xs-8{width:66.6666%;} .col-xs-9{width:75%;} .col-xs-10{width:83.3333%;} .col-xs-11{width:91.6666%;} .col-xs-12{width:100%;}
}
@media (min-width:768px){
.col-sm-1{width:8.3333%;} .col-sm-2{width:16.6666%;} .col-sm-3{width:25%;} .col-sm-4{width:33.3333%;} .col-sm-5{width:41.6666%;} .col-sm-6{width:50%;} .col-sm-7{width:58.3333%;} .col-sm-8{width:66.6666%;} .col-sm-9{width:75%;} .col-sm-10{width:83.3333%;} .col-sm-11{width:91.6666%;} .col-sm-12{width:100%;}
}
@media (min-width:992px){
.col-md-1{width:8.3333%;} .col-md-2{width:16.6666%;} .col-md-3{width:25%;} .col-md-4{width:33.3333%;} .col-md-5{width:41.6666%;} .col-md-6{width:50%;} .col-md-7{width:58.3333%;} .col-md-8{width:66.6666%;} .col-md-9{width:75%;} .col-md-10{width:83.3333%;} .col-md-11{width:91.6666%;} .col-md-12{width:100%;}
}
@media (min-width:1200px){
.col-lg-1{width:8.3333%;} .col-lg-2{width:16.6666%;} .col-lg-3{width:25%;} .col-lg-4{width:33.3333%;} .col-lg-5{width:41.6666%;} .col-lg-6{width:50%;} .col-lg-7{width:58.3333%;} .col-lg-8{width:66.6666%;} .col-lg-9{width:75%;} .col-lg-10{width:83.3333%;} .col-lg-11{width:91.6666%;} .col-lg-12{width:100%;}
}
@media (min-width:1600px){
.col-xl-1{width:8.3333%;} .col-xl-2{width:16.6666%;} .col-xl-3{width:25%;} .col-xl-4{width:33.3333%;} .col-xl-5{width:41.6666%;} .col-xl-6{width:50%;} .col-xl-7{width:58.3333%;} .col-xl-8{width:66.6666%;} .col-xl-9{width:75%;} .col-xl-10{width:83.3333%;} .col-xl-11{width:91.6666%;} .col-xl-12{width:100%;}
}

.row.is-gap-sm{gap:var(--spacing-sm) 0; margin-left:calc(var(--spacing-sm) * -1);}
.row.is-gap-sm > .col > *{margin-left:var(--spacing-sm);}
.row.is-gap-md{gap:var(--spacing-md) 0; margin-left:calc(var(--spacing-md) * -1);}
.row.is-gap-md > .col > *{margin-left:var(--spacing-md);}
.row.is-gap-lg{gap:var(--spacing-lg) 0; margin-left:calc(var(--spacing-lg) * -1);}
.row.is-gap-lg > .col > *{margin-left:var(--spacing-lg);}
.row.is-gap-xl{gap:var(--spacing-xl) 0; margin-left:calc(var(--spacing-xl) * -1);}
.row.is-gap-xl > .col > *{margin-left:var(--spacing-xl);}

.row.is-vgap-none{gap:var(--spacing-sm) 0;}
.row.is-vgap-sm{gap:var(--spacing-sm) 0;}
.row.is-vgap-md{gap:var(--spacing-md) 0;}
.row.is-vgap-lg{gap:var(--spacing-lg) 0;}
.row.is-vgap-xl{gap:var(--spacing-xl) 0;}
