@charset "utf-8";

/* ––––––––––––––––––––––––––––––––– */
/* RESPONSIVE */

/* Smartphones in landscape mode */
@media only screen and (max-width: 450px) {
	.topBar {padding: 2.5vw 3vw}
	.topBar p {font-size: 15px; line-height: 15px}
	.smallMargin, .mediumMargin, .largeMargin, .xlargeMargin {margin: 0 4vw 0 4vw}
	.footer {margin-top: 5vh}
	.heroImage h2 {text-align: right; font-size: 22px; line-height: 28px; left: auto; right: 3vw; bottom: 2.5vw; width: 90vw}
	.heroImage h2::after {height: 20px; width: 28px;}
	.smallGap {gap: 1vw}
	/* .heroImage{height: 90vh} */
}

#desktop {display:block;}
#mobile {display:none}

@media all and (max-width: 450px) {
    #desktop {display: none;}
    #mobile {display: block;}
}

/* Tablets in portrait mode, large display smartphones landscape mode */
/* @media only screen and (min-width: 768px) and (max-width: 1023px) {
	.mediumPadding { padding: 4vh 16vw 6vh 16vw; width: 100%;}
} */

/* Tablets in landscape mode, older desktop monitors */
/* @media only screen and (min-width: 1024px) and (max-width: 1365px) {
	.mediumPadding { padding: 4vh 32vw 6vh 32vw; width: 100%;}
} */

/* Monitors with screen width 1366px or above */
/* @media only screen and (min-width: 1366px) {
	.mediumPadding { padding: 4vh 38vw 6vh 38vw; width: 100%;}
} */