@charset "utf-8";

body {
	background-color: #272D66;
}

main {
    display: block;
    position: relative;
	text-align: center;
}

#layout {
	display: block;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	font-size: 1rem;
}
#content {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 30rem;
}
#content h1 {
	color: transparent;

}
#logo {
	display: block;
	margin: auto;
}
#logo img {
	width: 20rem;
}

#temptext {
	display: block;
}
#temptextmob {
	display: block;
	padding-top: 0.5rem;
}

#contact {
	display: block;
	padding-top: 1rem;
	color: #FFFFFF;
}
#contact a, #contact a:visited {
	color: #FFFFFF;
}
#contact a:hover, #contact a:active {
	color: #D69B2D;
}
#tele {
	display: inline-block;
	padding-right: 1.25rem;
}
#tele img {
	height: 1.25rem;
	vertical-align: middle;
	padding: 0rem 0.625rem 0.25rem 0rem;
}
#email {
	display: inline-block;
}
#email img {
	height: 1rem;
	vertical-align: middle;
	padding: 0rem 0.625rem 0.125rem 0rem;
}




@media screen and (max-width: 1180px) {
}

@media screen and (max-width: 868px) {
}

@media screen and (min-width: 469px) {
#temptextmob {
	display: none;
}
}
@media screen and (max-width: 468px) {
#logo img {
	width: 15rem;
}
#content {
	width: 15.71rem;
}
#temptext {
	display: none;
}
#contact {
	padding-top: 2rem;
}
#tele {
	display: block;
	padding-bottom: 0.25rem;
}
#email {
	display: block;
}
}