@charset "utf-8";
/* CSS Document */
#mainframe > div { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
}
	#biggerdevice{display:none;}
#primewrapper{position:relative; width:1400px; height:620px; left:calc(50% - 700px); top:30px; background-color:#464646; z-index:1;}
#klslogo{position:absolute; width:211px; height:199px; background-image:url(img/logo.png); background-size:contain; background-repeat:no-repeat; z-index:5; top:40px; left:-105px;}

#mainframe{width:100%; height:100%; position:absolute; z-index:10;}

#logoline{position:absolute; width:5px; height:90px; background-color:#aa3b3b; left:130px; top:97px; z-index:5;}
.logosubtext{position:absolute; left:155px; top:120px; z-index:10; font-family:raleway; font-size:37px; color:#fff;}
.headertext{position:absolute; width:100%; text-align:center; top:280px; z-index:10; font-family:Montserrat; font-size:72px; color:#fff;}
.subhdtext{position:absolute; width:100%; text-align:center; top:365px; z-index:10; font-family:Montserrat; font-size:34px; font-style:normal; color:#fff; opacity:0.75;}
.redcol{color:#aa3b3b; z-index:10;}


#primearrow{position:absolute; width:404px; height:620px; left:0; top:0; background-image:url(img/primearrow.png); background-size:contain; background-repeat:no-repeat; z-index:3;}
#primeperson{position:absolute; width:339px; height:620px; right:0; top:0; background-image:url(img/primeperson.png); background-size:contain; background-repeat:no-repeat; z-index:3;}

#middleblockwrapper{position:relative; width:1400px; height:253px; left:calc(50% - 700px); top:40px;}
#goldblock{position:absolute; left:0;  width:253px; height:253px; background-image:url(img/goldalliance.png); background-size:contain; background-repeat:no-repeat;}
#practiceblock{position:absolute; left:263px; width:480px; height:253px; background-color:#aa3b3b;}

.middleheader{position:absolute; color:#fff; font-size:26px; font-weight:bold; z-index:5; top:30px; left:120px;}

.areastext{font-size:23px; color:#fff; font-family:Montserrat; font-weight:500; background-color:#a53232; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; z-index:5;}

#wills{position:absolute; left:72px; top:86px;}
#commercial{position:absolute; left:72px; top:136px;}
#property{position:absolute; left:72px; top:186px;}
#probate{position:absolute; left:280px; top:86px;}
#family{position:absolute; left:280px; top:136px; }
#criminal{position:absolute; left:280px; top:186px;}

#redarrow2{position:absolute; left:0; background-image:url(img/redblockarrow.png); background-size:contain; background-repeat:no-repeat; width:166px; height:253px;}

#location{position:absolute; left:753px; width:647px; height:253px; background-color:#aa3b3b;}
#enquiretext{position:absolute; color:#fff; font-size:26px; font-weight:bold; z-index:5; top:30px; left:90px; border-color:#b45353; border-width:0px; border-style:solid; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px;}
#mailme{position:absolute; color:#fff; font-size:17px; font-weight:300; z-index:5; top:90px; left:30px;}
#phone{position:absolute; color:#fff; font-size:17px; font-weight:300; z-index:5; top:135px; left:130px;}
#addy{position:absolute; color:#fff; font-size:17px; font-weight:300; z-index:5; top:175px; left:110px;}

#addy:hover{cursor:pointer; opacity:0.7;}
#mailme:hover{cursor:pointer; opacity:0.7;}

#mappy{position:absolute; width:245px; height:224px; top:15px; right:15px; background-image:url(img/mapme.png);  background-size:contain; background-repeat:no-repeat;}
#minikls{position:relative; width:68px; height:37px; top:50px; left:calc(50% - 34px); background-image:url(img/smallklslogo.png); background-size:contain; background-repeat:no-repeat;}

#redarrow3{position:absolute; left:0; background-image:url(img/redblockarrow.png); background-size:contain; background-repeat:no-repeat; width:166px; height:253px;}
#maptwo{display:none;}


@media only screen and (max-width: 1728px) {
	#primewrapper{left:calc(50% - 650px);}
	#middleblockwrapper{left:calc(50% - 650px); top:40px;}
}


@media only screen and (max-width: 1585px) {
	
	#primewrapper{width:1200px; height:560px; left:calc(50% - 560px);}
	#primearrow{position:absolute; width:365px; height:560px; left:0; top:0; background-image:url(img/primearrow.png); background-size:contain; background-repeat:no-repeat; z-index:3;}
    #primeperson{position:absolute; width:306px; height:560px; right:0; top:0; background-image:url(img/primeperson.png); background-size:contain; background-repeat:no-repeat; z-index:3;}
	#klslogo{position:absolute; width:180.251px; height:170px; background-image:url(img/logo.png); background-size:contain; background-repeat:no-repeat; z-index:5; top:35px; left:-80px;}
	#logoline{position:absolute; width:5px; height:82px; background-color:#aa3b3b; left:126px; top:82px; z-index:5;}
	.logosubtext{position:absolute; left:155px; top:104px; z-index:10; font-family:raleway; font-size:34px; color:#fff;}
	.headertext{position:absolute; width:100%; text-align:center; top:240px; z-index:10; font-family:Montserrat; font-size:60px; color:#fff;}
    .subhdtext{position:absolute; width:100%; text-align:center; top:314px; z-index:10; font-family:Montserrat; font-size:30px; font-style:normal; color:#fff; opacity:0.75;}
	
	#middleblockwrapper{position:relative; width:1200px; height:516px; left:calc(50% - 560px); top:40px;}
	
	.middleheader{position:absolute; color:#fff; font-size:26px; font-weight:bold; z-index:5; top:34px; left:366px;}
	#practiceblock{width:937px;}
	#wills{position:absolute; left:122px; top:96px;}
	#probate{position:absolute; left:122px; top:146px;}
	
    #commercial{position:absolute; left:400px; top:96px;}
    #property{position:absolute; left:400px; top:146px;}

    #family{position:absolute; left:668px; top:96px; }
    #criminal{position:absolute; left:668px; top:146px;}
	
	#location{position:absolute; left:0px; width:1200px; height:253px; top:263px; background-color:#aa3b3b;}
	#mailme{ left:100px; top:115px; font-size:20px;}
#phone{left:216px; top:160px; font-size:20px;}
#addy{left:610px; top:100px;  font-size:20px;}
#enquiretext{left:175px; top:60px;}
#mappy{right:30px;}
	}
	
	
	
	@media only screen and (max-width: 1330px) {
	#primewrapper{width:1000px; height:520px; left:calc(50% - 460px);}
	#primearrow{position:absolute; width:339px; height:520px; left:0; top:0; background-image:url(img/primearrow.png); background-size:contain; background-repeat:no-repeat; z-index:3;}
    #primeperson{position:absolute; width:284px; height:520px; right:0; top:0; background-image:url(img/primeperson.png); background-size:contain; background-repeat:no-repeat; z-index:3;}
	#klslogo{position:absolute; width:159px; height:150px; background-image:url(img/logo.png); background-size:contain; background-repeat:no-repeat; z-index:5; top:30px; left:-70px;}
	#logoline{position:absolute; width:5px; height:76px; background-color:#aa3b3b; left:116px; top:70px; z-index:5;}
	.logosubtext{position:absolute; left:145px; top:90px; z-index:10; font-family:raleway; font-size:32px; color:#fff;}
	.headertext{position:absolute; width:100%; text-align:center; top:220px; z-index:10; font-family:Montserrat; font-size:54px; color:#fff;}
    .subhdtext{position:absolute; width:100%; text-align:center; top:286px; z-index:10; font-family:Montserrat; font-size:28px; font-style:normal; color:#fff; opacity:0.75;}
	
	#middleblockwrapper{position:relative; width:1000px; height:516px; left:calc(50% - 460px); top:40px;}
	#practiceblock{width:737px;}
	.middleheader{position:absolute; color:#fff; font-size:26px; font-weight:bold; z-index:5; top:34px; left:260px;}
	#wills{position:absolute; left:62px; top:96px;}
	#probate{position:absolute; left:62px; top:146px;}
	
    #commercial{position:absolute; left:320px; top:96px;}
    #property{position:absolute; left:320px; top:146px;}

    #family{position:absolute; left:558px; top:96px; }
    #criminal{position:absolute; left:558px; top:146px;}
	
	#location{position:absolute; left:0px; width:1000px; height:253px; top:263px; background-color:#aa3b3b;}
		#mailme{ left:40px; top:115px; font-size:20px;}
    #phone{left:162px; top:160px; font-size:20px;}
    #addy{left:486px; top:100px;  font-size:20px;}
    #enquiretext{left:125px; top:60px;}
	#mappy{right:15px;}
	}
	
	
		@media only screen and (max-width: 1130px) {
	
	#primewrapper{width:800px; height:460px; left:calc(50% - 368px);}
	#primearrow{position:absolute; width:290px; height:460px; left:0; top:0; background-image:url(img/primearrow.png); background-size:contain; background-repeat:no-repeat; z-index:3;}
    #primeperson{position:absolute; width:251px; height:460px; right:0; top:0; background-image:url(img/primeperson.png); background-size:contain; background-repeat:no-repeat; z-index:3;}
	#klslogo{position:absolute; width:148.4px; height:140px; background-image:url(img/logo.png); background-size:contain; background-repeat:no-repeat; z-index:5; top:30px; left:-64px;}
	#logoline{position:absolute; width:5px; height:70px; background-color:#aa3b3b; left:106px; top:68px; z-index:5;}
	.logosubtext{position:absolute; left:132px; top:85px; z-index:10; font-family:raleway; font-size:30px; color:#fff;}
	.headertext{position:absolute; width:100%; text-align:center; top:190px; z-index:10; font-family:Montserrat; font-size:52px; color:#fff;}
    .subhdtext{position:absolute; width:100%; text-align:center; top:252px; z-index:10; font-family:Montserrat; font-size:26px; font-style:normal; color:#fff; opacity:0.75;}
	
	#middleblockwrapper{position:relative; width:800px; height:516px; left:calc(50% - 368px); top:40px;}
	#practiceblock{width:537px;}
    .middleheader{position:absolute; color:#fff; font-size:26px; font-weight:bold; z-index:5; top:30px; left:150px;}
	#wills{position:absolute; left:102px; top:86px;}
    #commercial{position:absolute; left:102px; top:136px;}
    #property{position:absolute; left:102px; top:186px;}
    #probate{position:absolute; left:314px; top:86px;}
    #family{position:absolute; left:314px; top:136px; }
    #criminal{position:absolute; left:314px; top:186px;}
	
	#location{position:absolute; left:0px; width:800px; height:253px; top:263px; background-color:#aa3b3b;}
	#enquiretext{position:absolute; color:#fff; font-size:26px; font-weight:bold; z-index:5; top:30px; left:150px; border-color:#b45353; border-width:0px; border-style:solid; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px;}
    #mailme{position:absolute; color:#fff; font-size:17px; font-weight:300; z-index:5; top:90px; left:90px;}
    #phone{position:absolute; color:#fff; font-size:17px; font-weight:300; z-index:5; top:135px; left:190px;}
    #addy{position:absolute; color:#fff; font-size:17px; font-weight:300; z-index:5; top:175px; left:170px;}
	#mappy{right:30px;}
		}
		
	
		@media only screen and (max-width: 890px) {
	
	#primewrapper{width:700px; height:400px; left:calc(50% - 350px); top:10px;}
	#primearrow{position:absolute; width:260px; height:400px; left:0; top:0; background-image:url(img/primearrow.png); background-size:contain; background-repeat:no-repeat; z-index:3;}
    #primeperson{position:absolute; width:218px; height:400px; right:0; top:0; background-image:url(img/primeperson.png); background-size:contain; background-repeat:no-repeat; z-index:3;}
	#klslogo{position:absolute; width:116.6px; height:110px; background-image:url(img/logo.png); background-size:contain; background-repeat:no-repeat; z-index:5; top:30px; left:20px;}
	#logoline{position:absolute; width:4px; height:54px; background-color:#aa3b3b; left:150px; top:60px; z-index:5;}
	.logosubtext{position:absolute; left:165px; top:73px; z-index:10; font-family:raleway; font-size:26px; color:#fff;}
	.headertext{position:absolute; width:100%; text-align:center; top:195px; z-index:10; font-family:Montserrat; font-size:36px; color:#fff;}
    .subhdtext{position:absolute; width:100%; text-align:center; top:234px; z-index:10; font-family:Montserrat; font-size:24px; font-style:normal; color:#fff; opacity:0.75;}
	
	#middleblockwrapper{position:relative; width:700px; left:calc(50% - 350px); height:516px; top:20px; overflow:hidden;}
	#practiceblock{width:437px;}
    .middleheader{position:absolute; color:#fff; font-size:26px; font-weight:bold; z-index:5; top:30px; left:100px;}
	#wills{position:absolute; left:52px; top:86px;}
    #commercial{position:absolute; left:52px; top:136px;}
    #property{position:absolute; left:52px; top:186px;}
    #probate{position:absolute; left:264px; top:86px;}
    #family{position:absolute; left:264px; top:136px; }
    #criminal{position:absolute; left:264px; top:186px;}
	
	#location{position:absolute; left:0px; width:700px; height:253px; top:263px; background-color:#aa3b3b;}
	#enquiretext{position:absolute; color:#fff; font-size:26px; font-weight:bold; z-index:5; top:30px; left:130px; border-color:#b45353; border-width:0px; border-style:solid; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px;}
    #mailme{position:absolute; color:#fff; font-size:17px; font-weight:300; z-index:5; top:90px; left:70px;}
    #phone{position:absolute; color:#fff; font-size:17px; font-weight:300; z-index:5; top:135px; left:170px;}
    #addy{position:absolute; color:#fff; font-size:17px; font-weight:300; z-index:5; top:175px; left:150px;}
	#mappy{right:15px;}
	#minikls{top:30px;}
		}
			
		
		@media only screen and (max-width: 730px) {
	#primewrapper{width:100%; height:400px; left:0; top:0px; right:0;}
	#primearrow{position:absolute; width:260px; height:400px; left:0; top:0; background-image:url(img/primearrow.png); background-size:contain; background-repeat:no-repeat; z-index:3;}
    #primeperson{position:absolute; width:218px; height:400px; right:0; top:0; background-image:url(img/primeperson.png); background-size:contain; background-repeat:no-repeat; z-index:3;}
	#klslogo{position:absolute; width:116.6px; height:110px; background-image:url(img/logo.png); background-size:contain; background-repeat:no-repeat; z-index:5; top:30px; left:20px;}
	#logoline{position:absolute; width:4px; height:54px; background-color:#aa3b3b; left:150px; top:60px; z-index:5;}
	.logosubtext{position:absolute; left:165px; top:73px; z-index:10; font-family:raleway; font-size:26px; color:#fff;}
.headertext{position:absolute; width:100%; text-align:center; top:195px; z-index:10; font-family:Montserrat; font-size:36px; color:#fff;}
    .subhdtext{position:absolute; width:100%; text-align:center; top:234px; z-index:10; font-family:Montserrat; font-size:24px; font-style:normal; color:#fff; opacity:0.75;}
	
	#middleblockwrapper{position:relative; width:100%; left:0;height:516px; top:0px; overflow:hidden;}
	#practiceblock{left:253px; width:calc(100% - 253px);}
    .middleheader{position:absolute; color:#fff; font-size:26px; font-weight:bold; z-index:5; top:30px; left:100px;}
	#wills{position:absolute; left:52px; top:86px;}
    #commercial{position:absolute; left:52px; top:136px;}
    #property{position:absolute; left:52px; top:186px;}
    #probate{position:absolute; left:264px; top:86px;}
    #family{position:absolute; left:264px; top:136px; }
    #criminal{position:absolute; left:264px; top:186px;}
	
	#redarrow3{background-image:url(img/blackarrow.png);}
	
	#location{position:absolute; left:0px; width:100%; height:253px; top:253px; background-color:#212121;}
	#enquiretext{position:absolute; color:#fff; font-size:26px; font-weight:bold; z-index:5; top:30px; left:130px; border-color:#b45353; border-width:0px; border-style:solid; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px;}
    #mailme{position:absolute; color:#fff; font-size:17px; font-weight:300; z-index:5; top:90px; left:70px;}
    #phone{position:absolute; color:#fff; font-size:17px; font-weight:300; z-index:5; top:135px; left:170px;}
    #addy{position:absolute; color:#fff; font-size:17px; font-weight:300; z-index:5; top:175px; left:150px;}
	#mappy{right:15px; background-image:url(img/blackmap.png);}
	#minikls{top:00px;}
		}
					

		@media only screen and (max-width: 685px) {
	#middleblockwrapper{position:relative; width:100%; left:0;height:516px; top:0px; overflow:hidden;}
	#practiceblock{left:253px; width:calc(100% - 253px);}
    .middleheader{position:absolute; color:#fff; font-size:26px; font-weight:bold; z-index:5; top:30px; left:80px;}
	#wills{position:absolute; left:32px; top:86px;}
    #commercial{position:absolute; left:32px; top:136px;}
    #property{position:absolute; left:32px; top:186px;}
    #probate{position:absolute; left:244px; top:86px;}
    #family{position:absolute; left:244px; top:136px; }
    #criminal{position:absolute; left:244px; top:186px;}
	
	.headertext{position:absolute; width:100%; text-align:center; top:205px; z-index:10; font-family:Montserrat; font-size:32px; color:#fff;}
    .subhdtext{position:absolute; width:100%; text-align:center; top:238px; z-index:10; font-family:Montserrat; font-size:24px; font-style:normal; color:#fff; opacity:0.75;}
	
	
	#redarrow3{background-image:url(img/blackarrow.png);}
	
	#location{position:absolute; left:0px; width:100%; height:253px; top:253px; background-color:#212121;}
	#enquiretext{position:absolute; color:#fff; font-size:26px; font-weight:bold; z-index:5; top:30px; left:70px; border-color:#b45353; border-width:0px; border-style:solid; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px;}
    #mailme{position:absolute; color:#fff; font-size:17px; font-weight:300; z-index:5; top:90px; left:20px;}
    #phone{position:absolute; color:#fff; font-size:17px; font-weight:300; z-index:5; top:135px; left:120px;}
    #addy{position:absolute; color:#fff; font-size:17px; font-weight:300; z-index:5; top:175px; left:100px;}
	#mappy{right:15px; background-image:url(img/blackmap.png);}
	#minikls{top:00px;}
		}					
		
	
		@media only screen and (max-width: 654px) {
	#primewrapper{width:100%; height:400px; left:0; top:0px; right:0;}
	#primearrow{position:absolute; width:260px; height:400px; left:0; top:0; background-image:url(img/primearrow.png); background-size:contain; background-repeat:no-repeat; z-index:3;}
    #primeperson{position:absolute; width:218px; height:400px; right:0; top:0; background-image:url(img/primeperson.png); background-size:contain; background-repeat:no-repeat; z-index:3;}
	#klslogo{position:absolute; width:116.6px; height:110px; background-image:url(img/logo.png); background-size:contain; background-repeat:no-repeat; z-index:5; top:30px; left:20px;}
	#logoline{position:absolute; width:4px; height:54px; background-color:#aa3b3b; left:150px; top:60px; z-index:5;}
	.logosubtext{position:absolute; left:165px; top:73px; z-index:10; font-family:raleway; font-size:26px; color:#fff;}
	.headertext{position:absolute; width:100%; text-align:center; top:205px; z-index:10; font-family:Montserrat; font-size:32px; color:#fff;}
    .subhdtext{position:absolute; width:100%; text-align:center; top:240px; z-index:10; font-family:Montserrat; font-size:24px; font-style:normal; color:#fff; opacity:0.75;}
	
	
	#middleblockwrapper{position:relative; width:100%; left:0;height:1012px; top:0px; overflow:hidden;}
	#practiceblock{left:0; width:100%;}
    .middleheader{position:absolute; color:#fff; font-size:26px; font-weight:bold; z-index:5; top:30px; left:calc(50% - 112px);}
	#wills{position:absolute; left:calc(50% - 164px); top:86px;}
    #commercial{position:absolute; left:calc(50% - 164px); top:136px;}
    #property{position:absolute; left:calc(50% - 164px); top:186px;}
    #probate{position:absolute; left:calc(50% + 50px); top:86px;}
    #family{position:absolute; left:calc(50% + 50px); top:136px; }
    #criminal{position:absolute; left:calc(50% + 50px); top:186px;}
	
	#redarrow3{background-image:url(img/blackarrow.png);}
	
	#goldblock{top:759px; width:100%; background-color:#bf7d1e; background-position:center;}
	
	#location{position:absolute; left:0px; width:100%; height:253px; top:253px; background-color:#212121;}
	#enquiretext{position:absolute; color:#fff; font-size:26px; font-weight:bold; z-index:5; top:30px; left:0; width:100%; text-align:center; border-color:#b45353; border-width:0px; border-style:solid; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px;}
    #mailme{position:absolute; color:#fff; font-size:17px; font-weight:300; z-index:5; top:90px;  left:0; width:100%; text-align:center;}
    #phone{position:absolute; color:#fff; font-size:17px; font-weight:300; z-index:5; top:135px; left:0; width:100%; text-align:center;}
    #addy{position:absolute; color:#fff; font-size:17px; font-weight:300; z-index:5; top:175px; left:0; width:100%; text-align:center;}
	#mappy{right:15px; background-image:url(img/blackmap.png); left:0; top:253px; display:none;}
	
	#maptwo{display:block; position:absolute; width:100%; height:253px; top:506px; background-color:#aa3b3b; }
	#mapdisplay{position:absolute; left:calc(50% - 122.5px); top:10px; z-index:7; width:245px; height:224px; background-image:url(img/mapme.png); background-size:contain; background-repeat:no-repeat;}
	#redarrow4{position:absolute; left:0; background-image:url(img/redblockarrow.png); background-size:contain; background-repeat:no-repeat; width:166px; height:253px;}
	#minikls{top:00px;}
		}		
		
@media only screen and (max-width: 615px) {	
		#primewrapper{width:100%; height:350px; left:0; top:0px; right:0;}
	#primearrow{position:absolute; width:227.5px; height:350px; left:0; top:0; background-image:url(img/primearrow.png); background-size:contain; background-repeat:no-repeat; z-index:3;}
    #primeperson{position:absolute; width:190.75px; height:350px; right:0; top:0; background-image:url(img/primeperson.png); background-size:contain; background-repeat:no-repeat; z-index:3;}
	#klslogo{position:absolute; width:116.6px; height:110px; background-image:url(img/logo.png); background-size:contain; background-repeat:no-repeat; z-index:5; top:30px; left:20px;}
	#logoline{position:absolute; width:4px; height:54px; background-color:#aa3b3b; left:150px; top:60px; z-index:5;}
	.logosubtext{position:absolute; left:165px; top:73px; z-index:10; font-family:raleway; font-size:24px; color:#fff;}
	.headertext{position:absolute; width:100%; text-align:center; top:185px; z-index:10; font-family:Montserrat; font-size:32px; color:#fff;}
    .subhdtext{position:absolute; width:100%; text-align:center; top:218px; z-index:10; font-family:Montserrat; font-size:22px; font-style:normal; color:#fff; opacity:0.75;}
				
}		

@media only screen and (max-width: 535px) {	
		#primewrapper{width:100%; height:350px; left:0; top:0px; right:0;}
	#primearrow{position:absolute; width:227.5px; height:350px; left:0; top:0; background-image:url(img/primearrow.png); background-size:contain; background-repeat:no-repeat; z-index:3;}
    #primeperson{position:absolute; width:190.75px; height:350px; right:0; top:0; background-image:url(img/primeperson.png); background-size:contain; background-repeat:no-repeat; z-index:3;}
	#klslogo{position:absolute; width:116.6px; height:110px; background-image:url(img/logo.png); background-size:contain; background-repeat:no-repeat; z-index:5; top:30px; left:calc(50% - 58.3px);}
	#logoline{display:none;}
.headertext{position:absolute; width:100%; text-align:center; top:210px; z-index:10; font-family:Montserrat; font-size:30px; color:#fff;}
    .subhdtext{position:absolute; width:100%; text-align:center; top:242px; z-index:10; font-family:Montserrat; font-size:26px; font-style:normal; color:#fff; opacity:0.75;}
.logosubtext{position:absolute; width:100%; left:0; text-align:center; top:154px; z-index:10; font-family:raleway; font-size:20px; color:#fff;}	
			
}	

@media only screen and (max-width: 502px) {	
.headertext{position:absolute; width:100%; text-align:center; top:210px; z-index:10; font-family:Montserrat; font-size:30px; color:#fff;}
    .subhdtext{display:none;}
.logosubtext{position:absolute; width:100%; left:0; text-align:center; top:154px; z-index:10; font-family:raleway; font-size:20px; color:#fff;}	

}
		
	@media only screen and (max-width: 460px) {	
.headertext{position:absolute; width:100%; text-align:center; top:210px; z-index:10; font-family:Montserrat; font-size:30px; color:#fff;}
    .subhdtext{position:absolute; width:100%; text-align:center; top:270px; z-index:10; font-family:Montserrat; font-size:26px; font-style:normal; color:#fff; opacity:0.75;}
.logosubtext{position:absolute; width:100%; left:0; text-align:center; top:154px; z-index:10; font-family:raleway; font-size:18px; color:#fff;}	
}	

	@media only screen and (max-width: 420px) {	
.headertext{position:absolute; width:100%; text-align:center; top:210px; z-index:10; font-family:Montserrat; font-size:9vw; color:#fff;}
  .subhdtext{display:none;}
.logosubtext{position:absolute; width:100%; left:0; text-align:center; top:154px; z-index:10; font-family:raleway; font-size:18px; color:#fff;}	
	}

@media only screen and (max-width: 365px) {	
		#middleblockwrapper{position:relative; width:100%; left:0; height:1012px; top:0px; overflow:hidden;}
	#practiceblock{left:0; width:100%;}
    .middleheader{position:absolute; color:#fff; font-size:22px; font-weight:bold; z-index:5; top:30px; left:0px; width:100%; text-align:center;}
	#wills{position:absolute; left:calc(50% - 136px); top:86px; font-size:18px;}
    #commercial{position:absolute; left:calc(50% - 136px); top:136px; font-size:18px;}
    #property{position:absolute; left:calc(50% - 136px); top:186px; font-size:18px;}
    #probate{position:absolute; left:calc(50% + 38px); top:86px; font-size:18px;}
    #family{position:absolute; left:calc(50% + 38px); top:136px; font-size:18px;}
    #criminal{position:absolute; left:calc(50% + 38px); top:186px; font-size:18px;}
	
	#redarrow3{background-image:url(img/blackarrow.png);}
	
	#goldblock{top:759px; width:100%; background-color:#bf7d1e; background-position:center;}
	
	#location{position:absolute; left:0px; width:100%; height:253px; top:253px; background-color:#212121;}
	#enquiretext{position:absolute; color:#fff; font-size:22px; font-weight:bold; z-index:5; top:30px; left:0; width:100%; text-align:center; border-color:#b45353; border-width:0px; border-style:solid; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px;}
    #mailme{position:absolute; color:#fff; font-size:14px; font-weight:300; z-index:5; top:90px;  left:0; width:100%; text-align:center;}
    #phone{position:absolute; color:#fff; font-size:16px; font-weight:300; z-index:5; top:135px; left:0; width:100%; text-align:center;}
    #addy{position:absolute; color:#fff; font-size:16px; font-weight:300; z-index:5; top:175px; left:0; width:100%; text-align:center;}
	#mappy{right:15px; background-image:url(img/blackmap.png); left:0; top:253px; display:none;}
	
	#maptwo{display:block; position:absolute; width:100%; height:253px; top:506px; background-color:#aa3b3b; }
	#mapdisplay{position:absolute; left:calc(50% - 122.5px); top:10px; z-index:7; width:245px; height:224px; background-image:url(img/mapme.png); background-size:contain; background-repeat:no-repeat;}
	#redarrow4{position:absolute; left:0; background-image:url(img/redblockarrow.png); background-size:contain; background-repeat:no-repeat; width:166px; height:253px;}
	#minikls{top:0px;}
	
}

	@media only screen and (max-width: 360px) {	
.headertext{position:absolute; width:100%; text-align:center; top:210px; z-index:10; font-family:Montserrat; font-size:8vw; color:#fff;}
    .subhdtext{display:none;}
.logosubtext{position:absolute; width:100%; left:0; text-align:center; top:154px; z-index:10; font-family:raleway; font-size:16px; color:#fff;}
	}	

	
	@media only screen and (max-width: 296px) {	
		#middleblockwrapper{position:relative; width:100%; left:0;height:1012px; top:0px; overflow:hidden;}
	#practiceblock{left:0; width:100%;}
    .middleheader{position:absolute; color:#fff; font-size:22px; font-weight:bold; z-index:5; top:30px; left:0px; width:100%; text-align:center;}
	#wills{position:absolute; left:calc(50% - 116px); top:86px; font-size:16px;}
    #commercial{position:absolute; left:calc(50% - 116px); top:136px; font-size:16px;}
    #property{position:absolute; left:calc(50% - 116px); top:186px; font-size:16px;}
    #probate{position:absolute; left:calc(50% + 26px); top:86px; font-size:16px;}
    #family{position:absolute; left:calc(50% + 26px); top:136px; font-size:16px;}
    #criminal{position:absolute; left:calc(50% + 26px); top:186px; font-size:16px;}
	
	#redarrow3{background-image:url(img/blackarrow.png);}
	
	#goldblock{top:759px; width:100%; background-color:#bf7d1e; background-position:center;}
	
	#location{position:absolute; left:0px; width:100%; height:253px; top:253px; background-color:#212121;}
	#enquiretext{position:absolute; color:#fff; font-size:22px; font-weight:bold; z-index:5; top:30px; left:0; width:100%; text-align:center; border-color:#b45353; border-width:0px; border-style:solid; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px;}
    #mailme{position:absolute; color:#fff; font-size:12px; font-weight:300; z-index:5; top:90px;  left:0; width:100%; text-align:center;}
    #phone{position:absolute; color:#fff; font-size:16px; font-weight:300; z-index:5; top:135px; left:0; width:100%; text-align:center;}
    #addy{position:absolute; color:#fff; font-size:16px; font-weight:300; z-index:5; top:175px; left:0; width:100%; text-align:center;}
	#mappy{right:15px; background-image:url(img/blackmap.png); left:0; top:253px; display:none;}
	
	#maptwo{display:block; position:absolute; width:100%; height:253px; top:506px; background-color:#aa3b3b; }
	#mapdisplay{position:absolute; left:calc(50% - 122.5px); top:10px; z-index:7; width:245px; height:224px; background-image:url(img/mapme.png); background-size:contain; background-repeat:no-repeat;}
	#redarrow4{position:absolute; left:0; background-image:url(img/redblockarrow.png); background-size:contain; background-repeat:no-repeat; width:166px; height:253px;}
	#minikls{top:00px;}
	
}

	@media only screen and (max-width: 250px) {	
	#primewrapper{display:none;}
	#middleblockwrapper{display:none;}
	#minikls{display:none;}
	#biggerdevice{display:block; background-color:#212121; width:100%; height:100%; min-height:260px;}
	#devicelogo{position:absolute; width:116.6px; height:110px; background-image:url(img/logo.png); background-size:contain; background-repeat:no-repeat; z-index:5; top:30px; left:calc(50% - 58.3px);}
	#devicetext{position:absolute; top:160px; color:#fff; font-size:7vw; width:100%; text-align:center;}
	.devtext2{position:absolute; opacity:0.75; top:40px;}
	}