@charset "utf-8";

body {
	background-color: #01407F;
}
main {
	display: block;
	background-color: #01407F;
	color: #FFFFFF;
}

#dtlayout {
	display: block;
	width: 100%;
	height: 100vh;
}
#dtlayout h1 {
	font-size: 0rem;
}
.dtlayouthr {
	display: block;
    border-bottom: 0.075rem solid #FFFFFF;
    margin: 1.5rem auto 1rem auto;
    width: 100%;
}
#dtholder {
	display: block;
	width: 70%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#dtimage {
	display: block;
	width: 100%;
	background-image: url(logo-temp-page-wheat-uhd.png);
	background-size: contain;
	background-repeat: no-repeat;
	height: 29.25rem;
}
#dtimage img {
	width: 100%;
}
#dttagline {
	display: block;
	width: 100%;
	font-size: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
}
#dtlower {
	display: block;
	width: 100%;
	padding-top: 0.5rem;
	font-size: 1.25rem;
	line-height: 1.5rem;
	text-align: center;
}
#dtlower a:link, #dtlower a:visited {
	color: #FFFFFF;
}
#dtlower a:hover, #dtlower a:active {
	transition: 0.2s;
	filter: brightness(75%);
}
#dtone {
	display: inline-block;
	margin-right: 2rem;
	vertical-align: middle;
}
#dtone img {
	height: 7.5rem;
}
#dttwo {
	display: inline-block;
	vertical-align: middle;
	color: #CCCCCC;
}
#dttwoup {
	display: block;
}
#dttwodown {
	display: block;
	margin-top: 0.75rem;
}
#dttwodown img {
	display: inline-block;
	margin: 0rem 0.5rem 0rem 0.5rem;
	height: 2.75rem;
}
#dtthree {
	display: inline-block;
	padding: 0rem 2rem 0rem 2rem;
	vertical-align: middle;
}
#dtfour {
	display: inline-block;
	vertical-align: middle;
	width: 20rem;
}
#dtfourw3w {
	display: block;
	text-align: right;
}
#dtfourw3w img {
	height: 2rem;
	padding: 0rem 0rem 0.25rem 0.5rem;
	vertical-align: middle;
}
#dtfourcontact {
	display: block;
	text-align: left;
}
#dtfouricon {
	display: inline-block;
}
#dtfouricon img {
	height: 3.5rem;
	margin-right: 0.5rem;
}
#dtfourdetails {
	display: inline-block;
}


#tablayout {
	display: block;
	width: 100%;
	height: 100vh;
}
#tablayout h1 {
	font-size: 0rem;
}
.tablayouthr {
	display: block;
    border-bottom: 0.075rem solid #FFFFFF;
    margin: 1.5rem auto 1rem auto;
    width: 100%;
}
#tabholder {
	display: block;
	width: 57.5%;
	position: relative;
	margin: auto;
	padding: 1.5rem 0rem 1.5rem 0rem;
}
#tabimage {
	display: block;
	width: 100%;
	background-image: url(logo-temp-page-wheat-tab.png);
	background-size: contain;
	background-repeat: no-repeat;
	height: 15.75rem;
}
#tabimage img {
	width: 100%;
}
#tabtagline {
	display: block;
	width: 100%;
	font-size: 1.5rem;
	line-height: 1.75rem;
	text-align: center;
}
#tablower {
	display: block;
	width: 100%;
	padding-top: 0.5rem;
	font-size: 1.25rem;
	line-height: 1.5rem;
	text-align: center;
}
#tablower a:link, #tablower a:visited {
	color: #FFFFFF;
}
#tablower a:hover, #tablower a:active {
	transition: 0.2s;
	filter: brightness(75%);
}
#tablowerleft {
	display: inline-block;
	vertical-align: middle;
}
#tablowerright {
	display: inline-block;
	margin-left: 1rem;
	vertical-align: middle;
}
#tabonestag {
	display: block;
}
#tabonestag img {
	height: 5.25rem;
}
#tabtwo {
	display: block;
	color: #CCCCCC;
}
#tabtwosoon {
	display: block;
}
#tabtwosocial {
	display: block;
	margin-top: 0.75rem;
}
#tabtwosocial img {
	display: inline-block;
	margin: 0rem 0.375rem 0rem 0.375rem;
	height: 2.25rem;
}
#tabthree {
	display: block;
}
#tabthreetext {
	display: inline-block;
	vertical-align: middle;
}
#tabw3w {
	display: inline-block;
}
#tabw3w img {
	height: 1.75rem;
	margin-top: 2rem;
	padding-left: 0.75rem;
	vertical-align: middle;
}
#tabfourcontact {
	display: block;
	padding-right: 3.5rem;
}
#tabfouricon {
	display: inline-block;
}
#tabfouricon img {
	height: 3.5rem;
	margin-right: 0.5rem;
}
#tabfourdetails {
	display: inline-block;
}


#moblayout {
	display: block;
	width: 100%;
	text-align: center;
}
#moblayout h1 {
	font-size: 0rem;
}
.moblayouthr {
	display: block;
    border-bottom: 0.075rem solid #FFFFFF;
    margin: 1.5rem auto 1rem auto;
    width: 100%;
}
#mobholder {
	display: block;
	width: 65%;
	position: relative;
	margin: auto;
	padding: 2.5rem 0rem 2.5rem 0rem;
}
#mobimage {
	display: block;
	width: 100%;
	background-image: url(logo-temp-page-wheat-mob.png);
	background-size: contain;
	background-repeat: no-repeat;
	height: 13.5rem;
}
#mobimage img {
	width: 100%;
}
#mobtagline, #mob468tagline {
	display: block;
	width: 100%;
	font-size: 1.25rem;
	line-height: 1.5rem;
	text-align: center;
}
#moblower {
	display: block;
	width: 100%;
	padding-top: 0.5rem;
	font-size: 1.25rem;
	line-height: 1.5rem;
}
#moblower a:link, #moblower a:visited {
	color: #FFFFFF;
}
#moblower a:hover, #moblower a:active {
	transition: 0.2s;
	filter: brightness(75%);
}
#mobonestag {
	display: block;
}
#mobonestag img {
	height: 5.25rem;
}
#mobtwo {
	display: block;
	color: #CCCCCC;
	margin: 1rem 0rem 1rem 0rem;
}
#mobtwosoon {
	display: block;
}
#mobtwosocial {
	display: block;
	margin-top: 0.75rem;
}
#mobtwosocial img {
	display: inline-block;
	margin: 0rem 0.375rem 0rem 0.375rem;
	height: 2.25rem;
}
#mobthree {
	display: block;
	margin-top: 0.75rem;
}
#mobthreetext {
	display: inline-block;
	vertical-align: middle;
}
#mobw3w {
	display: block;
	margin-top: 0.75rem;
}
#mobw3w img {
	height: 2rem;
	padding-left: 0.75rem;
	vertical-align: middle;
}
#mobfourcontact {
	display: block;
}
#mobfouricon {
	display: inline-block;
}
#mobfouricon img {
	height: 3.5rem;
	margin-right: 0.5rem;
}
#mobfourdetails {
	display: inline-block;
}


@media screen and (max-width: 1920px) {
#dtimage {
	background-image: url(logo-temp-page-wheat-fhd.png);
}
}

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

@media screen and (max-width: 1180px) {
#dtlayout {
	display: none;
}
}

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

@media screen and (max-width: 868px) {
#tablayout {
	display: none;
}
}

@media screen and (max-width: 668px) {
#mobholder {
    width: 86%;
	padding: 1rem 0rem 1rem 0rem;
}
#mobimage {
	height: 13rem;
}	
}

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

@media screen and (max-width: 468px) {
#mobtagline {
	display: none;
}
#mobholder {
	width: 90%;
}
#mobimage {
	height: 10rem;
}
}