@charset "utf-8";

html {
	overflow-y: visible;
}

@font-face { 
    font-family: "INSM";
    src: url("/site/fonts/inform-std-med.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
 }
@font-face { 
    font-family: "INBM";
    src: url("/site/fonts/inform-bounce-med.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
 }
@font-face { 
    font-family: "INBB";
    src: url("/site/fonts/inform-bounce-bold.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
 }

p {
	display: block;
	margin-block-start: 1em;
    margin-block-end: 0em;
    margin-inline-start: 0em;
    margin-inline-end: 0em;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0em;
	-webkit-margin-end: 0em;
}

main {
    display: block;
	background-color: rgba(0,0,0,1.00);
	font-family: "INSL"; 
	font-size: 1rem;
	line-height: 1.5rem;
	color: #FFFFFF;
	text-align: center;
	background-image: url("background-dt.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 47rem;
}

#dtlayout {
	display: block;
}
#dtintroduction {
	display: block;
	width: 100%;
}
#dtintrologo {
	display: block;
	position: absolute;
	top: 2.25rem;
	left: 2.5rem;
}
#dtintrologo img {
	height: 3.5rem;
}
#dtintroduction h1 {
	position: absolute;
	top: 3rem;
	left: 5rem;
	font-size: 2rem;
	transform: rotate(-10deg);
	color: #FFED00;
}
#dtparaone {
	display: block;
	position: absolute;
	top: 4.5rem;
	left: 8.5rem;
	transform: rotate(-10deg);
	width: fit-content;
	font-size: 1.25rem;
}
#dtparatwo {
	display: block;
	position: absolute;
	top: 8rem;
	left: 23rem;
	transform: rotate(1deg);
	width: fit-content;
}
#dtparathree {
	display: block;
	position: absolute;
	top: 15rem;
	left: 7.5rem;
	transform: rotate(-0.5deg);
	width: fit-content;
}
#dtparafour {
	display: block;
	position: absolute;
	top: 21.75rem;
	left: 10rem;
	transform: rotate(0.25deg);
	width: fit-content;
}
#dtparafive {
	display: block;
	position: absolute;
	top: 26.75rem;
	left: 4rem;
	transform: rotate(-0.5deg);
	width: fit-content;
}
#dtparasix {
	display: block;
	position: absolute;
	top: 33.75rem;
	left: 7.5rem;
	transform: rotate(0.5deg);
	width: fit-content;
}
#dtparaseven {
	display: block;
	position: absolute;
	top: 39rem;
	left: 30rem;
	transform: rotate(-0.5deg);
	width: fit-content;
}

nav {
	display: block;
	position: absolute;
	top: 2.25rem;
	left: 46rem;
}
.dtlinkitem {
	display: inline-block;
	padding: 0rem 1rem 0rem 1rem;
}
.dtlinkitem {
	font-family: "INSM";
	font-size: 1rem;
}
.dtlinkitem img {
	display: block;
	height: 1.75rem;
	padding-bottom: 0.5rem;
	margin: auto;
}
.dtlinkitem a:hover img {
	transform: scale(1.25,1.25);
	transition-duration: 0.5s;
}
.dtlinkitem a img {
	transform: scale(1, 1);
	transition-duration: 0.5s;
}

#dtsocials {
	display: block;
	position: absolute;
	top: 2rem;
	right: 2.5rem;
	line-height: 0;
}
#dtface {
	display: block;
	font-size: 0;
}
#dtinsta {
	display: block;
	padding: 0.75rem 0rem 0.625rem 0rem;
	font-size: 0;
}
#dtgoog {
	display: block;
	font-size: 0;
}
#dtface img, #dtinsta img, #dtgoog img {
	height: 2rem;
	opacity: 0.375;
}
#dtface img:hover, #dtinsta img:hover, #dtgoog img:hover {
	height: 2rem;
	opacity: 0.75;
	transition: 0.25s;
}

footer {
	display: block;
	position: absolute;
	top: 40rem;
	left: 0rem;
	width: 100%;
	padding-bottom: 1.25rem;
	text-align: left;
}
#dtlogo {
	display: inline-block;
	padding-left: 2.5rem;
	vertical-align: bottom;
}
#dtlogo img {
	height: 6.5rem;
}
address {
	display: inline-block;
	vertical-align: bottom;
	margin: 0.75rem 0rem 1.25rem 0rem;
	font-family: "INBM";
	font-style: normal;
	font-size: 1.25rem;
	width: 59rem;
	text-align: center;
}
#dtarea {
	display: inline-block;
}
#dtarea img {
	height: 1.75rem;
	padding-right: 0.675rem;
	vertical-align: bottom;
}
#dtphone {
	display: inline-block;
	padding: 0rem 1.75rem 0rem 1.75rem;
}
#dtphone img {
	height: 1.75rem;
	padding-right: 0.5rem;
	vertical-align: bottom;
}
#dtemail {
	display: inline-block;
}
#dtemail img {
	height: 1.75rem;
	padding-right: 0.5rem;
	vertical-align: bottom;
}
#dtcopy {
	display: inline-block;
	padding-left: 1.75rem;
}
#dtarea a:hover img, #dtphone a:hover img, #dtemail a:hover img {
	transform: rotate(-12.5deg);
	transition-duration: 0.5s;
}
#dtarea a img, #dtphone a img, #dtemail a img {
	transform: rotate(0deg);
	transition-duration: 0.5s;
}



#tzlayout {
	display: block;
}
#tzintroduction {
	display: block;
	width: 100%;
}
#tzintrologo {
	display: block;
	position: absolute;
	top: 1.75rem;
	left: 1.75rem;
}
#tzintrologo img {
	height: 3.5rem;
}
#tzintroduction h1 {
	position: absolute;
	top: 3.25rem;
	left: 4.25rem;
	font-size: 2rem;
	transform: rotate(-3.5deg);
	color: #FFED00;
}
#tzintroductiontag {
	display: block;
	position: absolute;
	top: 5.5rem;
	left: 6.5rem;
	transform: rotate(-3.5deg);
	width: fit-content;
	font-size: 1.25rem;
}
#tzintrohold {
	display: block;
	position: relative;
	left: 0rem;
	top: 10.5rem;
	padding-left: 2rem;
	text-align: left;
}
#tzparatwo {
	display: block;
	position: relative;
	left: 6.5rem;
	padding-bottom: 1rem;
	text-align: center;
	width: fit-content;
}
#tzparathree {
	display: block;
	position: relative;
	left: 3rem;
	padding-bottom: 1rem;
	text-align: center;
	width: fit-content;
}
#tzparafour {
	display: block;
	position: relative;
	left: 1.5rem;
	padding-bottom: 1rem;
	text-align: center;
	width: fit-content;
}
#tzparafive {
	display: block;
	position: relative;
	left: 0rem;
	padding-bottom: 1rem;
	text-align: center;
	width: fit-content;
}
#tzparasix {
	display: block;
	position: relative;
	left: 1.5rem;
	padding-bottom: 2rem;
	text-align: center;
	width: fit-content;
}
#tzparaseven {
	display: block;
	position: relative;
	left: 25rem;
	text-align: center;
	width: fit-content;
}

.tzlinkitem {
	display: inline-block;
	padding: 0rem 1rem 0rem 1rem;
}
.tzlinkitem {
	font-family: "INSM";
	font-size: 1rem;
}
.tzlinkitem img {
	display: block;
	height: 1.75rem;
	padding-bottom: 0.5rem;
	margin: auto;
}

#tzsocials {
	display: block;
	position: absolute;
	top: 1.25rem;
	right: 2rem;
	line-height: 0;
}
#tzface {
	display: block;
	font-size: 0;
}
#tzinsta {
	display: block;
	padding: 0.75rem 0rem 0.625rem 0rem;
	font-size: 0;
}
#tzgoog {
	display: block;
	font-size: 0;
}
#tzface img, #tzinsta img, #tzgoog img {
	height: 2rem;
	opacity: 0.375;
}
#tzface img:hover, #tzinsta img:hover, #tzgoog img:hover {
	height: 2rem;
	opacity: 0.75;
	transition: 0.25s;
}

#tzlogo {
	display: inline-block;
	padding-left: 2rem;
	vertical-align: bottom;
}
#tzlogo img {
	height: 6.5rem;
}
#tzarea {
	display: inline-block;
}
#tzarea img {
	height: 1.75rem;
	padding-right: 0.675rem;
	vertical-align: bottom;
}
#tzphone {
	display: inline-block;
	padding: 0rem 1.75rem 0rem 1.75rem;
}
#tzphone img {
	height: 1.75rem;
	padding-right: 0.5rem;
	vertical-align: bottom;
}
#tzemail {
	display: inline-block;
}
#tzemail img {
	height: 1.75rem;
	padding-right: 0.5rem;
	vertical-align: bottom;
}
#tzcopy {
	display: inline-block;
	padding-left: 1.75rem;
}




#tplayout {
	display: block;
}
#tpintroduction {
	display: block;
	width: 100%;
}
#tpintrologo {
	display: block;
	position: absolute;
	top: 5.25rem;
	left: 2rem;
}
#tpintrologo img {
	height: 3.5rem;
}
#tpintroduction h1 {
	position: absolute;
	top: 7rem;
	left: 5.25rem;
	font-size: 2rem;
	transform: rotate(-1.5deg);
	color: #FFED00;
}
#tpintroductiontag {
	display: block;
	position: absolute;
	top: 9.5rem;
	left: 1.75rem;
	transform: rotate(-1.5deg);
	width: fit-content;
	font-size: 1.25rem;
}
#tpintrohold {
	display: block;
	position: relative;
	left: 0rem;
	top: 12.75rem;
	text-align: center;
}
#tpparatwo {
	display: block;
	position: relative;
	left: 5rem;
	padding-bottom: 1.25rem;
	text-align: center;
	width: fit-content;
}
#tpparathree {
	display: block;
	position: relative;
	left: 2rem;
	padding-bottom: 1.25rem;
	text-align: center;
	width: fit-content;
}
#tpparafour {
	display: block;
	position: relative;
	left: 1.25rem;
	padding-bottom: 1.25rem;
	text-align: center;
	width: fit-content;
}
#tpparafive {
	display: block;
	position: relative;
	left: 2rem;
	padding-bottom: 1.25rem;
	text-align: center;
	width: fit-content;
}
#tpparasix {
	display: block;
	position: relative;
	left: 6.5rem;
	padding-bottom: 1.25rem;
	text-align: center;
	width: fit-content;
}
#tpparaseven {
	display: block;
	position: relative;
	left: 5.75rem;
	text-align: center;
	width: fit-content;
}

#tplinkrowone {
	display: block;
	padding-bottom: 1.25rem;
}
#tplinkrowtwo {
	display: block;
}
.tplinkitemleft {
	display: inline-block;
	padding: 0rem 1rem 0rem 0rem;
}
.tplinkitemright {
	display: inline-block;
	padding: 0rem 0rem 0rem 1rem;
}
.tplinkitemleft, .tplinkitemright {
	font-family: "INSM";
	font-size: 1rem;
}
.tplinkitemleft img, .tplinkitemright img {
	display: block;
	height: 1.75rem;
	padding-bottom: 0.5rem;
	margin: auto;
}

#tpsocials {
	display: block;
	position: absolute;
	top: 1.25rem;
	left: 1.25rem;
	line-height: 0;
}
#tpface {
	display: inline-block;
	font-size: 0;
}
#tpinsta {
	display: inline-block;
	padding: 0rem 0.5rem 0rem 0.5rem;
	font-size: 0;
}
#tpgoog {
	display: inline-block;
	font-size: 0;
}
#tpface img, #tpinsta img, #tpgoog img {
	height: 2rem;
	opacity: 0.375;
}
#tpface img:hover, #tpinsta img:hover, #tpgoog img:hover {
	height: 2rem;
	opacity: 0.75;
	transition: 0.25s;
}

#tplogo {
	display: inline-block;
	padding-left: 1.25rem;
	vertical-align: bottom;
}
#tplogo img {
	height: 6rem;
}
#tpaddressrowone {
	display: block;
	padding-bottom: 1rem;
}
#tpaddressrowtwo {
	display: block;
}
#tparea {
	display: inline-block;
	padding-left: 1.75rem;
}
#tparea img {
	height: 1.75rem;
	padding-right: 0.675rem;
	vertical-align: bottom;
}
#tpphone {
	display: inline-block;
}
#tpphone img {
	height: 1.75rem;
	padding-right: 0.5rem;
	vertical-align: bottom;
}
#tpemail {
	display: inline-block;
}
#tpemail img {
	height: 1.75rem;
	padding-right: 0.5rem;
	vertical-align: bottom;
}
#tpcopy {
	display: inline-block;
	padding-left: 1.75rem;
}




#mlayout {
	display: block;
}
#mintroduction {
	display: block;
	width: 100%;
	text-align: left;
}
#mintrologo {
	display: block;
	position: absolute;
	top: 1.5rem;
	left: 1.25rem;
}
#mintrologo img {
	height: 3.75rem;
}
#mintroduction h1 {
	position: relative;
	width: fit-content;
	top: 1.625rem;
	left: 6.375rem;
	font-size: 1.75rem;
	transform: rotate(-1.5deg);
	color: #FFED00;
}
#mintroductiontag {
	display: block;
	position: absolute;
	top: 3.75rem;
	left: 3.625rem;
	transform: rotate(-1.5deg);
	width: fit-content;
	font-size: 1.125rem;
}
#mintrohold {
	display: block;
	position: relative;
	top: 27rem;
	width: fit-content;
	margin: auto;
	text-align: center;
}

#mlinkrowone {
	display: block;
	padding-bottom: 1rem;
}
#mlinkrowtwo {
	display: block;
}
.mlinkitem {
	display: block;
	padding-bottom: 1.75rem;
}
.mlinkitem {
	font-family: "INSM";
	font-size: 1rem;
}
.mlinkitem img {
	display: block;
	height: 1.75rem;
	padding-bottom: 0.5rem;
	margin: auto;
}

#mlogo {
	display: block;
	width: fit-content;
	margin: auto;
}
#mlogo img {
	height: 6rem;
}

#maddressrowone {
	display: block;
	padding-bottom: 1rem;
}
#maddressrowtwo {
	display: block;
}
#marea {
	display: inline-block;
	padding-left: 1rem;
}
#marea img {
	height: 1.75rem;
	padding-right: 0.675rem;
	vertical-align: bottom;
}
#mphone {
	display: inline-block;
}
#mphone img {
	height: 1.75rem;
	padding-right: 0.5rem;
	vertical-align: bottom;
}
#memail {
	display: inline-block;
}
#memail img {
	height: 1.75rem;
	padding-right: 0.5rem;
	vertical-align: bottom;
}
#mcopy {
	display: inline-block;
	padding-left: 1rem;
}

#msocials {
	display: block;
	line-height: 0;
	width: fit-content;
	margin: auto;
}
#mface {
	display: inline-block;
	font-size: 0;
}
#minsta {
	display: inline-block;
	padding: 0rem 0.625rem 0rem 0.625rem;
	font-size: 0;
}
#mgoog {
	display: inline-block;
	font-size: 0;
}
#mface img, #minsta img, #mgoog img {
	height: 2rem;
	opacity: 0.375;
}
#mface img:hover, #minsta img:hover, #mgoog img:hover {
	height: 2rem;
	opacity: 0.75;
	transition: 0.25s;
}




@media screen and (min-width: 1921px) {
main {
	background-image: url("background-uhd.jpg");
}
}

@media screen and (min-width: 1280px) {
#tzlayout {
	display: none;
}
}

@media screen and (max-width: 1279px) {
#dtlayout {
	display: none;
}
main {
	background-image: url("background-tz.jpg");
	height: 52.5rem;
}
nav {
	top: 1.5rem;
	left: 31rem;
}
address {
	width: fit-content;
	margin: 0.75rem 0rem 1.25rem 4.25rem;
}
footer {
	position: relative;
	top: 10rem;
}
}

@media screen and (min-width: 850px) {
#tplayout {
	display: none;
}
}

@media screen and (max-width: 849px) {
#tzlayout {
	display: none;
}
main {
	background-image: url("background-tp.jpg");
	height: 65.5rem;
}
nav {
	top: 1.5rem;
	left: auto;
	right: 1.75rem;
}
address {
	margin: 0.75rem 0rem 1rem 5.25rem;
}
footer {
	position: relative;
	top: 15rem;
}
}
	
@media screen and (min-width: 450px) {
#mlayout {
	display: none;
}
}
	
@media screen and (max-width: 449px) {
#tplayout {
	display: none;
}
main {
	background-image: url("background-m.jpg");
	height: 30rem;
}
nav {
	top: 9.25rem;
	right: auto;
	left: 1.75rem;
}
footer {
	top: 27rem;
	padding: 0rem 0rem 2.5rem 0rem;
}
address {
	display: block;
	margin: 0.5rem auto 1.25rem auto;
}
}