:root {
	--color-bg: #ffffff; 
    --color-default: #382720;	
    --color-mark: #e2021b;
    --color-accent: #0164FB;
    --font-main: Jost, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 
    --spcng: 2.5rem;
    --db-spcng: 4rem;
    --ph-bg: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyNyAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjgwNTkgNi43NUMxNi45MDQ3IDYuOTY0MzkgMTcuOTE0NSA3LjUwMTc5IDE4LjcwNjIgOC4yOTM0M0MxOS40OTc4IDkuMDg1MDYgMjAuMDM1MiAxMC4wOTQ5IDIwLjI0OTcgMTEuMTkzN00xNS44MDU5IDIuMjVDMTguMDg4OCAyLjUwMzYyIDIwLjIxNzcgMy41MjU5NCAyMS44NDI5IDUuMTQ5MTRDMjMuNDY4MiA2Ljc3MjMyIDI0LjQ5MzIgOC44OTk4OSAyNC43NDk3IDExLjE4MjVNMTEuNTA0OSAxNS41OTZDMTAuMTUzMiAxNC4yNDQyIDkuMDg1OCAxMi43MTU3IDguMzAyODEgMTEuMDg0OUM4LjIzNTQ2IDEwLjk0NDYgOC4yMDE3OSAxMC44NzQ1IDguMTc1OTEgMTAuNzg1N0M4LjA4Mzk4IDEwLjQ3MDMgOC4xNTAwMSAxMC4wODMgOC4zNDEyNyA5LjgxNTkyQzguMzk1MDkgOS43NDA3NiA4LjQ1OTQgOS42NzY0NSA4LjU4OCA5LjU0Nzg1QzguOTgxMyA5LjE1NDU0IDkuMTc3OTYgOC45NTc4OSA5LjMwNjUyIDguNzYwMTRDOS43OTE0IDguMDE0MzkgOS43OTE0IDcuMDUyOTkgOS4zMDY1MiA2LjMwNzIzQzkuMTc3OTYgNi4xMDk0OCA4Ljk4MTMgNS45MTI4MyA4LjU4OCA1LjUxOTUyTDguMzY4NzcgNS4zMDAyOUM3Ljc3MDkgNC43MDI0MiA3LjQ3MTk1IDQuNDAzNDkgNy4xNTA5IDQuMjQxMUM2LjUxMjQgMy45MTgxNSA1Ljc1ODM1IDMuOTE4MTUgNS4xMTk4NSA0LjI0MTFDNC43OTg4IDQuNDAzNDkgNC40OTk4NSA0LjcwMjQyIDMuOTAxOTggNS4zMDAyOUwzLjcyNDY1IDUuNDc3NjRDMy4xMjg4MSA2LjA3MzQ2IDIuODMwOSA2LjM3MTM3IDIuNjAzMzcgNi43NzY0MUMyLjM1MDkgNy4yMjU4NSAyLjE2OTM3IDcuOTIzOSAyLjE3MDkxIDguNDM5NDFDMi4xNzIyOCA4LjkwMzk3IDIuMjYyNCA5LjIyMTQ4IDIuNDQyNjQgOS44NTY0N0MzLjQxMTIzIDEzLjI2OSA1LjIzODc2IDE2LjQ4OTIgNy45MjUyNCAxOS4xNzU2QzEwLjYxMTcgMjEuODYyMSAxMy44MzE5IDIzLjY4OTcgMTcuMjQ0NCAyNC42NTgzQzE3Ljg3OTQgMjQuODM4NSAxOC4xOTcgMjQuOTI4NiAxOC42NjE1IDI0LjkzQzE5LjE3NyAyNC45MzE2IDE5Ljg3NSAyNC43NSAyMC4zMjQ1IDI0LjQ5NzZDMjAuNzI5NiAyNC4yNyAyMS4wMjc1IDIzLjk3MjEgMjEuNjIzMyAyMy4zNzYzTDIxLjgwMDYgMjMuMTk5QzIyLjM5ODUgMjIuNjAxIDIyLjY5NzQgMjIuMzAyMSAyMi44NTk4IDIxLjk4MUMyMy4xODI4IDIxLjM0MjYgMjMuMTgyOCAyMC41ODg1IDIyLjg1OTggMTkuOTVDMjIuNjk3NCAxOS42MjkgMjIuMzk4NSAxOS4zMyAyMS44MDA2IDE4LjczMjJMMjEuNTgxNCAxOC41MTI5QzIxLjE4ODEgMTguMTE5NiAyMC45OTE1IDE3LjkyMjkgMjAuNzkzNyAxNy43OTQzQzIwLjA0NzkgMTcuMzA5NSAxOS4wODY1IDE3LjMwOTUgMTguMzQwOCAxNy43OTQzQzE4LjE0MyAxNy45MjI5IDE3Ljk0NjMgMTguMTE5NiAxNy41NTMgMTguNTEyOUMxNy40MjQ0IDE4LjY0MTUgMTcuMzYwMiAxOC43MDU4IDE3LjI4NDkgMTguNzU5NkMxNy4wMTc5IDE4Ljk1MSAxNi42MzA2IDE5LjAxNyAxNi4zMTUyIDE4LjkyNUMxNi4yMjY0IDE4Ljg5OTEgMTYuMTU2MyAxOC44NjU1IDE2LjAxNjEgMTguNzk4MUMxNC4zODUzIDE4LjAxNTEgMTIuODU2NyAxNi45NDc3IDExLjUwNDkgMTUuNTk2WiIgc3Ryb2tlPSIjRTIwMDFBIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
    --ph-bg-hover: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyNyAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjgwNTkgNi43NUMxNi45MDQ3IDYuOTY0MzkgMTcuOTE0NSA3LjUwMTc5IDE4LjcwNjIgOC4yOTM0M0MxOS40OTc4IDkuMDg1MDYgMjAuMDM1MiAxMC4wOTQ5IDIwLjI0OTcgMTEuMTkzN00xNS44MDU5IDIuMjVDMTguMDg4OCAyLjUwMzYyIDIwLjIxNzcgMy41MjU5NCAyMS44NDI5IDUuMTQ5MTRDMjMuNDY4MiA2Ljc3MjMyIDI0LjQ5MzIgOC44OTk4OSAyNC43NDk3IDExLjE4MjVNMTEuNTA0OSAxNS41OTZDMTAuMTUzMiAxNC4yNDQyIDkuMDg1OCAxMi43MTU3IDguMzAyODEgMTEuMDg0OUM4LjIzNTQ2IDEwLjk0NDYgOC4yMDE3OSAxMC44NzQ1IDguMTc1OTEgMTAuNzg1N0M4LjA4Mzk4IDEwLjQ3MDMgOC4xNTAwMSAxMC4wODMgOC4zNDEyNyA5LjgxNTkyQzguMzk1MDkgOS43NDA3NiA4LjQ1OTQgOS42NzY0NSA4LjU4OCA5LjU0Nzg1QzguOTgxMyA5LjE1NDU0IDkuMTc3OTYgOC45NTc4OSA5LjMwNjUyIDguNzYwMTRDOS43OTE0IDguMDE0MzkgOS43OTE0IDcuMDUyOTkgOS4zMDY1MiA2LjMwNzIzQzkuMTc3OTYgNi4xMDk0OCA4Ljk4MTMgNS45MTI4MyA4LjU4OCA1LjUxOTUyTDguMzY4NzcgNS4zMDAyOUM3Ljc3MDkgNC43MDI0MiA3LjQ3MTk1IDQuNDAzNDkgNy4xNTA5IDQuMjQxMUM2LjUxMjQgMy45MTgxNSA1Ljc1ODM1IDMuOTE4MTUgNS4xMTk4NSA0LjI0MTFDNC43OTg4IDQuNDAzNDkgNC40OTk4NSA0LjcwMjQyIDMuOTAxOTggNS4zMDAyOUwzLjcyNDY1IDUuNDc3NjRDMy4xMjg4MSA2LjA3MzQ2IDIuODMwOSA2LjM3MTM3IDIuNjAzMzcgNi43NzY0MUMyLjM1MDkgNy4yMjU4NSAyLjE2OTM3IDcuOTIzOSAyLjE3MDkxIDguNDM5NDFDMi4xNzIyOCA4LjkwMzk3IDIuMjYyNCA5LjIyMTQ4IDIuNDQyNjQgOS44NTY0N0MzLjQxMTIzIDEzLjI2OSA1LjIzODc2IDE2LjQ4OTIgNy45MjUyNCAxOS4xNzU2QzEwLjYxMTcgMjEuODYyMSAxMy44MzE5IDIzLjY4OTcgMTcuMjQ0NCAyNC42NTgzQzE3Ljg3OTQgMjQuODM4NSAxOC4xOTcgMjQuOTI4NiAxOC42NjE1IDI0LjkzQzE5LjE3NyAyNC45MzE2IDE5Ljg3NSAyNC43NSAyMC4zMjQ1IDI0LjQ5NzZDMjAuNzI5NiAyNC4yNyAyMS4wMjc1IDIzLjk3MjEgMjEuNjIzMyAyMy4zNzYzTDIxLjgwMDYgMjMuMTk5QzIyLjM5ODUgMjIuNjAxIDIyLjY5NzQgMjIuMzAyMSAyMi44NTk4IDIxLjk4MUMyMy4xODI4IDIxLjM0MjYgMjMuMTgyOCAyMC41ODg1IDIyLjg1OTggMTkuOTVDMjIuNjk3NCAxOS42MjkgMjIuMzk4NSAxOS4zMyAyMS44MDA2IDE4LjczMjJMMjEuNTgxNCAxOC41MTI5QzIxLjE4ODEgMTguMTE5NiAyMC45OTE1IDE3LjkyMjkgMjAuNzkzNyAxNy43OTQzQzIwLjA0NzkgMTcuMzA5NSAxOS4wODY1IDE3LjMwOTUgMTguMzQwOCAxNy43OTQzQzE4LjE0MyAxNy45MjI5IDE3Ljk0NjMgMTguMTE5NiAxNy41NTMgMTguNTEyOUMxNy40MjQ0IDE4LjY0MTUgMTcuMzYwMiAxOC43MDU4IDE3LjI4NDkgMTguNzU5NkMxNy4wMTc5IDE4Ljk1MSAxNi42MzA2IDE5LjAxNyAxNi4zMTUyIDE4LjkyNUMxNi4yMjY0IDE4Ljg5OTEgMTYuMTU2MyAxOC44NjU1IDE2LjAxNjEgMTguNzk4MUMxNC4zODUzIDE4LjAxNTEgMTIuODU2NyAxNi45NDc3IDExLjUwNDkgMTUuNTk2WiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
    --ph-accent-bg: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyNyAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjgwNTkgNi43NUMxNi45MDQ3IDYuOTY0MzkgMTcuOTE0NSA3LjUwMTc5IDE4LjcwNjIgOC4yOTM0M0MxOS40OTc4IDkuMDg1MDYgMjAuMDM1MiAxMC4wOTQ5IDIwLjI0OTcgMTEuMTkzN00xNS44MDU5IDIuMjVDMTguMDg4OCAyLjUwMzYyIDIwLjIxNzcgMy41MjU5NCAyMS44NDI5IDUuMTQ5MTRDMjMuNDY4MiA2Ljc3MjMyIDI0LjQ5MzIgOC44OTk4OSAyNC43NDk3IDExLjE4MjVNMTEuNTA0OSAxNS41OTZDMTAuMTUzMiAxNC4yNDQyIDkuMDg1OCAxMi43MTU3IDguMzAyODEgMTEuMDg0OUM4LjIzNTQ2IDEwLjk0NDYgOC4yMDE3OSAxMC44NzQ1IDguMTc1OTEgMTAuNzg1N0M4LjA4Mzk4IDEwLjQ3MDMgOC4xNTAwMSAxMC4wODMgOC4zNDEyNyA5LjgxNTkyQzguMzk1MDkgOS43NDA3NiA4LjQ1OTQgOS42NzY0NSA4LjU4OCA5LjU0Nzg1QzguOTgxMyA5LjE1NDU0IDkuMTc3OTYgOC45NTc4OSA5LjMwNjUyIDguNzYwMTRDOS43OTE0IDguMDE0MzkgOS43OTE0IDcuMDUyOTkgOS4zMDY1MiA2LjMwNzIzQzkuMTc3OTYgNi4xMDk0OCA4Ljk4MTMgNS45MTI4MyA4LjU4OCA1LjUxOTUyTDguMzY4NzcgNS4zMDAyOUM3Ljc3MDkgNC43MDI0MiA3LjQ3MTk1IDQuNDAzNDkgNy4xNTA5IDQuMjQxMUM2LjUxMjQgMy45MTgxNSA1Ljc1ODM1IDMuOTE4MTUgNS4xMTk4NSA0LjI0MTFDNC43OTg4IDQuNDAzNDkgNC40OTk4NSA0LjcwMjQyIDMuOTAxOTggNS4zMDAyOUwzLjcyNDY1IDUuNDc3NjRDMy4xMjg4MSA2LjA3MzQ2IDIuODMwOSA2LjM3MTM3IDIuNjAzMzcgNi43NzY0MUMyLjM1MDkgNy4yMjU4NSAyLjE2OTM3IDcuOTIzOSAyLjE3MDkxIDguNDM5NDFDMi4xNzIyOCA4LjkwMzk3IDIuMjYyNCA5LjIyMTQ4IDIuNDQyNjQgOS44NTY0N0MzLjQxMTIzIDEzLjI2OSA1LjIzODc2IDE2LjQ4OTIgNy45MjUyNCAxOS4xNzU2QzEwLjYxMTcgMjEuODYyMSAxMy44MzE5IDIzLjY4OTcgMTcuMjQ0NCAyNC42NTgzQzE3Ljg3OTQgMjQuODM4NSAxOC4xOTcgMjQuOTI4NiAxOC42NjE1IDI0LjkzQzE5LjE3NyAyNC45MzE2IDE5Ljg3NSAyNC43NSAyMC4zMjQ1IDI0LjQ5NzZDMjAuNzI5NiAyNC4yNyAyMS4wMjc1IDIzLjk3MjEgMjEuNjIzMyAyMy4zNzYzTDIxLjgwMDYgMjMuMTk5QzIyLjM5ODUgMjIuNjAxIDIyLjY5NzQgMjIuMzAyMSAyMi44NTk4IDIxLjk4MUMyMy4xODI4IDIxLjM0MjYgMjMuMTgyOCAyMC41ODg1IDIyLjg1OTggMTkuOTVDMjIuNjk3NCAxOS42MjkgMjIuMzk4NSAxOS4zMyAyMS44MDA2IDE4LjczMjJMMjEuNTgxNCAxOC41MTI5QzIxLjE4ODEgMTguMTE5NiAyMC45OTE1IDE3LjkyMjkgMjAuNzkzNyAxNy43OTQzQzIwLjA0NzkgMTcuMzA5NSAxOS4wODY1IDE3LjMwOTUgMTguMzQwOCAxNy43OTQzQzE4LjE0MyAxNy45MjI5IDE3Ljk0NjMgMTguMTE5NiAxNy41NTMgMTguNTEyOUMxNy40MjQ0IDE4LjY0MTUgMTcuMzYwMiAxOC43MDU4IDE3LjI4NDkgMTguNzU5NkMxNy4wMTc5IDE4Ljk1MSAxNi42MzA2IDE5LjAxNyAxNi4zMTUyIDE4LjkyNUMxNi4yMjY0IDE4Ljg5OTEgMTYuMTU2MyAxOC44NjU1IDE2LjAxNjEgMTguNzk4MUMxNC4zODUzIDE4LjAxNTEgMTIuODU2NyAxNi45NDc3IDExLjUwNDkgMTUuNTk2WiIgc3Ryb2tlPSIjMDE2NEZCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
    --floater-bg: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI3IiB2aWV3Qm94PSIwIDAgMjcgMjciIHdpZHRoPSIyNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTUuODA1OSA2Ljc1YzEuMDk4OC4yMTQzOSAyLjEwODYuNzUxNzkgMi45MDAzIDEuNTQzNDMuNzkxNi43OTE2MyAxLjMyOSAxLjgwMTQ3IDEuNTQzNSAyLjkwMDI3bS00LjQ0MzgtOC45NDM3YzIuMjgyOS4yNTM2MiA0LjQxMTggMS4yNzU5NCA2LjAzNyAyLjg5OTE0IDEuNjI1MyAxLjYyMzE4IDIuNjUwMyAzLjc1MDc1IDIuOTA2OCA2LjAzMzM2bS0xMy4yNDQ4IDQuNDEzNWMtMS4zNTE3LTEuMzUxOC0yLjQxOTEtMi44ODAzLTMuMjAyMDktNC41MTExLS4wNjczNS0uMTQwMy0uMTAxMDItLjIxMDQtLjEyNjktLjI5OTItLjA5MTkzLS4zMTU0LS4wMjU5LS43MDI3LjE2NTM2LS45Njk3OC4wNTM4Mi0uMDc1MTYuMTE4MTMtLjEzOTQ3LjI0NjczLS4yNjgwNy4zOTMzLS4zOTMzMS41ODk5Ni0uNTg5OTYuNzE4NTItLjc4NzcxLjQ4NDg4LS43NDU3NS40ODQ4OC0xLjcwNzE1IDAtMi40NTI5MS0uMTI4NTYtLjE5Nzc1LS4zMjUyMi0uMzk0NC0uNzE4NTItLjc4NzcxbC0uMjE5MjMtLjIxOTIzYy0uNTk3ODctLjU5Nzg3LS44OTY4Mi0uODk2OC0xLjIxNzg3LTEuMDU5MTktLjYzODUtLjMyMjk1LTEuMzkyNTUtLjMyMjk1LTIuMDMxMDUgMC0uMzIxMDUuMTYyMzktLjYyLjQ2MTMyLTEuMjE3ODcgMS4wNTkxOWwtLjE3NzMzLjE3NzM1Yy0uNTk1ODQuNTk1ODItLjg5Mzc1Ljg5MzczLTEuMTIxMjggMS4yOTg3Ny0uMjUyNDcuNDQ5NDQtLjQzNCAxLjE0NzQ5LS40MzI0NiAxLjY2My4wMDEzNy40NjQ1Ni4wOTE0OS43ODIwNy4yNzE3MyAxLjQxNzA2Ljk2ODU5IDMuNDEyNTMgMi43OTYxMiA2LjYzMjczIDUuNDgyNiA5LjMxOTEzIDIuNjg2NDYgMi42ODY1IDUuOTA2NjYgNC41MTQxIDkuMzE5MTYgNS40ODI3LjYzNS4xODAyLjk1MjYuMjcwMyAxLjQxNzEuMjcxNy41MTU1LjAwMTYgMS4yMTM1LS4xOCAxLjY2My0uNDMyNC40MDUxLS4yMjc2LjcwMy0uNTI1NSAxLjI5ODgtMS4xMjEzbC4xNzczLS4xNzczYy41OTc5LS41OTguODk2OC0uODk2OSAxLjA1OTItMS4yMTguMzIzLS42Mzg0LjMyMy0xLjM5MjUgMC0yLjAzMS0uMTYyNC0uMzIxLS40NjEzLS42Mi0xLjA1OTItMS4yMTc4bC0uMjE5Mi0uMjE5M2MtLjM5MzMtLjM5MzMtLjU4OTktLjU5LS43ODc3LS43MTg2LS43NDU4LS40ODQ4LTEuNzA3Mi0uNDg0OC0yLjQ1MjkgMC0uMTk3OC4xMjg2LS4zOTQ1LjMyNTMtLjc4NzguNzE4Ni0uMTI4Ni4xMjg2LS4xOTI4LjE5MjktLjI2ODEuMjQ2Ny0uMjY3LjE5MTQtLjY1NDMuMjU3NC0uOTY5Ny4xNjU0LS4wODg4LS4wMjU5LS4xNTg5LS4wNTk1LS4yOTkxLS4xMjY5LTEuNjMwOC0uNzgzLTMuMTU5NC0xLjg1MDQtNC41MTEyLTMuMjAyMXoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=');
   
}

@font-face {
	font-display: swap; 
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	src: url('/assets/fonts/jost-v19-latin-regular.woff2') format('woff2');
}

@font-face {
	font-display: swap; 
	font-family: 'Jost';
	font-style: normal;
	font-weight: 600;
	src: url('/assets/fonts/jost-v19-latin-600.woff2') format('woff2');
}

/*--------------------------------------------------

		GLOBAL

-------------------------------------------------- */

*, *:before, *:after {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	vertical-align: baseline;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;       
	text-align: left;
}

html {
	scroll-behavior: smooth;
	font-size: 42%;	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
 	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

@media only screen and (min-width: 500px) {
	
	html {
		font-size: 53.5%;
		}
		}
		
@media only screen and (min-width: 760px) {
	
	html {
		font-size: 62.5%;
		}
		}		

body {
	background-color: var(--bg);
	color: var(--color-default);    
	font: 400 2rem/1.6 var(--font-main); 
}

/*--------------------------------------------------

		IMAGES

-------------------------------------------------- */

img {
	width: 100%;
} 

.logo img {
	width: 37%;
	min-width: 175px;
	max-width:270px;
	margin-bottom: 1rem
}

.hero img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 0 var(--spcng) 0;    
}

main img {
	border-radius: 10px; 
	display: block;
	margin-bottom: var(--db-spcng);
}

/*--------------------------------------------------

		TYPE

-------------------------------------------------- */

h1, h2 {
	font-size: 3.5rem;
	font-weight: 600;
	margin-bottom: 2.5rem;
}

h2 {
	color: var(--color-mark);
}

h2.solo {
	margin:var(--spcng) 0 0; 
}

h3 {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size:.9em;
	font-weight: 600;
}

p {
	margin-bottom: var(--spcng);
}

.notd {
	text-transform: uppercase;
	letter-spacing: 2px; 
	font-weight: 600;
	font-size:.9em;
	color:var(--color-mark);
}

h3.notd {
	margin: var(--spcng) 0;
}

/*--------------------------------------------------

		PARTS

-------------------------------------------------- */
 
header {
	margin: 0 auto;
	width: 100%;  	
	max-width: 1080px; 
	padding: var(--db-spcng) calc(var(--spcng) + 1%); 
	position: relative;
 }
 	
 	 @media (max-width: 660px) {	 
	 	 header {	
 			padding: var(--spcng); 
	 	 }
 		 } 			 

main {
	margin: 0 auto;
	width: 98%;
	max-width: 1080px; 
}
 	
	@media (max-width: 660px) {	
		main {
		width: 96%;
 		}
 		}
 	
header a {    
	color: var(--color-default);
}

header a:hover {
	color: var(--color-mark);
}
 
header nav { 
 	display:flex;
 	justify-content: space-between;
}
 
header li {
  	margin:0 1rem 0 0;
  	font-size: 2.2rem;
  	display: inline; 
}

@media (max-width: 660px) {
	header li {
  		margin:0 .6rem 0 0;
  			font-size: 2rem;
	  	}
	  	}

header ul + ul li {
  	margin: 0 0 0 1rem; 
}

section { 
 	margin-bottom: var(--db-spcng);
 	padding: var(--spcng) 0 0; 
 }
 	
.fade-in { 	
	opacity: 0;
	transform: translateY(50px);
	transition: all 0.6s ease-out;
}
  
.fade-in.visible {
	opacity: 1;
	transform: translateY(0);
}

main ul {
	margin: var(--spcng) 0;
}

main li {
	list-style: none;
	display: inline;
	margin-right: var(--spcng);
}

/*--------------------------------------------------

		LINKS

-------------------------------------------------- */

a {
	text-decoration: none;
	font-weight: 600; 
	color: var(--color-accent);
}
   
a:hover {
	color: var(--color-mark);
}

a.phone {
	display: inline-block;
}

a.phone::before {
	content:"";
	display: inline;
	height: 26px;
	width: 26px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 3.5rem;
	display: block;  
	float: left;
}	

a.phone::before {
	background-image: var(--ph-accent-bg); 
}

a.phone:hover::before {
	background-image: var(--ph-bg); 
}

header a.phone::before {
	background-image: var(--ph-bg);  
}

header a.phone:hover::before {
	background-image: var(--ph-accent-bg); 
}

a.floater { 
 	line-height: 1.5;
}

@media (min-width: 721px) {

	a.floater {
		position: absolute;
		top: calc(var(--spcng) + 33px);
		right: var(--spcng);
		margin-right: 1%; 
		color: var(--color-mark);
		padding: 2rem 0;
	}
	
	a.floater:hover {
		color: var(--color-accent);
	}	
	}
	
 @media (min-width: 768px) {
 
 	a.floater { 
		top: calc(var(--spcng) + 30px);
 }
 }

@media (max-width: 720px) {

	a.floater { 
		font-weight: 600;
		position: fixed;
		text-align: center;
		border-radius: 50px;
		bottom: 8rem;
		left: calc(50% - 110px);
		width: 220px;
		background-color: var(--color-mark);
		color: var(--color-bg);
		padding: 2rem 3rem;
		z-index: 1;
		font-size:16px;
		line-height: 1.6;
		margin-right:0;
	}

	a.floater:hover {
		background-color: var(--color-accent);
		color: var(--color-bg);
	}

	header a.phone::before {
		background-image: var(--floater-bg);  
	}

	header a.phone:hover::before {
		background-image: var(--floater-bg); 
	}
	}
	
/*--------------------------------------------------

		SECTIONS GRID

-------------------------------------------------- */	

.grid-wrap { 
	display: grid; 
}

@media (min-width: 660px) {

	.grid-wrap h2 {
		order:3;
		margin:var(--spcng) 0 0 var(--spcng);
		}
		
	.row {
		display: grid;   
	}

	.space {
		justify-items: start;
		align-self: end;
		padding: 1rem var(--spcng) var(--spcng);
	}

	.content div {   	
		padding: var(--spcng); 
	}

	.centered {
		margin: var(--spcng) 0 var(--db-spcng) var(--spcng);
		max-width: 720px;
	}  

	.intro {
		max-width: 720px;
		padding: 1rem var(--spcng) 0;
	}
	}

.image-grid.reversed {
	grid-template-columns: 2fr 5fr;	
}

.row.reversed div:nth-child(2) {
	order: 1;
}

.row.reversed div:nth-child(1) {
	order: 2;
} 

.row.content {
  	grid-template-columns: 1fr 1fr;	
} 
  
.row.default {
  	grid-template-columns: 1fr 2fr; 
}
  
.row.reversed {
  	grid-template-columns: 2fr 1fr;
} 
 
.image-grid {
	display: grid;
	grid-template-columns: 5fr 2fr;	
	align-items: start;
	gap:var(--spcng);
}
  
/*--------------------------------------------------

		FOOTER

-------------------------------------------------- */

footer {
	width: 100%;
	background-color: var(--color-mark);
	}
	
@media (max-width: 660px) {

	footer a[href^="tel:"] { 
		visibility: hidden;
	}
	}
	
	footer * {
		text-align: center;
	}

footer div {
	margin:0 auto;
	padding:80px 0 .6rem;
	max-width: 500px;
	background: var(--color-bg) url("/assets/images/tool.svg") no-repeat center 2rem;
	background-size: 50px 50px;  
	border-radius: 0 0 10px 10px;
}

footer .legal {
	margin: 0 auto;
	padding:1rem 0;
	max-width: 600px;	 
}

footer .legal ul {
	text-align: center; 
}

footer .legal a {
	color: var(--color-bg);
}

footer .legal a:hover {
	color: var(--color-default);
}

footer .legal li {
	display: inline;
	list-style: none;
}

.copy {
	font-size: 1.3rem;
	color: var(--color-bg);
	margin:0;
	padding: 0 1rem 0;
}