/* ╒════════════════════════════════════════════════════════════════════════════╕ ├───┬──────────────────────┬─────────────────────────────────────────────────┤ │ │ GREYFOREST DIGITAL │ greyforest-framework-skeleton.css │ ├───┴──────────────────────┴─────────────────────────────────────────────────┤ ├───┬──────────────────────┬─────────────────────────────────────────────┬───┤ │ │ VERSION: 3.2.10 │ UPDATED: 2025/12/01 │ │ ├───┴──────────────────────┴─────────────────────────────────────────────│ │ │ │ NEW VERSIONS: │ │ │ │ https://www.greyforest.dev/framework │ │ │ ├────────────────────────────────────────────────────────────────────┤ │ │ │ GITHUB: │ │ │ │ https://github.com/GreyforestDigital/Greyforest-Framework │ │ │ ├────────────────────────────────────────────────────────────────────┤ │ │ └────────────────────────────────────────────────────────────────────┘ │ ╘════════════════════════════════════════════════════════════════════════════╛ */ /* BACKGROUNDS */ .bg-cover {background-size:cover !important;background-position:center center;background-repeat:no-repeat;} .bg-contain {background-size:contain !important;background-position:center center;background-repeat:no-repeat;} /* FUNCTIONS */ .image {max-width:100%;width:100%;display:block;} .overlay {position:absolute;background:rgba(255,255,255,0.93);top:0;left:0;width:100%;height:100%;z-index:5;display:block;opacity:0;transition:all 0.13s linear;} .overlay:hover {opacity:1;transition:all 0.13s linear;} .underlay {position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;} .parallaxed {transition: 0s ease;transition-property: background-position;background-size:cover !important;background-repeat:no-repeat;background-position: 50% 50%;transform: translate3d(0, 0, 0);} /* TYPOGRAPHY */ .font-xsmall {font-size:.6em;} .font-small {font-size:.8em;} .font-medium {font-size:1.2em;} .font-large {font-size:2em;} .font-xlarge {font-size:5em;} .font-uppercase {text-transform:uppercase;} .font-heavyweight {font-weight:bold;} .font-lightweight {font-weight:100;} .alignnone {text-align:center;margin:0px auto;display:inline;} .aligncenter {text-align:center;margin:0px auto;display:block;} .alignleft {text-align:left;float:left;display:block;margin:1em 2em 2em 0;} .alignright {text-align:right;float:right;display:block;margin:1em 0 2em 2em;} .textaligncenter {text-align:center;} .textalignleft {text-align:left;} .textalignright {text-align:right;} .textalignjustify {text-align:justify;} /* SHAPES */ .shape-circle {clip-path: circle(50% at 50% 50%);} .shape-triangle {clip-path: polygon(50% 0%, 0% 100%, 100% 100%);} .shape-parallelogram {clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);} .shape-hexagon {clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);} .shape-rhombus-right {clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);} .shape-rhombus-left {clip-path: polygon(0 0, 75% 0, 100% 100%, 25% 100%);} .shape-point-right {clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);} .shape-point-left {clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);} /* GRID FRAMEWORK : Floats */ .block {display:block;float:none;margin:1rem;} .block-01, .block-one {width:100%;display:block;float:left;} .block-02, .block-two {width:50%;display:block;float:left;} .block-03, .block-three {width:33.3333%;display:block;float:left;} .block-04, .block-four {width:25%;display:block;float:left;} .block-05, .block-five {width:20%;display:block;float:left;} .block-06, .block-six {width:16.66%;display:block;float:left;} .block-07, .block-seven {width:14.28%;display:block;float:left;} .block-08, .block-eight {width:12.5%;display:block;float:left;} .block-09, .block-nine {width:11.11%;display:block;float:left;} .block-10, .block-ten {width:10%;display:block;float:left;} .block-20, .block-twenty {width:20%;display:block;float:left;} .block-30, .block-thirty {width:30%;display:block;float:left;} .block-40, .block-forty {width:40%;display:block;float:left;} .block-50, .block-fifty {width:50%;display:block;float:left;} .block-60, .block-sixty {width:60%;display:block;float:left;} .block-70, .block-seventy {width:70%;display:block;float:left;} .block-80, .block-eighty {width:80%;display:block;float:left;} .block-90, .block-ninety {width:90%;display:block;float:left;} .block-100, .block-onehundred {width:100%;display:block;float:left;} /* GRID FRAMEWORK : CSS Grid */ .grid {display:grid;} .grid-reverse {grid-auto-flow:dense} .grid-reverse .grid-column-1:first-child, .grid-reverse .grid-column-2:first-child, .grid-reverse .grid-column-3:first-child, .grid-reverse .grid-column-4:first-child, .grid-reverse .grid-column-5:first-child, .grid-reverse .grid-column-6:first-child, .grid-reverse .grid-column-7:first-child, .grid-reverse .grid-column-8:first-child, .grid-reverse .grid-column-9:first-child, .grid-reverse .grid-column-10:first-child, .grid-reverse .grid-column-11:first-child, .grid-reverse .grid-column-12:first-child {grid-column-end:-1} .grid-columns-1 {grid-template-columns: repeat(1, 1fr);} .grid-columns-2 {grid-template-columns: repeat(2, 1fr);} .grid-columns-3 {grid-template-columns: repeat(3, 1fr);} .grid-columns-4 {grid-template-columns: repeat(4, 1fr);} .grid-columns-5 {grid-template-columns: repeat(5, 1fr);} .grid-columns-6 {grid-template-columns: repeat(6, 1fr);} .grid-columns-7 {grid-template-columns: repeat(7, 1fr);} .grid-columns-8 {grid-template-columns: repeat(8, 1fr);} .grid-columns-9 {grid-template-columns: repeat(9, 1fr);} .grid-columns-10 {grid-template-columns: repeat(10, 1fr);} .grid-columns-11 {grid-template-columns: repeat(11, 1fr);} .grid-columns-12 {grid-template-columns: repeat(12, 1fr);} .grid-column-1 {grid-column: span 1} .grid-column-2 {grid-column: span 2} .grid-column-3 {grid-column: span 3} .grid-column-4 {grid-column: span 4} .grid-column-5 {grid-column: span 5} .grid-column-6 {grid-column: span 6} .grid-column-7 {grid-column: span 7} .grid-column-8 {grid-column: span 8} .grid-column-9 {grid-column: span 9} .grid-column-10 {grid-column: span 10} .grid-column-11 {grid-column: span 11} .grid-column-12 {grid-column: span 12} .grid-gap-1rem {grid-gap:1rem;} .grid-gap-2rem {grid-gap:2rem;} .grid-gap-3rem {grid-gap:3rem;} .grid-gap-4rem {grid-gap:4rem;} /* WIDTH : MAX SIZES */ .max-100 {max-width:100px !important;} .max-200 {max-width:200px !important;} .max-300 {max-width:300px !important;} .max-400 {max-width:400px !important;} .max-500 {max-width:500px !important;} .max-600 {max-width:600px !important;} .max-700 {max-width:700px !important;} .max-800 {max-width:800px !important;} .max-900 {max-width:900px !important;} .max-1000 {max-width:1000px !important;} .max-1100 {max-width:1100px !important;} .max-1200 {max-width:1200px !important;} .max-1300 {max-width:1300px !important;} .max-1400 {max-width:1400px !important;} .max-1500 {max-width:1500px !important;} .max-1600 {max-width:1600px !important;} .max-1700 {max-width:1700px !important;} .max-1800 {max-width:1800px !important;} .max-1900 {max-width:1900px !important;} .max-2000 {max-width:2000px !important;} /* HEIGHT : VIEWPORT */ .height-10 {height:10vh !important;} .height-20 {height:20vh !important;} .height-30 {height:30vh !important;} .height-40 {height:40vh !important;} .height-50 {height:50vh !important;} .height-60 {height:60vh !important;} .height-70 {height:70vh !important;} .height-80 {height:80vh !important;} .height-90 {height:90vh !important;} .height-100 {height:100vh !important;} /* PADDING */ .padded {padding:1rem;} .padded-2rem {padding:2rem;} .padded-3rem {padding:3rem;} .padded-percent {padding:8% 7%;} .padded-h5 {padding-top:5vh; padding-bottom:5vh;} .padded-h10 {padding-top:10vh; padding-bottom:10vh;} .padded-h20 {padding-top:20vh; padding-bottom:20vh;} .padded-h30 {padding-top:30vh; padding-bottom:30vh;} .padded-h40 {padding-top:40vh; padding-bottom:40vh;} .padded-h50 {padding-top:50vh; padding-bottom:50vh;} .padded-h60 {padding-top:60vh; padding-bottom:60vh;} .padded-h70 {padding-top:70vh; padding-bottom:70vh;} .padded-h80 {padding-top:80vh; padding-bottom:80vh;} .padded-h90 {padding-top:90vh; padding-bottom:90vh;} .padded-h100 {padding-top:100vh;padding-bottom:100vh;} .padded-w5 {padding-left:5%; padding-right:5%;} .padded-w10 {padding-left:10%; padding-right:10%;} .padded-w20 {padding-left:20%; padding-right:20%;} .padded-w30 {padding-left:30%; padding-right:30%;} .padded-w40 {padding-left:40%; padding-right:40%;} .padded-w50 {padding-left:50%; padding-right:50%;} .padded-w60 {padding-left:60%; padding-right:60%;} .padded-w70 {padding-left:70%; padding-right:70%;} .padded-w80 {padding-left:80%; padding-right:80%;} .padded-w90 {padding-left:90%; padding-right:90%;} .padded-w100 {padding-left:100%;padding-right:100%;} /* FLEXBOX ROW / EQUAL HEIGHT DIVS */ .flex-column {display:flex;flex-flow:column wrap;flex-direction:column;} .flex-row {display:flex;flex-flow:row wrap;flex-direction:row;} .flex-reverse-row {display:flex;flex-direction:row-reverse;} .flex-reverse-column {display:flex;flex-direction:column-reverse;} /* FLEXBOX VERTICAL CENTERING */ .flex-center {display:flex;flex-wrap:wrap;align-items:center;justify-content:center} .flex-center-content {display:flex;flex-wrap:wrap;align-content:center;justify-content:center} .flex-center-items {display:flex;flex-wrap:wrap;align-items:center;justify-content:center} /* FLOATS */ .float-left {float:left;} .float-right {float:right;} .float-center {margin-left:auto;margin-right:auto;} /* POSITIONING */ .position-relative {position:relative;} .position-absolute {position:absolute;} .position-fixed {position:fixed;} .position-sticky {position:sticky;} /* DISPLAY */ .display-block {display:block;} .display-inlineblock {display:inline-block;} .display-flex {display:flex;} .display-hidden {display:none;} /* TEXT COLUMNS */ .text-columns-1 {column-count:1;} .text-columns-2 {column-count:2;} .text-columns-3 {column-count:3;} .text-columns-4 {column-count:4;} /* input[type="radio"] {display:none;font-size:1em;position:relative;} input[type="radio"] + label:before {left:0;display:block !important;position:absolute !important;content:"";top:50%;transform:translateY(-50%);width:1em !important;height:1em !important;background:#DDDDDD;border-radius:100%;} input[type="radio"] + label:hover:before {background:#bbb} input[type="radio"] + label {float:none !important;width:auto;height:auto;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;padding:0;} input[type="radio"] + label span {width:auto !important;border:0px;height:auto;display:block !important;cursor:pointer;text-align:left;padding:.5em;font-size:1em;margin:0 1em;} input[type="radio"]:checked + label:before {left:0;background:#aaa url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0YxOUFGM0IyMjdDMTFFODgyQUJBODQyMjYxMTA4OTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0YxOUFGM0MyMjdDMTFFODgyQUJBODQyMjYxMTA4OTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRjE5QUYzOTIyN0MxMUU4ODJBQkE4NDIyNjExMDg5MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRjE5QUYzQTIyN0MxMUU4ODJBQkE4NDIyNjExMDg5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjuvwr4AAAm9SURBVHja7J1/aJbX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) no-repeat;background-size:50% 50%;background-position:center center;} input[type="radio"]:checked + label span {color:#000;background:none;} input[type="checkbox"] {display:none;font-size:1em;position:relative;} input[type="checkbox"] + label:before {left:0;display:block !important;position:absolute !important;content:"";top:50%;transform:translateY(-50%);width:1em !important;height:1em !important;background:#DDDDDD;border-radius:0%;} input[type="checkbox"] + label:hover:before {background:#bbb} input[type="checkbox"] + label {float:none !important;width:auto;height:auto;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;padding:0;} input[type="checkbox"] + label span {width:auto !important;border:0px;height:auto;display:block !important;cursor:pointer;text-align:left;padding:.5em;font-size:1em;margin:0 1em;} input[type="checkbox"]:checked + label:before {left:0;background:#aaa url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjlFQjI2MzQyMjc2MTFFOEI2NDVCRURFRkFFMDRFMzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjlFQjI2MzUyMjc2MTFFOEI2NDVCRURFRkFFMDRFMzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCOUVCMjYzMjIyNzYxMUU4QjY0NUJFREVGQUUwNEUzMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCOUVCMjYzMzIyNzYxMUU4QjY0NUJFREVGQUUwNEUzMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjRPPd0AAAkeSURBVHja7N35t1Vj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) no-repeat;background-size:50% 50%;background-position:center center;} input[type="checkbox"]:checked + label span {color:#000;background:none;} */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ====================================== */ @media only screen and (max-width : 1920px) { /* ====================================== */ .xlarge-grid-reverse {grid-auto-flow:dense} .xlarge-grid-reverse .grid-column-1:first-child, .xlarge-grid-reverse .grid-column-2:first-child, .xlarge-grid-reverse .grid-column-3:first-child, .xlarge-grid-reverse .grid-column-4:first-child, .xlarge-grid-reverse .grid-column-5:first-child, .xlarge-grid-reverse .grid-column-6:first-child, .xlarge-grid-reverse .grid-column-7:first-child, .xlarge-grid-reverse .grid-column-8:first-child, .xlarge-grid-reverse .grid-column-9:first-child, .xlarge-grid-reverse .grid-column-10:first-child, .xlarge-grid-reverse .grid-column-11:first-child, .xlarge-grid-reverse .grid-column-12:first-child {grid-column-end:-1} .xlarge-block-01, .xlarge-block-one {width:100%;display:block;float:left;} .xlarge-block-02, .xlarge-block-two {width:50%;display:block;float:left;} .xlarge-block-03, .xlarge-block-three {width:33.3%;display:block;float:left;} .xlarge-block-04, .xlarge-block-four {width:25%;display:block;float:left;} .xlarge-block-05, .xlarge-block-five {width:20%;display:block;float:left;} .xlarge-block-06, .xlarge-block-six {width:16.66%;display:block;float:left;} .xlarge-block-07, .xlarge-block-seven {width:14.28%;display:block;float:left;} .xlarge-block-08, .xlarge-block-eight {width:12.5%;display:block;float:left;} .xlarge-block-09, .xlarge-block-nine {width:11.11%;display:block;float:left;} .xlarge-block-10, .xlarge-block-ten {width:10%;display:block;float:left;} .xlarge-block-20, .xlarge-block-twenty {width:20%;display:block;float:left;} .xlarge-block-30, .xlarge-block-thirty {width:30%;display:block;float:left;} .xlarge-block-40, .xlarge-block-forty {width:40%;display:block;float:left;} .xlarge-block-50, .xlarge-block-fifty {width:50%;display:block;float:left;} .xlarge-block-60, .xlarge-block-sixty {width:60%;display:block;float:left;} .xlarge-block-70, .xlarge-block-seventy {width:70%;display:block;float:left;} .xlarge-block-80, .xlarge-block-eighty {width:80%;display:block;float:left;} .xlarge-block-90, .xlarge-block-ninety {width:90%;display:block;float:left;} .xlarge-block-100, .xlarge-block-onehundred {width:100%;display:block;float:left;} .xlarge-bg-size-10 {background-size:10% 100% !important;} .xlarge-bg-size-20 {background-size:20% 100% !important;} .xlarge-bg-size-30 {background-size:30% 100% !important;} .xlarge-bg-size-40 {background-size:40% 100% !important;} .xlarge-bg-size-50 {background-size:50% 100% !important;} .xlarge-bg-size-60 {background-size:60% 100% !important;} .xlarge-bg-size-70 {background-size:70% 100% !important;} .xlarge-bg-size-80 {background-size:80% 100% !important;} .xlarge-bg-size-90 {background-size:90% 100% !important;} .xlarge-bg-size-100 {background-size:100% 100% !important;} .xlarge-grid-columns-1 {grid-template-columns: repeat(1, 1fr);} .xlarge-grid-columns-2 {grid-template-columns: repeat(2, 1fr);} .xlarge-grid-columns-3 {grid-template-columns: repeat(3, 1fr);} .xlarge-grid-columns-4 {grid-template-columns: repeat(4, 1fr);} .xlarge-grid-columns-5 {grid-template-columns: repeat(5, 1fr);} .xlarge-grid-columns-6 {grid-template-columns: repeat(6, 1fr);} .xlarge-grid-columns-7 {grid-template-columns: repeat(7, 1fr);} .xlarge-grid-columns-8 {grid-template-columns: repeat(8, 1fr);} .xlarge-grid-columns-9 {grid-template-columns: repeat(9, 1fr);} .xlarge-grid-columns-10 {grid-template-columns: repeat(10, 1fr);} .xlarge-grid-columns-11 {grid-template-columns: repeat(11, 1fr);} .xlarge-grid-columns-12 {grid-template-columns: repeat(12, 1fr);} .xlarge-grid-column-1 {grid-column: span 1} .xlarge-grid-column-2 {grid-column: span 2} .xlarge-grid-column-3 {grid-column: span 3} .xlarge-grid-column-4 {grid-column: span 4} .xlarge-grid-column-5 {grid-column: span 5} .xlarge-grid-column-6 {grid-column: span 6} .xlarge-grid-column-7 {grid-column: span 7} .xlarge-grid-column-8 {grid-column: span 8} .xlarge-grid-column-9 {grid-column: span 9} .xlarge-grid-column-10 {grid-column: span 10} .xlarge-grid-column-11 {grid-column: span 11} .xlarge-grid-column-12 {grid-column: span 12} /* HEIGHT : VIEWPORT */ .xlarge-height-10 {height:10vh !important;} .xlarge-height-20 {height:20vh !important;} .xlarge-height-30 {height:30vh !important;} .xlarge-height-40 {height:40vh !important;} .xlarge-height-50 {height:50vh !important;} .xlarge-height-60 {height:60vh !important;} .xlarge-height-70 {height:70vh !important;} .xlarge-height-80 {height:80vh !important;} .xlarge-height-90 {height:90vh !important;} .xlarge-height-100 {height:100vh !important;} .mobile {display:none;} .tablet {display:block;} .desktop {display:none;} .xlarge-textaligncenter {text-align:center;} .xlarge-textalignleft {text-align:left;} .xlarge-textalignright {text-align:right;} .xlarge-textalignjustify {text-align:justify;} .xlarge-flex-reverse-row {display:flex;flex-direction:row-reverse;} .xlarge-flex-reverse-column {display:flex;flex-direction:column-reverse;} .xlarge-display-hidden {display:none;} .xlarge-display-block {display:block;} .xlarge-display-inlineblock {display:inline-block;} .xlarge-display-flex {display:flex;} .xlarge-text-columns-1 {column-count:1;} .xlarge-text-columns-2 {column-count:2;} .xlarge-text-columns-3 {column-count:3;} .xlarge-text-columns-4 {column-count:4;} .xlarge-padded {padding:1rem;} .xlarge-padded-2rem {padding:2rem;} .xlarge-padded-3rem {padding:3rem;} .xlarge-grid-gap-1rem {grid-gap:1rem;} .xlarge-grid-gap-2rem {grid-gap:2rem;} .xlarge-grid-gap-3rem {grid-gap:3rem;} .xlarge-grid-gap-4rem {grid-gap:4rem;} } /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ====================================== */ @media only screen and (max-width : 1440px) { /* ====================================== */ .large-grid-reverse {grid-auto-flow:dense} .large-grid-reverse .grid-column-1:first-child, .large-grid-reverse .grid-column-2:first-child, .large-grid-reverse .grid-column-3:first-child, .large-grid-reverse .grid-column-4:first-child, .large-grid-reverse .grid-column-5:first-child, .large-grid-reverse .grid-column-6:first-child, .large-grid-reverse .grid-column-7:first-child, .large-grid-reverse .grid-column-8:first-child, .large-grid-reverse .grid-column-9:first-child, .large-grid-reverse .grid-column-10:first-child, .large-grid-reverse .grid-column-11:first-child, .large-grid-reverse .grid-column-12:first-child {grid-column-end:-1} .large-block-01, .large-block-one {width:100%;display:block;float:left;} .large-block-02, .large-block-two {width:50%;display:block;float:left;} .large-block-03, .large-block-three {width:33.3%;display:block;float:left;} .large-block-04, .large-block-four {width:25%;display:block;float:left;} .large-block-05, .large-block-five {width:20%;display:block;float:left;} .large-block-06, .large-block-six {width:16.66%;display:block;float:left;} .large-block-07, .large-block-seven {width:14.28%;display:block;float:left;} .large-block-08, .large-block-eight {width:12.5%;display:block;float:left;} .large-block-09, .large-block-nine {width:11.11%;display:block;float:left;} .large-block-10, .large-block-ten {width:10%;display:block;float:left;} .large-block-20, .large-block-twenty {width:20%;display:block;float:left;} .large-block-30, .large-block-thirty {width:30%;display:block;float:left;} .large-block-40, .large-block-forty {width:40%;display:block;float:left;} .large-block-50, .large-block-fifty {width:50%;display:block;float:left;} .large-block-60, .large-block-sixty {width:60%;display:block;float:left;} .large-block-70, .large-block-seventy {width:70%;display:block;float:left;} .large-block-80, .large-block-eighty {width:80%;display:block;float:left;} .large-block-90, .large-block-ninety {width:90%;display:block;float:left;} .large-block-100, .large-block-onehundred {width:100%;display:block;float:left;} .large-bg-size-10 {background-size:10% 100% !important;} .large-bg-size-20 {background-size:20% 100% !important;} .large-bg-size-30 {background-size:30% 100% !important;} .large-bg-size-40 {background-size:40% 100% !important;} .large-bg-size-50 {background-size:50% 100% !important;} .large-bg-size-60 {background-size:60% 100% !important;} .large-bg-size-70 {background-size:70% 100% !important;} .large-bg-size-80 {background-size:80% 100% !important;} .large-bg-size-90 {background-size:90% 100% !important;} .large-bg-size-100 {background-size:100% 100% !important;} .large-grid-columns-1 {grid-template-columns: repeat(1, 1fr);} .large-grid-columns-2 {grid-template-columns: repeat(2, 1fr);} .large-grid-columns-3 {grid-template-columns: repeat(3, 1fr);} .large-grid-columns-4 {grid-template-columns: repeat(4, 1fr);} .large-grid-columns-5 {grid-template-columns: repeat(5, 1fr);} .large-grid-columns-6 {grid-template-columns: repeat(6, 1fr);} .large-grid-columns-7 {grid-template-columns: repeat(7, 1fr);} .large-grid-columns-8 {grid-template-columns: repeat(8, 1fr);} .large-grid-columns-9 {grid-template-columns: repeat(9, 1fr);} .large-grid-columns-10 {grid-template-columns: repeat(10, 1fr);} .large-grid-columns-11 {grid-template-columns: repeat(11, 1fr);} .large-grid-columns-12 {grid-template-columns: repeat(12, 1fr);} .large-grid-column-1 {grid-column: span 1} .large-grid-column-2 {grid-column: span 2} .large-grid-column-3 {grid-column: span 3} .large-grid-column-4 {grid-column: span 4} .large-grid-column-5 {grid-column: span 5} .large-grid-column-6 {grid-column: span 6} .large-grid-column-7 {grid-column: span 7} .large-grid-column-8 {grid-column: span 8} .large-grid-column-9 {grid-column: span 9} .large-grid-column-10 {grid-column: span 10} .large-grid-column-11 {grid-column: span 11} .large-grid-column-12 {grid-column: span 12} /* HEIGHT : VIEWPORT */ .large-height-10 {height:10vh !important;} .large-height-20 {height:20vh !important;} .large-height-30 {height:30vh !important;} .large-height-40 {height:40vh !important;} .large-height-50 {height:50vh !important;} .large-height-60 {height:60vh !important;} .large-height-70 {height:70vh !important;} .large-height-80 {height:80vh !important;} .large-height-90 {height:90vh !important;} .large-height-100 {height:100vh !important;} .large-textaligncenter {text-align:center;} .large-textalignleft {text-align:left;} .large-textalignright {text-align:right;} .large-textalignjustify {text-align:justify;} .large-flex-reverse-row {display:flex;flex-direction:row-reverse;} .large-flex-reverse-column {display:flex;flex-direction:column-reverse;} .large-display-hidden {display:none;} .large-display-block {display:block;} .large-display-inlineblock {display:inline-block;} .large-display-flex {display:flex;} .large-text-columns-1 {column-count:1;} .large-text-columns-2 {column-count:2;} .large-text-columns-3 {column-count:3;} .large-text-columns-4 {column-count:4;} .large-padded {padding:1rem;} .large-padded-2rem {padding:2rem;} .large-padded-3rem {padding:3rem;} .large-grid-gap-1rem {grid-gap:1rem;} .large-grid-gap-2rem {grid-gap:2rem;} .large-grid-gap-3rem {grid-gap:3rem;} .large-grid-gap-4rem {grid-gap:4rem;} } /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ====================================== */ @media only screen and (max-width : 1280px) { /* ====================================== */ .medium-grid-reverse {grid-auto-flow:dense} .medium-grid-reverse .grid-column-1:first-child, .medium-grid-reverse .grid-column-2:first-child, .medium-grid-reverse .grid-column-3:first-child, .medium-grid-reverse .grid-column-4:first-child, .medium-grid-reverse .grid-column-5:first-child, .medium-grid-reverse .grid-column-6:first-child, .medium-grid-reverse .grid-column-7:first-child, .medium-grid-reverse .grid-column-8:first-child, .medium-grid-reverse .grid-column-9:first-child, .medium-grid-reverse .grid-column-10:first-child, .medium-grid-reverse .grid-column-11:first-child, .medium-grid-reverse .grid-column-12:first-child {grid-column-end:-1} .medium-block-01, .medium-block-one {width:100%;display:block;float:left;} .medium-block-02, .medium-block-two {width:50%;display:block;float:left;} .medium-block-03, .medium-block-three {width:33.3%;display:block;float:left;} .medium-block-04, .medium-block-four {width:25%;display:block;float:left;} .medium-block-05, .medium-block-five {width:20%;display:block;float:left;} .medium-block-06, .medium-block-six {width:16.66%;display:block;float:left;} .medium-block-07, .medium-block-seven {width:14.28%;display:block;float:left;} .medium-block-08, .medium-block-eight {width:12.5%;display:block;float:left;} .medium-block-09, .medium-block-nine {width:11.11%;display:block;float:left;} .medium-block-10, .medium-block-ten {width:10%;display:block;float:left;} .medium-block-20, .medium-block-twenty {width:20%;display:block;float:left;} .medium-block-30, .medium-block-thirty {width:30%;display:block;float:left;} .medium-block-40, .medium-block-forty {width:40%;display:block;float:left;} .medium-block-50, .medium-block-fifty {width:50%;display:block;float:left;} .medium-block-60, .medium-block-sixty {width:60%;display:block;float:left;} .medium-block-70, .medium-block-seventy {width:70%;display:block;float:left;} .medium-block-80, .medium-block-eighty {width:80%;display:block;float:left;} .medium-block-90, .medium-block-ninety {width:90%;display:block;float:left;} .medium-block-100, .medium-block-onehundred {width:100%;display:block;float:left;} .medium-bg-size-10 {background-size:10% 100% !important;} .medium-bg-size-20 {background-size:20% 100% !important;} .medium-bg-size-30 {background-size:30% 100% !important;} .medium-bg-size-40 {background-size:40% 100% !important;} .medium-bg-size-50 {background-size:50% 100% !important;} .medium-bg-size-60 {background-size:60% 100% !important;} .medium-bg-size-70 {background-size:70% 100% !important;} .medium-bg-size-80 {background-size:80% 100% !important;} .medium-bg-size-90 {background-size:90% 100% !important;} .medium-bg-size-100 {background-size:100% 100% !important;} .medium-grid-columns-1 {grid-template-columns: repeat(1, 1fr);} .medium-grid-columns-2 {grid-template-columns: repeat(2, 1fr);} .medium-grid-columns-3 {grid-template-columns: repeat(3, 1fr);} .medium-grid-columns-4 {grid-template-columns: repeat(4, 1fr);} .medium-grid-columns-5 {grid-template-columns: repeat(5, 1fr);} .medium-grid-columns-6 {grid-template-columns: repeat(6, 1fr);} .medium-grid-columns-7 {grid-template-columns: repeat(7, 1fr);} .medium-grid-columns-8 {grid-template-columns: repeat(8, 1fr);} .medium-grid-columns-9 {grid-template-columns: repeat(9, 1fr);} .medium-grid-columns-10 {grid-template-columns: repeat(10, 1fr);} .medium-grid-columns-11 {grid-template-columns: repeat(11, 1fr);} .medium-grid-columns-12 {grid-template-columns: repeat(12, 1fr);} .medium-grid-column-1 {grid-column: span 1} .medium-grid-column-2 {grid-column: span 2} .medium-grid-column-3 {grid-column: span 3} .medium-grid-column-4 {grid-column: span 4} .medium-grid-column-5 {grid-column: span 5} .medium-grid-column-6 {grid-column: span 6} .medium-grid-column-7 {grid-column: span 7} .medium-grid-column-8 {grid-column: span 8} .medium-grid-column-9 {grid-column: span 9} .medium-grid-column-10 {grid-column: span 10} .medium-grid-column-11 {grid-column: span 11} .medium-grid-column-12 {grid-column: span 12} /* HEIGHT : VIEWPORT */ .medium-height-10 {height:10vh !important;} .medium-height-20 {height:20vh !important;} .medium-height-30 {height:30vh !important;} .medium-height-40 {height:40vh !important;} .medium-height-50 {height:50vh !important;} .medium-height-60 {height:60vh !important;} .medium-height-70 {height:70vh !important;} .medium-height-80 {height:80vh !important;} .medium-height-90 {height:90vh !important;} .medium-height-100 {height:100vh !important;} .float-left-cheat {float:left;} .float-right-cheat {float:right;} .medium-textaligncenter {text-align:center;} .medium-textalignleft {text-align:left;} .medium-textalignright {text-align:right;} .medium-textalignjustify {text-align:justify;} .medium-flex-reverse-row {display:flex;flex-direction:row-reverse;} .medium-flex-reverse-column {display:flex;flex-direction:column-reverse;} .medium-display-hidden {display:none;} .medium-display-block {display:block;} .medium-display-inlineblock {display:inline-block;} .medium-display-flex {display:flex;} .medium-padded {padding:1rem;} .medium-padded-2rem {padding:2rem;} .medium-padded-3rem {padding:3rem;} .medium-grid-gap-1rem {grid-gap:1rem;} .medium-grid-gap-2rem {grid-gap:2rem;} .medium-grid-gap-3rem {grid-gap:3rem;} .medium-grid-gap-4rem {grid-gap:4rem;} } /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ====================================== */ @media only screen and (max-width : 768px) { /* ====================================== */ body, html {min-height:100%;font-size:16px} .small-grid-reverse {grid-auto-flow:dense} .small-grid-reverse .grid-column-1:first-child, .small-grid-reverse .grid-column-2:first-child, .small-grid-reverse .grid-column-3:first-child, .small-grid-reverse .grid-column-4:first-child, .small-grid-reverse .grid-column-5:first-child, .small-grid-reverse .grid-column-6:first-child, .small-grid-reverse .grid-column-7:first-child, .small-grid-reverse .grid-column-8:first-child, .small-grid-reverse .grid-column-9:first-child, .small-grid-reverse .grid-column-10:first-child, .small-grid-reverse .grid-column-11:first-child, .small-grid-reverse .grid-column-12:first-child {grid-column-end:-1} .small-block-01, .small-block-one {width:100%;display:block;float:none;} .small-block-02, .small-block-two {width:50%;display:block;float:left;} .small-block-03, .small-block-three {width:33.3%;display:block;float:left;} .small-block-04, .small-block-four {width:25%;display:block;float:left;} .small-block-05, .small-block-five {width:20%;display:block;float:left;} .small-block-06, .small-block-six {width:16.66%;display:block;float:left;} .small-block-07, .small-block-seven {width:14.28%;display:block;float:left;} .small-block-08, .small-block-eight {width:12.5%;display:block;float:left;} .small-block-09, .small-block-nine {width:11.11%;display:block;float:left;} .small-block-10, .small-block-ten {width:10%;display:block;float:left;} .small-block-20, .small-block-twenty {width:20%;display:block;float:left;} .small-block-30, .small-block-thirty {width:30%;display:block;float:left;} .small-block-40, .small-block-forty {width:40%;display:block;float:left;} .small-block-50, .small-block-fifty {width:50%;display:block;float:left;} .small-block-60, .small-block-sixty {width:60%;display:block;float:left;} .small-block-70, .small-block-seventy {width:70%;display:block;float:left;} .small-block-80, .small-block-eighty {width:80%;display:block;float:left;} .small-block-90, .small-block-ninety {width:90%;display:block;float:left;} .small-block-100, .small-block-onehundred {width:100%;display:block;float:none;} .small-bg-size-10 {background-size:10% 100% !important;} .small-bg-size-20 {background-size:20% 100% !important;} .small-bg-size-30 {background-size:30% 100% !important;} .small-bg-size-40 {background-size:40% 100% !important;} .small-bg-size-50 {background-size:50% 100% !important;} .small-bg-size-60 {background-size:60% 100% !important;} .small-bg-size-70 {background-size:70% 100% !important;} .small-bg-size-80 {background-size:80% 100% !important;} .small-bg-size-90 {background-size:90% 100% !important;} .small-bg-size-100 {background-size:100% 100% !important;} .small-grid-columns-1 {grid-template-columns: repeat(1, 1fr);} .small-grid-columns-2 {grid-template-columns: repeat(2, 1fr);} .small-grid-columns-3 {grid-template-columns: repeat(3, 1fr);} .small-grid-columns-4 {grid-template-columns: repeat(4, 1fr);} .small-grid-columns-5 {grid-template-columns: repeat(5, 1fr);} .small-grid-columns-6 {grid-template-columns: repeat(6, 1fr);} .small-grid-columns-7 {grid-template-columns: repeat(7, 1fr);} .small-grid-columns-8 {grid-template-columns: repeat(8, 1fr);} .small-grid-columns-9 {grid-template-columns: repeat(9, 1fr);} .small-grid-columns-10 {grid-template-columns: repeat(10, 1fr);} .small-grid-columns-11 {grid-template-columns: repeat(11, 1fr);} .small-grid-columns-12 {grid-template-columns: repeat(12, 1fr);} .small-grid-column-1 {grid-column: span 1} .small-grid-column-2 {grid-column: span 2} .small-grid-column-3 {grid-column: span 3} .small-grid-column-4 {grid-column: span 4} .small-grid-column-5 {grid-column: span 5} .small-grid-column-6 {grid-column: span 6} .small-grid-column-7 {grid-column: span 7} .small-grid-column-8 {grid-column: span 8} .small-grid-column-9 {grid-column: span 9} .small-grid-column-10 {grid-column: span 10} .small-grid-column-11 {grid-column: span 11} .small-grid-column-12 {grid-column: span 12} /* HEIGHT : VIEWPORT */ .small-height-10 {height:10vh !important;} .small-height-20 {height:20vh !important;} .small-height-30 {height:30vh !important;} .small-height-40 {height:40vh !important;} .small-height-50 {height:50vh !important;} .small-height-60 {height:60vh !important;} .small-height-70 {height:70vh !important;} .small-height-80 {height:80vh !important;} .small-height-90 {height:90vh !important;} .small-height-100 {height:100vh !important;} .small-textaligncenter {text-align:center;} .small-textalignleft {text-align:left;} .small-textalignright {text-align:right;} .small-textalignjustify {text-align:justify;} .small-flex-reverse-row {display:flex;flex-direction:row-reverse;} .small-flex-reverse-column {display:flex;flex-direction:column-reverse;} .small-display-hidden {display:none;} .small-display-block {display:block;} .small-display-inlineblock {display:inline-block;} .small-display-flex {display:flex;} .small-text-columns-1 {column-count:1;} .small-text-columns-2 {column-count:2;} .small-text-columns-3 {column-count:3;} .small-text-columns-4 {column-count:4;} .small-padded {padding:1rem;} .small-padded-2rem {padding:2rem;} .small-padded-3rem {padding:3rem;} .small-grid-gap-1rem {grid-gap:1rem;} .small-grid-gap-2rem {grid-gap:2rem;} .small-grid-gap-3rem {grid-gap:3rem;} .small-grid-gap-4rem {grid-gap:4rem;} } /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ====================================== */ @media only screen and (max-width : 480px) { /* ====================================== */ body, html {min-height:100%;font-size:16px} .xsmall-grid-reverse {grid-auto-flow:dense} .xsmall-grid-reverse .grid-column-1:first-child, .xsmall-grid-reverse .grid-column-2:first-child, .xsmall-grid-reverse .grid-column-3:first-child, .xsmall-grid-reverse .grid-column-4:first-child, .xsmall-grid-reverse .grid-column-5:first-child, .xsmall-grid-reverse .grid-column-6:first-child, .xsmall-grid-reverse .grid-column-7:first-child, .xsmall-grid-reverse .grid-column-8:first-child, .xsmall-grid-reverse .grid-column-9:first-child, .xsmall-grid-reverse .grid-column-10:first-child, .xsmall-grid-reverse .grid-column-11:first-child, .xsmall-grid-reverse .grid-column-12:first-child {grid-column-end:-1} .xsmall-block-01, .xsmall-block-one {width:100%;display:block;float:none;} .xsmall-block-02, .xsmall-block-two {width:50%;display:block;float:left;} .xsmall-block-03, .xsmall-block-three {width:33.3%;display:block;float:left;} .xsmall-block-04, .xsmall-block-four {width:25%;display:block;float:left;} .xsmall-block-05, .xsmall-block-five {width:20%;display:block;float:left;} .xsmall-block-06, .xsmall-block-six {width:16.66%;display:block;float:left;} .xsmall-block-07, .xsmall-block-seven {width:14.28%;display:block;float:left;} .xsmall-block-08, .xsmall-block-eight {width:12.5%;display:block;float:left;} .xsmall-block-09, .xsmall-block-nine {width:11.11%;display:block;float:left;} .xsmall-block-10, .xsmall-block-ten {width:10%;display:block;float:left;} .xsmall-block-20, .xsmall-block-twenty {width:20%;display:block;float:left;} .xsmall-block-30, .xsmall-block-thirty {width:30%;display:block;float:left;} .xsmall-block-40, .xsmall-block-forty {width:40%;display:block;float:left;} .xsmall-block-50, .xsmall-block-fifty {width:50%;display:block;float:left;} .xsmall-block-60, .xsmall-block-sixty {width:60%;display:block;float:left;} .xsmall-block-70, .xsmall-block-seventy {width:70%;display:block;float:left;} .xsmall-block-80, .xsmall-block-eighty {width:80%;display:block;float:left;} .xsmall-block-90, .xsmall-block-ninety {width:90%;display:block;float:left;} .xsmall-block-100,.xsmall-block-onehundred {width:100%;display:block;float:none;} .xsmall-bg-size-10 {background-size:10% 100% !important;} .xsmall-bg-size-20 {background-size:20% 100% !important;} .xsmall-bg-size-30 {background-size:30% 100% !important;} .xsmall-bg-size-40 {background-size:40% 100% !important;} .xsmall-bg-size-50 {background-size:50% 100% !important;} .xsmall-bg-size-60 {background-size:60% 100% !important;} .xsmall-bg-size-70 {background-size:70% 100% !important;} .xsmall-bg-size-80 {background-size:80% 100% !important;} .xsmall-bg-size-90 {background-size:90% 100% !important;} .xsmall-bg-size-100 {background-size:100% 100% !important;} .xsmall-grid-columns-1 {grid-template-columns: repeat(1, 1fr);} .xsmall-grid-columns-2 {grid-template-columns: repeat(2, 1fr);} .xsmall-grid-columns-3 {grid-template-columns: repeat(3, 1fr);} .xsmall-grid-columns-4 {grid-template-columns: repeat(4, 1fr);} .xsmall-grid-columns-5 {grid-template-columns: repeat(5, 1fr);} .xsmall-grid-columns-6 {grid-template-columns: repeat(6, 1fr);} .xsmall-grid-columns-7 {grid-template-columns: repeat(7, 1fr);} .xsmall-grid-columns-8 {grid-template-columns: repeat(8, 1fr);} .xsmall-grid-columns-9 {grid-template-columns: repeat(9, 1fr);} .xsmall-grid-columns-10 {grid-template-columns: repeat(10, 1fr);} .xsmall-grid-columns-11 {grid-template-columns: repeat(11, 1fr);} .xsmall-grid-columns-12 {grid-template-columns: repeat(12, 1fr);} .xsmall-grid-column-1 {grid-column: span 1} .xsmall-grid-column-2 {grid-column: span 2} .xsmall-grid-column-3 {grid-column: span 3} .xsmall-grid-column-4 {grid-column: span 4} .xsmall-grid-column-5 {grid-column: span 5} .xsmall-grid-column-6 {grid-column: span 6} .xsmall-grid-column-7 {grid-column: span 7} .xsmall-grid-column-8 {grid-column: span 8} .xsmall-grid-column-9 {grid-column: span 9} .xsmall-grid-column-10 {grid-column: span 10} .xsmall-grid-column-11 {grid-column: span 11} .xsmall-grid-column-12 {grid-column: span 12} /* HEIGHT : VIEWPORT */ .xsmall-height-10 {height:10vh !important;} .xsmall-height-20 {height:20vh !important;} .xsmall-height-30 {height:30vh !important;} .xsmall-height-40 {height:40vh !important;} .xsmall-height-50 {height:50vh !important;} .xsmall-height-60 {height:60vh !important;} .xsmall-height-70 {height:70vh !important;} .xsmall-height-80 {height:80vh !important;} .xsmall-height-90 {height:90vh !important;} .xsmall-height-100 {height:100vh !important;} .xsmall-textaligncenter {text-align:center;} .xsmall-textalignleft {text-align:left;} .xsmall-textalignright {text-align:right;} .xsmall-textalignjustify {text-align:justify;} .xsmall-flex-reverse-row {display:flex;flex-direction:row-reverse;} .xsmall-flex-reverse-column {display:flex;flex-direction:column-reverse;} .xsmall-display-hidden {display:none;} .xsmall-display-block {display:block;} .xsmall-display-inlineblock {display:inline-block;} .xsmall-display-flex {display:flex;} .xsmall-text-columns-1 {column-count:1;} .xsmall-text-columns-2 {column-count:2;} .xsmall-text-columns-3 {column-count:3;} .xsmall-text-columns-4 {column-count:4;} .xsmall-padded {padding:1rem;} .xsmall-padded-2rem {padding:2rem;} .xsmall-padded-3rem {padding:3rem;} .xsmall-grid-gap-1rem {grid-gap:1rem;} .xsmall-grid-gap-2rem {grid-gap:2rem;} .xsmall-grid-gap-3rem {grid-gap:3rem;} .xsmall-grid-gap-4rem {grid-gap:4rem;} }