:root {
    --website-padding: 1rem;
    --content-padding: 0rem;
    --elements-padding: 0.5rem;

    --header-height: 3rem;
    --footer-height: 3rem;

    --overlay-width: 600px;
    --overlay-height: 40px;

    --stroke-width: 0.2rem;
}

html {
    /* Disable Selection */
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome 6.0+, Safari 3.1+, Edge & Opera 15+ */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE 10+ and Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */

    /* Justification */
    text-align: justify;
    text-justify: inter-character;
    -ms-text-justify: inter-character;

    /* Hide Scrollbar */
    box-sizing: border-box;
    overflow: hidden;
    /* IE and Edge */
    -ms-overflow-style: none;
    scrollbar-width: none; /* Firefox */
    scroll-padding-right: 0;
}

.pixelate {
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -webkit-crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: pixelated;
}

body {
    overflow-x: hidden;
    background-color: var(--theme-color4);
    color: var(--theme-color2);
}

/* .flex {
    padding: 0;
    margin: 0;
    width: unset;
} */

/* .flex > * {
    padding: 0;
} */

[class^=no-flexgrow] > *, [class*=" no-flexgrow"] > * {
    flex-grow: 0;
}

[class^=flex-reverserow], [class*=" flex-reverserow"] {
    flex-direction: row-reverse;
}

[class^=flex-nowrap], [class*=" flex-nowrap"] {
    flex-wrap: unset;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    vertical-align: middle;
    align-self: center;
    margin: var(--elements-padding) 0;
}

h1 {
    background-color: var(--theme-color1);
    padding: var(--elements-padding);
}

h2 {
    padding: var(--elements-padding);
    border: solid var(--stroke-width) var(--theme-color1);
    background-color: var(--theme-color3);
}

h3 {
    border: solid var(--stroke-width) var(--theme-color2);
    background-color: var(--theme-color3);
    padding-left: var(--elements-padding);
}

h4 {
    border: solid var(--stroke-width) var(--theme-color2);
    padding: var(--elements-padding);
}

h5 {
    background-color: var(--theme-color3);
    padding: var(--elements-padding);
}

/*********/
/* VIEWS */
/*********/
#content {
    position: relative;
    height: fit-content;
    padding: 0 calc(var(--website-padding) + var(--content-padding));
    top: calc(var(--header-height) + var(--elements-padding) + var(--elements-padding));
    margin-bottom: calc(var(--footer-height) * 2 + var(--website-padding));
}

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: var(--theme-color4);
    color: var(--theme-color2);
    padding: var(--website-padding);
    padding-top: var(--elements-padding);
    align-items: center;
    height: var(--footer-height);
    text-transform: uppercase;
}

/*****************/
/* Language Menu */
/*****************/
.language-menu {
    position: relative;
    bottom: 0;
}

input[type="checkbox"]:checked ~ .toggle-content {
    background-color: var(--theme-color4);
    position: absolute;
    width: 100vw;
    margin-left: var(--elements-padding);
}

input[type="checkbox"]:checked ~ .toggle-content > * {
    margin: var(--elements-padding);
}

/*****************/
/* copyrights */
/*****************/

footer .copyrights {
    text-align: right;
}

/***********/
/* BUTTONS */
/***********/
button, .button, .label, [data-tooltip]::after {
	padding: unset;
    padding-right: var(--elements-padding);
    background-color: var(--theme-color2);
    color: var(--theme-color3);
    text-transform: uppercase;
    align-items: center;
}

button:disabled, button[disabled], .button:disabled, .button[disabled] {
    cursor: not-allowed;
    color: var(--theme-color3);
    background-color: var(--theme-color1);
}

[class*=success] {
    background-color: var(--theme-color1) !important;
    color: var(--theme-color3) !important;
}

[class*=warning] {
    background-color: var(--theme-color1);
    color: var(--theme-color3);
}

[class*=error] {
    background-color: var(--theme-color5);
    color: var(--theme-color3);
}

[class*=toggle] {
    background-color: var(--theme-color5);
    color: var(--theme-color3);
}

[class*=pseudo] {
    background-color: var(--theme-color2);
    color: var(--theme-color3);
}

/* .overlayButton img:hover {
    scale: 1.1;
}

.overlayButton img:active {
    scale: 0.9;
} */

/*******************/
/* NAVIGATION MENU */
/*******************/
nav {
    margin: 0;
    padding: var(--website-padding);
    height: var(--header-height);
    background-color: var(--theme-color4);
    /* font-size: small; */
    z-index: 999;
}

nav .menu .button {
    height: calc(var(--header-height) - (calc(var(--elements-padding) * 2)));
}

nav .menu > *:last-child {
	margin-right: 0;
}

nav .menu > *:last-child {
	margin-right: 0;
}

nav .brand {
    padding-left: 0;
}

nav .show:not(checked) ~ .burger.pseudo.button {
    position:relative;
    /* color: var(--theme-color2); */
    /* font-size: 5rem; */
    padding: 0;
    /* top: 0; */
}

nav .show:not(checked) ~ .burger.pseudo.button > * {
    vertical-align: middle;
}

/* nav .show:checked ~ .burger.pseudo.button {
    color: var(--theme-color6);
} */

nav .show:checked ~ .menu > * {
    display: flex;
}

nav .show:checked ~ .menu {
	background-color: var(--theme-color3);
}

/* #bmenub ~ label { */
    /* position: relative; */
    /* right: -4px; */
    /* top: calc(calc(var(--header-height) / 2) - calc(var(--elements-padding) / 2)); */
    /* top: var(--website-padding); */
    /* height: var(--header-height); */
    /* color: var(--theme-color2);  */
/* } */

#bmenub:checked ~ label {
    display: none;
}

#bmenub:checked {
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
    width: 100vw;
    height: 100vh;
    display: block;
}

#bmenub:checked [class^=icon-]:before, [class*=" icon-"]:before {
    align-self: center;
}

a {
    color: var(--theme-color1);
}

/* .contactform {
    border: var(--stroke-width) solid var(--theme-color4);
} */

.contactform input, .contactform textarea, .contactform select select {
    background-color: transparent;
    border: var(--stroke-width) solid var(--theme-color2);
    margin: var(--elements-padding) 0;
}

/* .contactform fieldset > label, .contactform textarea { */
    /* padding: var(--elements-padding); */
/* } */

.contactform fieldset > label > input:invalid:required, .contactform textarea:invalid:required {
    color: var(--theme-color2);
    border: var(--stroke-width) solid var(--theme-color2);
    background-color: transparent;
    margin: var(--elements-padding) 0;
}

.contactform > input {
    background-color: var(--theme-color2);
    border: 1px solid var(--theme-color4);
    padding: 10px;
    float: right;
}

.fixed {
    position: fixed;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.overlay {
    z-index: 990;
}

.top {
    margin-top: 0;
    padding-top: 0;
    top: calc(var(--header-height) + var(--website-padding));
}

.bottom {
    margin-bottom: 0;
    padding-bottom: 0;
    bottom: calc(var(--footer-height) + var(--website-padding));
}

.right {
    margin-right: 0;
    padding-right: 0;
    right: var(--website-padding);
    float: right;
    text-align: right;
}

.left {
    margin-left: 0;
    padding-left: 0;
    left: var(--website-padding);
    float: left;
    text-align: left;
}

.closeButton {
    margin-right: 0;
    padding-right: 0;
    position: fixed;
    right: calc(var(--website-padding) + var(--elements-padding));
    top: calc(var(--website-padding) + var(--header-height) + var(--elements-padding));
    float: right;
    text-align: right;
    width: 2rem;
    height: auto;
    z-index: 300;
    opacity: 0.6;
}

.closeButton:hover {
    transform: scale(1.05);
    opacity: 1;
}

.closeButton:focus {
    transform: scale(1);
    opacity: 0.5;
}

.closeButton > img {
    width: 100%;
    height: auto;
}

/***********/
/* GALLERY */
/***********/
.gallery {
    margin: 0;
    padding-bottom: var(--website-padding);
}

/* Behavior for disabled label */
.gallery .filter .filter-tag#tag-0:checked ~ .filter-nav label[for="tag-0"],
.gallery .filter .filter-tag#tag-1:checked ~ .filter-nav label[for="tag-1"],
.gallery .filter .filter-tag#tag-2:checked ~ .filter-nav label[for="tag-2"],
.gallery .filter .filter-tag#tag-3:checked ~ .filter-nav label[for="tag-3"],
.gallery .filter .filter-tag#tag-4:checked ~ .filter-nav label[for="tag-4"],
.gallery .filter .filter-tag#tag-5:checked ~ .filter-nav label[for="tag-5"],
.gallery .filter .filter-tag#tag-6:checked ~ .filter-nav label[for="tag-6"],
.gallery .filter .filter-tag#tag-7:checked ~ .filter-nav label[for="tag-7"],
.gallery .filter .filter-tag#tag-8:checked ~ .filter-nav label[for="tag-8"] {
    cursor: not-allowed;
    color: var(--theme-color3);
    background-color: var(--theme-color1);
}

/* Behavior for current label */
.gallery .filter .filter-tag#tag-0:not(checked) ~ .filter-nav label[for="tag-0"],
.gallery .filter .filter-tag#tag-1:not(checked) ~ .filter-nav label[for="tag-1"],
.gallery .filter .filter-tag#tag-2:not(checked) ~ .filter-nav label[for="tag-2"],
.gallery .filter .filter-tag#tag-3:not(checked) ~ .filter-nav label[for="tag-3"],
.gallery .filter .filter-tag#tag-4:not(checked) ~ .filter-nav label[for="tag-4"],
.gallery .filter .filter-tag#tag-5:not(checked) ~ .filter-nav label[for="tag-5"],
.gallery .filter .filter-tag#tag-6:not(checked) ~ .filter-nav label[for="tag-6"],
.gallery .filter .filter-tag#tag-7:not(checked) ~ .filter-nav label[for="tag-7"],
.gallery .filter .filter-tag#tag-8:not(checked) ~ .filter-nav label[for="tag-8"] {
    cursor: pointer;
    border-width: var(--stroke-width);
    border-style: solid;
    color: var(--theme-color4);
    background-color: var(--theme-color2);
    /* font-size: var(--font-size); */
    /* font-size: 0.8rem; */
    padding: var(--elements-padding);
    margin-right: var(--elements-padding);
} 

/* Behavior for unselected items */
.gallery .filter .filter-tag#tag-1:checked ~ .filter-body .filter-item:not([data-tag~="tag-1"]),
.gallery .filter .filter-tag#tag-2:checked ~ .filter-body .filter-item:not([data-tag~="tag-2"]),
.gallery .filter .filter-tag#tag-3:checked ~ .filter-body .filter-item:not([data-tag~="tag-3"]),
.gallery .filter .filter-tag#tag-4:checked ~ .filter-body .filter-item:not([data-tag~="tag-4"]),
.gallery .filter .filter-tag#tag-5:checked ~ .filter-body .filter-item:not([data-tag~="tag-5"]),
.gallery .filter .filter-tag#tag-6:checked ~ .filter-body .filter-item:not([data-tag~="tag-6"]),
.gallery .filter .filter-tag#tag-7:checked ~ .filter-body .filter-item:not([data-tag~="tag-7"]),
.gallery .filter .filter-tag#tag-8:checked ~ .filter-body .filter-item:not([data-tag~="tag-8"]) {
    opacity: 0.5;
    display: none;
}

.gallery .flex {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    transition: none;
    margin: unset;
}

.gallery .flex > * {
    box-sizing: border-box;
    flex: 1 1 auto;
    margin: 0;
    padding: var(--elements-padding);
}

.gallery .filter .filter-body {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-width: var(--stroke-width);
    border-style: solid;
    border-color: var(--theme-color2);
}

.gallery .filter .filter-nav {
    position: sticky;
    top: var(--header-height);
    background-color: var(--theme-color4);
    z-index: 10;
    /* width: calc(calc(var(--website-padding) * 2) + calc(var(--content-padding) * 2)); */
    /* margin-left: calc(calc(var(--website-padding) + var(--content-padding)) * -1); */
    margin-bottom: var(--elements-padding);
    /* padding-left: calc(var(--website-padding) + var(--content-padding)); */
    text-align: center;
}

.gallery .filter .filter-nav label {
    cursor: pointer;
    background-color: var(--theme-color3);
    color: var(--theme-color4);
    text-transform: uppercase;
}

.gallery .filter .filter-tag:checked label {
    background-color: var(--theme-color2);
}

.gallery .filter-item {
    border-color: var(--theme-color4);
    border-width: var(--stroke-width);
}

.gallery .card {
    height: 100%;
    /* min-height: 150px; */
    display: flex;
    flex-direction: column;
}

.gallery .card:hover {
    filter: brightness(1.1);
    transform: scale(1.01);
}

/* .gallery .card:hover footer {
    display: flex;
} */

/* .gallery .card:focus {
    scale: 1;
} */

.gallery .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery .card footer {
    margin-top: auto;
    height: fit-content;
    /* display: none; */
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: var(--theme-color3);
    color: var(--theme-color2);
    align-self: center;
    filter: opacity(0.8);
    left: 0;
    padding: var(--elements-padding);
}


.gallery .card footer > * {
    padding: 0;
}

.gallery .card footer .name {
    float: left;
    text-align: left;
    left: 0;
}

.gallery .card footer .undername {
    float: left;
    text-align: left;
    left: 0;
}

.gallery .card footer .date {
    float: right;
    text-align: right;
    right: 0;
    bottom: 0;
}

.gallery .card .app {
    position: absolute;
    width:30%;
    height: auto;
    padding: var(--elements-padding);
    right: 0;
}

.gallery .card .app img {
    border-radius: 10%;
    border: 2px solid black;
    position: relative;
    object-fit: cover;
    outline: 2px solid var(--theme-color3);
}

.gallery audio, .gallery video {
    /* object-fit: cover; */
    cursor: pointer;
}

.gallery audio {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(icons/icon_13.png);
    -webkit-background-size:20%; 
    -moz-background-size:20%; 
    -o-background-size:20%; 
    background-size:20%; 
    background-position: center;
    background-repeat: no-repeat;
}

/**********/
/* MODALS */
/**********/
.modal .overlay {
    background-color: var(--theme-color4);
}

.modal .overlay ~ * {
    position: relative;
    box-shadow: none;
    border-radius: 0em;
    border: 1px solid var(--theme-color4);
    overflow: hidden;
    text-align: left;
    background: var(--theme-color2);
    margin-bottom: .6em;
    padding: 0;
    transition: none;
}

.modal > input:not(checked) ~ * {
    display: none;
}

.modal > input:checked ~ * {
    position: fixed;
    display: block;
    opacity: 1;
    height: auto;
    transition: all .3s;
}

.modal > input:checked ~ article {
    width: 60%;
    height: auto;
    background-color: var(--theme-color2);
    color: var(--theme-color4);
    border: var(--stroke-width);
    border-color: var(--theme-color2);
    border-style: solid;
}

.modal > input:checked ~ article section {
    display: flex;
}

.modal > input:checked ~ article header {
    margin-bottom: 0;
    text-transform: uppercase;
    background-color: var(--theme-color4);
    color: var(--theme-color2);
}

.modal > input:checked ~ article img {
    width: 100%;
    /* height: 30%; */
    /* max-height: 300px; */
    object-fit: cover;
    float: left;
    margin-right: var(--elements-padding);
    margin-bottom: var(--elements-padding);
}

.modal > input:checked ~ article .content {
    background-color: var(--theme-color2);
    height: auto;
    /* display: block; */
    text-align: justify;
    text-justify: inter-word;
    font-size: small;
}

.modal > input:checked ~ article footer {
    text-transform: uppercase;
    position: relative;
    bottom: 0;
    background-color: var(--theme-color4);
    width: 100%;
}

.modal > input:checked  ~ .overlay ~ img {
    object-fit: contain;
    width: 100%;
    height: auto;
    max-height: 100%;
	overflow: auto;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1, 1);
	transform: translateX(-50%) translateY(-50%) scale(1, 1);
    background-color: var(--theme-color4);
    border-color: var(--theme-color3);
}

/* Overlay for closing the fullscreen images in gallery */
.modal > label.close {
    width: 100%;
    height: 100%;
    opacity: 0;
}

/***********/
/* SECTION */
/***********/
section {
    margin: var(--elements-padding) 0;
}

section h3 {
    margin-top: 0;
}

video {
    background-color:transparent;
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size:cover;
    -moz-background-size:cover; 
    -o-background-size:cover; 
    background-size:cover;
    max-width: 100%;
    align-items:center;
    justify-content:center;
    height: 100%;
    cursor: pointer;
}

.parallax {
    /* font-size: 2.5rem; */
    color: var(--theme-color2);
    height: 100%;
    background-color: var(--theme-color4);
    background-repeat: no-repeat;
    -webkit-background-size:cover; 
    -moz-background-size:cover; 
    -o-background-size:cover; 
    background-size:cover; 
    background-position: center;
    background-attachment: fixed;
    background-image: var(--bg-image);
    /* padding: 20% 0; */
    text-transform: uppercase;
    /* padding: 60px var(--elements-padding); */
    padding: var(--elements-padding);
    margin-bottom: var(--elements-padding);
    margin-left: 0;
    width: auto;
    align-items:center;
    justify-content:center;
    /* background-blend-mode: overlay; */
}

.banner {
    background-blend-mode:soft-light;
}

.banner h1 {
    padding: 0;
    background-color: unset;
}

.infos {
    /* font-size: calc(var(--font-size) - 0.3rem); */
    color: var(--theme-color5);
    padding: var(--elements-padding);
    /* text-align: left; */
    width: calc(100% + calc(var(--stroke-width) * 4));
    /* margin: var(--elements-padding) 0; */
    margin: var(--elements-padding) -0.3rem;
}

.infos div {
    padding: var(--elements-padding);
    margin-top: calc(var(--stroke-width) * -1);
    height: auto;
    border: var(--stroke-width) var(--theme-color1) solid;
    margin-left: calc(var(--stroke-width) * -1);
}

.infos span {
    margin-left: var(--elements-padding);
    align-self: auto;
    align-self: center;
}

.modal > input:checked ~ article {
	background-color: var(--theme-color4);
}

.modal > input:checked ~ article > header > h3 {
	border: 0;
}

.modal > input:checked ~ article .content {
    background-color: var(--theme-color4);
    margin: 0;
    border: 0;
}

.modal > input:checked ~ article .content.infos div {
    border: 0;
}

.infos [class^="icon-"]::before, .infos [class*=" icon-"]::before {
    height: fit-content;
}

/**************/
/* BACKGROUND */
/**************/
.background {
    background-repeat: no-repeat;
    -webkit-background-size:cover; 
    -moz-background-size:cover; 
    -o-background-size:cover; 
    background-size:cover; 
    background-position: center;
    background-attachment: fixed;
    background-image: var(--bg-image);
    padding: 20% 0;
    height: 100%;
}

.background.full {
    padding: 0;
    margin: 0;
    width: 100vw;
    height: 100vh;
    margin-left: calc(var(--website-padding) * -1);
    margin-top: calc(var(--website-padding) * -1);
}

/**********************/
/* Css toggler button */
/**********************/
.toggler {
    background-color: unset;
}

.toggler > label {
    filter: grayscale(0%);
}

.toggle-content {
    display: none;
    background-color: unset;
}

input[type="checkbox"]:checked ~ .toggle-content {
    display: inline-block;
}

/*************/
/* Accordion */
/*************/
details {
    padding-top: calc(var(--header-height) + var(--elements-padding));
}

details > div > p {
    flex: 1;
}

details[open] > summary, details > summary:hover {
    color: var(--theme-color3);
    background-color: var(--theme-color2);
}

summary {
    display: block;
    cursor: pointer;
    padding: 10px;
    /* font-size: 22px; */
    transition: .3s;
    border-bottom: 2px solid;
    user-select: none;
    text-transform: uppercase;
}

/* Uncked style */
/* Standard unchecked checkbox */
.cookieseditor [type="checkbox"] + label::before {
    display: none;
    visibility: hidden;
    opacity: 0;
}

/* Custom unchecked checkbox */
.cookieseditor [type="checkbox"] + label::after {
    position: absolute;
	content: "";
    visibility: visible;
    opacity: 1;
    left: var(--elements-padding);
    margin-right: calc(var(--elements-padding) * 2);
    background-color: var(--theme-color3);
	color: var(--theme-color2);
    border: var(--stroke-width) solid var(--theme-color2);
    transform: scale(1) translateY(-50%);
	transition: all .3s;
    align-self: center;
    font-size: xx-large;
}

/* Custom unchecked label */
.cookieseditor [type="checkbox"] + label {
    padding-left: 3rem;
    color: var(--theme-color1);
}

/* Custom checked checkbox */
.cookieseditor [type="checkbox"]:checked + label::after {
    position: absolute;
	content: "✔";
    visibility: visible;
    opacity: 1;
    left: var(--elements-padding);
    margin-right: var(--elements-padding);
    /* background-color: var(--theme-color1); */
    /* font-size: xx-large; */
	color: var(--theme-color2);
    border: var(--stroke-width) solid var(--theme-color2);
    transform: scale(1) translateY(-50%);
	transition: all .3s;
    color: var(--theme-color1);
}

input[type="submit"] {
    color: var(--theme-color2);
    background-color: var(--theme-color1);
    text-transform: uppercase;
}

.cookiesButtonsContainer {
    gap: var(--elements-padding);
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
}

.cookiesButtonsContainer > * {
    justify-content: center;
    align-items: center;
    align-self: center;
    text-align: center;
    width: fit-content;
}
 
.cookiesButtonsContainer input, .cookiesButtonsContainer label {
	padding: var(--elements-padding);
}

/* Notification Window */
.notification {
    position: fixed;
    z-index: 999;
    width: calc(100vw - calc(var(--website-padding) * 2));
    /* height: fit-content; */
    background-color: var(--theme-color3);
    padding: var(--website-padding);
    left: var(--website-padding);
    bottom: var(--footer-height);
    text-align: center;
}

.notification > * {
    align-self: center;
    vertical-align: middle;
}

meter {
    background: var(--theme-color3);
    margin: 0 0 var(--elements-padding);
    width: 100%;
}

/* meter h6 {
    margin-bottom: -16px;
    color: var(--theme-color2);
} */

meter:-moz-meter-optimum::-moz-meter-bar {
    background:var(--theme-color2);
}

meter:-moz-meter-sub-optimum::-moz-meter-bar {
    background: var(--theme-color2);
}

meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
    background: var(--theme-color2);
}

.overflowX {
    overflow-x:auto;
}

.center {
    max-width: 100%;
    max-height: 100%;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    -o-object-fit: contain;
    object-fit: contain;

    padding-top: var(--header-height);
    padding-bottom: var(--footer-height);
}

span.blockspam {
  display: none;
}

@media only screen and (max-width: 300px) {
    .gallery .filter .filter-nav {
        display: none;
    }
}

@media only screen and (min-width: 800px) {
    label.none-800 {
        display: none;
    }
}

@media only screen and (max-width: 800px) {
    .infos {
        display: none;
    }

    article .two-800 {
        display: none;
    }

    section.one h3 {
        margin-left: 0.6em;
    }

    nav .logo {
        height: 1.5em;
    }
}

/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-width: 1300px) {
    .parallax {
        background-attachment: scroll;
        min-height: 100px;
        height: 100%;
    }
}