/* Section 1 - Wall & Floor */	


body {
background-color:black;
}	
	
	
#wall {
position:absolute;
left:0; top:0;
width: 100%; height: 90%;
background-image:url('TAVWallTexture2smd.jpg');
background-size: auto 100%;
font-size: calc(var(--content-height)*0.1);
box-shadow: 0em -0.5em 1em rgba(0,0,0,0.6) inset;
}



#floor {
position:absolute;
left:0; top:90%;
width: 100%; height: 10%;
background-image:url('TAVFloorTexture2smd.jpg');
background-size: auto 100%;
font-size: calc(var(--content-height)*0.1);
}

#floorfilter {
background-image:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0));
}


/* Section 2 - Top Beam */	


#roofbeam {
position:absolute;
left:0; top:0%;
width: 100%; height: 10%;
background-image:url('TAVWoodBeam2H2smd.png');
background-size: auto 101%;
background-repeat:repeat-x;
z-index:22;
}

/* Section 3 - Seperator Beams */	

.bcbeam { 
width: calc(var(--content-height)*0.1);
}

.beam {
position:absolute;
left:0; bottom:8.5%;
width: 100%; height: 100%;
background-image:url('TAVWoodBeam3smd.png');
background-size: 100% 100%;
}


/* Section 4 - Chalkboards */	


.chalkboard {
position:absolute;
top: 45%;height:60%;
background-size: 100% 100%;
}


.chalkboardarrowl {
background-image:url('TAVChalkStand8BlankArrowLsmd.png');
}

.chalkboardarrowr {
background-image:url('TAVChalkStand8BlankArrowRsmd.png');
}



/* Section 5 - Mobile & Small Screens */

@media screen and (max-height: 650px) {
#wall {background-image:url('TAVWallTexture2smdM.jpg');}
#floor {background-image:url('TAVFloorTexture2smdM.jpg');}
#roofbeam {background-image:url('TAVWoodBeam2H2smdM.png');}
.beam {background-image:url('TAVWoodBeam3smdM.png');}
.chalkboardarrowl {background-image:url('TAVChalkStand8BlankArrowLsmdM.png');}
.chalkboardarrowr {background-image:url('TAVChalkStand8BlankArrowRsmdM.png');}
}