/* --[ Kessler Associates stylesheet ]-- */

/* Find a display font that the user has available */
code				{ font-family: verdana, Geneva, arial, helvetica, sans-serif; }
body    			{ font-family: verdana, Geneva, arial, helvetica, sans-serif; 
					font-size: 11px; color: #1E1E1E; font-weight: bold; text-align: justify; 
					border: 0px solid #0A0A0A; margin-top: 0px; margin-bottom: 0px; 
					background-position: 0%; background-color: #1E1E1E; }



/* --[ General settings to be preloaded ]-- */

/* Navigation links - reset line height in some media settings */
.navspace			{ background-color: #FFFFFF; padding: 10px; }
.nav				{ font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 13px; 
					color: #0A0A0A; font-weight: normal; font-style: normal; text-align: center; 
					line-height: 24px; }
.nav a:link			{ font-size: 13px; color: #0A0A0A; font-weight: normal; text-decoration: none; }
.nav a:visited		{ font-size: 13px; color: #0A0A0A; font-weight: normal; text-decoration: none; }
.nav a:hover		{ font-size: 13px; color: #0A0A0A; font-weight: normal; text-decoration: underline; }
.nav a:active		{ font-size: 13px; color: #0A0A0A; font-weight: normal; text-decoration: none; }

.fb-like			{ margin-left: -8px; }


/* Standard settings to be replaced where neccessary by media settings */

/* Navigation bar */
.mobileSpacer1		{ width: 20px; }
.mobileSpacer2		{ width: 20px; }
.mobileSpacer3		{ display: none; }				/* Hide line break between pairs of links */
.footermobile4		{ display: none; }				/* Hide vertical 'Like us' padding */
.blog				{ text-align: justify; }		/* Default for blog text */
.kamainpic			{ margin-left: 40px; margin-right: 40px; }
.kacdtext			{ font-size: 15px; color: #FFFFFF; font-weight: normal; font-style: normal; 
					text-align: justify; margin-left: 40px; margin-right: 40px; padding-left: 0px; 
					padding-top: 2px; text-decoration: none; line-height: 18px; }
.list				{ margin-left: 40px; margin-right: 40px; }
.bullets			{ margin-left: 1.3em; text-indent: 0px; text-align: left; padding-bottom: 3px; }
.kaform				{ margin-left: 40px; margin-right: 40px; }
#mob_ShowWeb		{ display: none; }


/* --[ Media settings ]-- */

/* ############ Mobile Phones - Portrait ############ */
/* Including: Huawei Nova, iPhone 3/4/4s/5/5s/8, Moto Z Droid, Samsung Galaxy 4/Tab A 6.0 */
@media screen and (max-device-width: 320px) and (orientation: portrait) {

/* Main table */
.kapg				{ width: 100%; margin: 0px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }

/* Header zone */
.kabw				{ width: 100% vertical-align: top; text-align: right; background-color: #000000; }

/* Header links */
.kalo				{ margin-left: 12px; }
#mobile_Hide		{ display: none; }

/* Navigation bar */
.nav				{ line-height: 14px; }			/* Reset line height for multi-line nav bar */
.mobileSpacer1		{ width: 12px; }				/* Use odd-numbered padding image between links */
.mobileSpacer2		{ width: 0px; }					/* Hide even-numbered padding between links */
.mobileSpacer3		{ display: block; }				/* Show line break between pairs of links */

/* Page background image */
.kabg				{ margin-bottom: 40px; padding-top: 50px; padding-bottom: 40px; background-color: #383838; 
					background:url('../images/digital_2018/pagePicture2013.jpg') no-repeat center top; 
					background-size: 375px; }

/* Header 1 - page title (most settings are below media settings */
h1					{ font-size: 20px; margin-left: 10px; margin-right: 10px; line-height: 22px; }

/* Normal text - most settings are below media settings */
.katitle			{ font-size: 15px; margin-left: 10px; margin-right: 10px; line-height: 18px; }
.katext				{ font-size: 15px; margin-left: 10px; margin-right: 10px; line-height: 18px; }
.bullets			{ font-size: 15px; padding-right: 10px; }
.blog				{ font-size: 15px; margin-left: 10px; margin-right: 10px; line-height: 22px; 
					text-align: left; }
.kasmall			{ font-size: 9px; margin-left: 10px; margin-right: 10px; line-height: 16px; }
.blogindex1			{ width: 100%; }
.blogindex2			{ width: 100%; float: left; }
.kamainpic			{ margin-left: 10px; margin-right: 10px; }
.kacdtext			{ text-align: left; margin-left: 10px; margin-right: 10px; }
.list				{ margin-left: 10px; margin-right: 10px; }
.kaform				{ margin-left: 10px; margin-right: 10px; }
#mob_ShowWeb		{ display: block; }
#desk_ShowWeb		{ display: none; }

@media only screen and (max-width: 300px) and (orientation: portrait) {
.showweb			{ font-size: 11px; }
}

/* Footer zone */
.footerbox			{ width: 100%; margin: 0px; padding: 0px; border-left: 1px solid #FFFFFF; 
					border-right: 1px solid #FFFFFF; }
.footermobile1		{ width: 80px; padding-left: 18px; }
.footermobile2		{ padding-right: 20px; }
#mob_Hide1			{ display: none; }				/* Hide contact details */
.kafootercon		{ width: 2%; }					/* Size contact details cell */
.footermobile4		{ display: block; height: 5px; }/* Show vertical 'Like us' padding */
.contacts			{ font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 12px; 
					color: #FFFFFF; font-weight: normal; font-style: normal; text-align: left; 
					margin-left: 10px; margin-right: 0px; padding-left: 0px; padding-top: 2px; 
					text-decoration: none; line-height: 23px; }
}

/* ############ Mobile Phones - Portrait ############ */
/* Including: iPhone 5s, iPhone 8, Samsung Galaxy 4, & Samsung Galaxy Tab A 6.0 */
@media screen and (min-device-width: 321px) and (max-device-width: 768px) and (orientation: portrait) {

/* Main table */
.kapg				{ width: 100%; margin: 0px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }

/* Header zone */
.kabw				{ width: 100% vertical-align: top; text-align: right; background-color: #000000; }

/* Header links */
.kalo				{ margin-left: 10px; }

@media only screen and (max-width: 650px) and (orientation: portrait) {
#mobile_Hide		{ display: none; }
}

/* Navigation bar */
.mobileSpacer1		{ width: 18px; }
.mobileSpacer2		{ width: 18px; }
@media only screen and (max-width: 355px) and (orientation: portrait) {
.nav				{ line-height: 14px; }			/* Reset line height for multi-line nav bar */
.mobileSpacer1		{ width: 12px; }				/* Use odd-numbered padding image between links */
.mobileSpacer2		{ width: 0px; }					/* Hide even-numbered padding between links */
.mobileSpacer3		{ display: block; }				/* Show line break between pairs of links */
}

/* Page background image */
.kabg				{ margin-bottom: 40px; padding-top: 50px; padding-bottom: 40px; background-color: #383838; 
					background:url('../images/digital_2018/pagePicture2013.jpg') no-repeat center top; 
					background-size: cover; }

/* Header 1 - page title (most settings are below media settings */
h1					{ font-size: 20px; margin-left: 10px; margin-right: 10px; line-height: 22px; }

/* Normal text - most settings are below media settings */
.katitle			{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 18px; }
.katext				{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 18px; }
.bullets			{ font-size: 15px; padding-right: 40px; }
.blog				{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 22px; }
.kasmall			{ font-size: 9px; margin-left: 40px; margin-right: 40px; line-height: 16px; }
.blogindex1			{ width: 45%; }
.blogindex2			{ width: 50%; }
@media only screen and (max-width: 639px) and (orientation: portrait) {
.blogindex1			{ width: 100%; }
.blogindex2			{ width: 100%; float: left; }
.katitle			{ margin-left: 20px; margin-right: 20px; }
.katext				{ margin-left: 20px; margin-right: 20px; }
.bullets			{ font-size: 15px; padding-right: 20px; }
.blog				{ margin-left: 20px; margin-right: 20px; }
.kasmall			{ margin-left: 20px; margin-right: 20px; }
.kamainpic			{ margin-left: 20px; margin-right: 20px; }
.kacdtext			{ text-align: left; margin-left: 20px; margin-right: 20px; }
.list				{ margin-left: 20px; margin-right: 20px; }
.kaform				{ margin-left: 20px; margin-right: 20px; }
#mob_ShowWeb		{ display: block; }
#desk_ShowWeb		{ display: none; }
}

/* Footer zone */
.footerbox			{ width: 100%; margin: 0px; padding: 0px; border-left: 1px solid #FFFFFF; 
					border-right: 1px solid #FFFFFF; }
@media only screen and (max-width: 650px) and (orientation: portrait) {
.blog				{ text-align: left; }
.footermobile1		{ width: 100%; padding-left: 0px; }
.footermobile2		{ padding-right: 0px; }
#mob_Hide1			{ display: none; }				/* Hide contact details */
.kafootercon		{ width: 2%; }					/* Size contact details cell */
.footermobile3		{ width: 10px; }				/* Set horizontal 'Like us' padding */
}
.contacts			{ font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 12px; 
					color: #FFFFFF; font-weight: normal; font-style: normal; text-align: left; 
					margin-left: 10px; margin-right: 0px; padding-left: 0px; padding-top: 2px; 
					text-decoration: none; line-height: 23px; }
}

/* ############ Mobile Phones - Landscape ############ */
/* Including: iPhone 5s, iPhone 8, & Samsung Galaxy 4 */
@media screen and (max-device-width: 768px) and (orientation: landscape) {

/* Main table */
.kapg				{ width: 100%; margin: 0px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }

/* Header zone */
.kabw				{ width: 100% vertical-align: top; text-align: right; background-color: #000000; }

/* Header links */
.kalo				{ margin-left: 10px; }

@media only screen and (max-width: 499px) and (orientation: landscape) {
#mobile_Hide		{ display: none; }
}

/* Navigation bar */
.mobileSpacer1		{ width: 12px; }					/* Use odd-numbered padding image between links */
.mobileSpacer2		{ width: 12px; }					/* Use even-numbered padding between links */
@media only screen and (max-width: 355px) and (orientation: landscape) {
.nav				{ line-height: 14px; }			/* Reset line height for multi-line nav bar */
.mobileSpacer1		{ width: 12px; }				/* Use odd-numbered padding image between links */
.mobileSpacer2		{ width: 0px; }					/* Hide even-numbered padding between links */
.mobileSpacer3		{ display: block; }				/* Show line break between pairs of links */
}

/* Page background image */
.kabg				{ margin-bottom: 40px; padding-top: 50px; padding-bottom: 40px; background-color: #383838; 
					background:url('../images/digital_2018/pagePicture2013.jpg') no-repeat center top; 
					background-size: cover; }

/* Header 1 - page title (most settings are below media settings */
h1					{ font-size: 20px; margin-left: 10px; margin-right: 10px; line-height: 22px; }

/* Normal text - most settings are below media settings */
.katitle			{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 18px; }
.katext				{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 18px; }
.bullets			{ font-size: 15px; padding-right: 40px; }
.blog				{ font-size: 15px; margin-left: 35px; margin-right: 35px; line-height: 22px; 
					text-align: left; }
.kasmall			{ font-size: 9px; margin-left: 40px; margin-right: 40px; line-height: 16px; }
.blogindex1			{ width: 40%; }
.blogindex2			{ width: 50%; }
@media only screen and (max-width: 600px) and (orientation: landscape) {
.kabg				{ margin-bottom: 40px; padding-top: 50px; padding-bottom: 40px; background-color: #383838; 
					background:url('../images/digital_2018/pagePicture2013.jpg') no-repeat center top; 
					background-size: 600px; }
.blogindex1			{ width: 100%; }
.blogindex2			{ width: 100%; float: left; }
.katitle			{ margin-left: 10px; margin-right: 10px; }
.katext				{ margin-left: 10px; margin-right: 10px; }
.bullets			{ font-size: 15px; padding-right: 10px; }
.blog				{ margin-left: 10px; margin-right: 10px; }
.kasmall			{ margin-left: 10px; margin-right: 10px; }
.kamainpic			{ margin-left: 10px; margin-right: 10px; }
.kacdtext			{ text-align: left; margin-left: 10px; margin-right: 10px; }
.list				{ margin-left: 10px; margin-right: 10px; }
.kaform				{ margin-left: 10px; margin-right: 10px; }
#mob_ShowWeb		{ display: block; }
#desk_ShowWeb		{ display: none; }
}

@media only screen and (max-width: 300px) and (orientation: landscape) {
.showweb			{ font-size: 11px; }
}

/* Footer zone */
.footerbox			{ width: 100%; margin: 0px; padding: 0px; border-left: 1px solid #FFFFFF; 
					border-right: 1px solid #FFFFFF; }
@media only screen and (max-width: 650px) and (orientation: landscape) {
.footermobile1		{ width: 100%; padding-left: 0px; }
.footermobile2		{ padding-right: 20px; }
#mob_Hide1			{ display: none; }				/* Hide contact details */
.kafootercon		{ width: 2%; }					/* Size contact details cell */
.footermobile3		{ width: 10px; }				/* Set horizontal 'Like us' padding */
}
.contacts			{ font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 12px; 
					color: #FFFFFF; font-weight: normal; font-style: normal; text-align: left; 
					margin-left: 10px; margin-right: 0px; padding-left: 0px; padding-top: 2px; 
					text-decoration: none; line-height: 23px; }
}

/* ############ Small Devices 1 of 3 - Portrait ############ */
/* Including: Smaller Tablets */
@media screen and (min-device-width: 769px) and (max-device-width: 790px) and (orientation: portrait) {

/* Main table */
.kapg				{ width: 100%; margin: 0px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }

/* Header zone */
.kabw				{ width: 100% vertical-align: top; text-align: right; background-color: #000000; }

/* Header links */
.kalo				{ margin-left: 40px; }

/* Page background image */
.kabg				{ margin-bottom: 40px; padding-top: 50px; padding-bottom: 40px; background-color: #383838; 
					background:url('../images/digital_2018/pagePicture2013.jpg') no-repeat center top; 
					background-size: cover; }

/* Header 1 - page title (most settings are below media settings */
h1					{ font-size: 20px; margin-left: 40px; margin-right: 40px; line-height: 22px; }

/* Normal text - most settings are below media settings */
.katitle			{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 18px; }
.katext				{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 18px; }
.bullets			{ font-size: 15px; padding-right: 40px; }
.blog				{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 22px; }
.kasmall			{ font-size: 9px; margin-left: 40px; margin-right: 40px; line-height: 16px; }

/* Footer zone */
.footerbox			{ width: 100%; margin: 0px; padding: 0px; border-left: 1px solid #FFFFFF; 
					border-right: 1px solid #FFFFFF; }
.footermobile1		{ width: 100%; padding-left: 0px; }
.footermobile2		{ padding-right: 20px; }
.contacts			{ font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 12px; 
					color: #FFFFFF; font-weight: normal; font-style: normal; text-align: left; 
					margin-left: 40px; margin-right: 0px; padding-left: 0px; padding-top: 2px; 
					text-decoration: none; line-height: 23px; }
}

/* ############ Small Devices 2 of 3 - Portrait ############ */
/* Including: Smaller Tablets, Samsung Galaxy Tab 7.7 & 10 */
@media screen and (min-device-width: 790px) and (max-device-width: 810px) and (orientation: portrait) {

/* Main table */
.kapg				{ width: 775px; margin: 0px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }

/* Header zone */
.kabw				{ width: 775px vertical-align: top; text-align: right; background-color: #000000; }

/* Header links */
.kalo				{ margin-left: 40px; }

/* Page background image */
.kabg				{ margin-bottom: 40px; padding-top: 50px; padding-bottom: 40px; background-color: #383838; 
					background:url('../images/digital_2018/pagePicture2013.jpg') no-repeat center top; 
					background-size: cover; }

/* Header 1 - page title (most settings are below media settings */
h1					{ font-size: 20px; margin-left: 40px; margin-right: 40px; line-height: 22px; }

/* Normal text - most settings are below media settings */
.katitle			{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 18px; }
.katext				{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 18px; }
.bullets			{ font-size: 15px; padding-right: 40px; }
.blog				{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 22px; }
.kasmall			{ font-size: 9px; margin-left: 40px; margin-right: 40px; line-height: 16px; }

/* Footer zone */
.footerbox			{ width: 775px; margin: 0px; padding: 0px; border-left: 1px solid #FFFFFF; 
					border-right: 1px solid #FFFFFF; }
.footermobile1		{ width: 100%; padding-left: 0px; }
.footermobile2		{ padding-right: 20px; }
.contacts			{ font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 12px; 
					color: #FFFFFF; font-weight: normal; font-style: normal; text-align: left; 
					margin-left: 40px; margin-right: 0px; padding-left: 0px; padding-top: 2px; 
					text-decoration: none; line-height: 23px; }
}

/* ############ Small Devices 3 of 3 - Portrait ############ */
/* Including: Smaller Tablets */
@media screen and (min-device-width: 810px) and (max-device-width: 992px) and (orientation: portrait) {

/* Main table */
.kapg				{ width: 775px; margin: 0px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }

/* Header zone */
.kabw				{ width: 775px; vertical-align: top; text-align: right; background-color: #000000; }

/* Header links */
.kalo				{ margin-left: 40px; }

/* Page background image */
.kabg				{ margin-bottom: 40px; padding-top: 50px; padding-bottom: 40px; background-color: #383838; 
					background:url('../images/digital_2018/pagePicture2013.jpg') no-repeat center top; 
					background-size: cover; }

/* Header 1 - page title (most settings are below media settings */
h1					{ font-size: 20px; margin-left: 40px; margin-right: 40px; line-height: 22px; }

/* Normal text - most settings are below media settings */
.katitle			{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 18px; }
.katext				{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 18px; }
.bullets			{ font-size: 15px; padding-right: 40px; }
.blog				{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 22px; }
.kasmall			{ font-size: 9px; margin-left: 40px; margin-right: 40px; line-height: 16px; }

/* Footer zone */
.footerbox			{ width: 775px; margin: 0px; padding: 0px; border-left: 1px solid #FFFFFF; 
					border-right: 1px solid #FFFFFF; }
.footermobile1		{ width: 100%; padding-left: 0px; }
.footermobile2		{ padding-right: 20px; }
.contacts			{ font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 12px; 
					color: #FFFFFF; font-weight: normal; font-style: normal; text-align: left; 
					margin-left: 40px; margin-right: 0px; padding-left: 0px; padding-top: 2px; 
					text-decoration: none; line-height: 23px; }
}

/* ############ Small Devices - Landscape ############ */
/* Including: Smaller Tablets - Samsung Galaxy Tab A 6.0 */
@media screen and (min-device-width: 768px) and (max-device-width: 992px) and (orientation: landscape) {

/* Main table */
.kapg				{ width: 775px; margin: 0px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }

/* Header zone */
.kabw				{ width: 775px; vertical-align: top; text-align: right; background-color: #000000; }

/* Header links */
.kalo				{ margin-left: 40px; }

/* Page background image */
.kabg				{ margin-bottom: 40px; padding-top: 50px; padding-bottom: 40px; background-color: #383838; 
					background:url('../images/digital_2018/pagePicture2013.jpg') no-repeat center top; 
					background-size: cover; }

/* Header 1 - page title (most settings are below media settings */
h1					{ font-size: 20px; margin-left: 40px; margin-right: 40px; line-height: 22px; }

/* Normal text - most settings are below media settings */
.katitle			{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 18px; }
.katext				{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 18px; }
.bullets			{ font-size: 15px; padding-right: 40px; }
.blog				{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 22px; 
					text-align: left; }
.kasmall			{ font-size: 9px; margin-left: 40px; margin-right: 40px; line-height: 16px; }
.blogindex1			{ width: 40%; }
.blogindex2			{ width: 50%; }

/* Footer zone */
.footerbox			{ width: 775px; margin: 0px; padding: 0px; border-left: 1px solid #FFFFFF; 
					border-right: 1px solid #FFFFFF; }
.footermobile1		{ width: 100%; padding-left: 0px; }
.footermobile2		{ padding-right: 20px; }
.contacts			{ font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 12px; 
					color: #FFFFFF; font-weight: normal; font-style: normal; text-align: left; 
					margin-left: 40px; margin-right: 0px; padding-left: 0px; padding-top: 2px; 
					text-decoration: none; line-height: 23px; }
}

/* ############ Medium Devices - Portrait ############ */
/* Including: ? */
@media screen and (min-device-width: 992px) and (max-device-width: 1366px) and (orientation: portrait) {

/* Main table */
.kapg				{ width: 775px; margin: 0px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }

/* Header zone */
.kabw				{ width: 775px; vertical-align: top; text-align: right; background-color: #000000; }

/* Header links */
.kalo				{ margin-left: 40px; }

/* Page background image */
.kabg				{ margin-bottom: 40px; padding-top: 50px; padding-bottom: 40px; background-color: #383838; 
					background:url('../images/digital_2018/pagePicture2013.jpg') no-repeat center top; 
					background-size: cover; }

/* Header 1 - page title (most settings are below media settings */
h1					{ font-size: 20px; margin-left: 40px; margin-right: 40px; line-height: 22px; }

/* Normal text - most settings are below media settings */
.katitle			{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 18px; }
.katext				{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 18px; }
.bullets			{ font-size: 15px; padding-right: 40px; }
.blog				{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 22px; }
.kasmall			{ font-size: 9px; margin-left: 40px; margin-right: 40px; line-height: 16px; }

/* Footer zone */
.footerbox			{ width: 775px; margin: 0px; padding: 0px; border-left: 1px solid #FFFFFF; 
					border-right: 1px solid #FFFFFF; }
.footermobile1		{ width: 100%; padding-left: 0px; }
.footermobile2		{ padding-right: 20px; }
.contacts			{ font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 12px; 
					color: #FFFFFF; font-weight: normal; font-style: normal; text-align: left; 
					margin-left: 40px; margin-right: 0px; padding-left: 0px; padding-top: 2px; 
					text-decoration: none; line-height: 23px; }
}

/* ############ Medium Devices - Landscape ############ */
/* Including: Larger Tablets - Samsung Galaxy Tab 7.7 (but see Desktops too) & 10 (Dev-Width between 1280-1366px) */
@media screen and (min-device-width: 992px) and (max-device-width: 1366px) and (orientation: landscape) {

/* Main table */
.kapg				{ width: 775px; margin: 0px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }

/* Header zone */
.kabw				{ width: 775px; vertical-align: top; text-align: right; background-color: #000000; }

/* Header links */
.kalo				{ margin-left: 40px; }

/* Page background image */
.kabg				{ margin-bottom: 40px; padding-top: 50px; padding-bottom: 40px; background-color: #383838; 
					background:url('../images/digital_2018/pagePicture2013.jpg') no-repeat center top; 
					background-size: cover; }

/* Header 1 - page title (most settings are below media settings */
h1					{ font-size: 20px; margin-left: 40px; margin-right: 40px; line-height: 22px; }

/* Normal text - most settings are below media settings */
.katitle			{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 18px; }
.katext				{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 18px; }
.bullets			{ font-size: 15px; padding-right: 40px; }
.blog				{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 22px; }
.kasmall			{ font-size: 9px; margin-left: 40px; margin-right: 40px; line-height: 16px; }

/* Footer zone */
.footerbox			{ width: 775px; margin: 0px; padding: 0px; border-left: 1px solid #FFFFFF; 
					border-right: 1px solid #FFFFFF; }
.footermobile1		{ width: 100%; padding-left: 0px; }
.footermobile2		{ padding-right: 20px; }
.contacts			{ font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 12px; 
					color: #FFFFFF; font-weight: normal; font-style: normal; text-align: left; 
					margin-left: 40px; margin-right: 0px; padding-left: 0px; padding-top: 2px; 
					text-decoration: none; line-height: 23px; }
}

/* ############ Desktops - Non-Retina Screens ############ */
/* Including: Samsung Galaxy Tab 7.7 (but see Medium Devices too) */
@media screen and (min-device-width: 1280px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) { 

/* Main table */
.kapg				{ width: 775px; margin: 0px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }

/* Header zone */
.kabw				{ width: 775px; vertical-align: top; text-align: right; background-color: #000000; }

/* Header links */
.kalo				{ margin-left: 40px; }

/* Page background image */
.kabg				{ margin-bottom: 40px; padding-top: 50px; padding-bottom: 40px; background-color: #383838; 
					background:url('../images/digital_2018/pagePicture2013.jpg') no-repeat center top; 
					background-size: cover; }

/* Header 1 - page title (most settings are below media settings */
h1					{ font-size: 20px; margin-left: 40px; margin-right: 40px; line-height: 22px; }

/* Normal text - most settings are below media settings */
.katitle			{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 18px; }
.katext				{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 18px; }
.bullets			{ font-size: 15px; padding-right: 40px; }
.blog				{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 22px; }
.kasmall			{ font-size: 9px; margin-left: 40px; margin-right: 40px; line-height: 16px; }

/* Footer zone */
.footerbox			{ width: 775px; margin: 0px; padding: 0px; border-left: 1px solid #FFFFFF; 
					border-right: 1px solid #FFFFFF; }
.footermobile1		{ width: 100%; padding-left: 0px; }
.footermobile2		{ padding-right: 20px; }
.contacts			{ font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 12px; 
					color: #FFFFFF; font-weight: normal; font-style: normal; text-align: left; 
					margin-left: 40px; margin-right: 0px; padding-left: 0px; padding-top: 2px; 
					text-decoration: none; line-height: 23px; }
}

/* ############ Desktops - Retina Screens ############ */
/* Including: ? */
@media screen and (min-device-width: 1280px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) { 

/* Main table */
.kapg				{ width: 775px; margin: 0px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }

/* Header zone */
.kabw				{ width: 775px; vertical-align: top; text-align: right; background-color: #000000; }

/* Header links */
.kalo				{ margin-left: 40px; }

/* Page background image */
.kabg				{ margin-bottom: 40px; padding-top: 50px; padding-bottom: 40px; background-color: #383838; 
					background:url('../images/digital_2018/pagePicture2013.jpg') no-repeat center top; 
					background-size: cover; }

/* Header 1 - page title (most settings are below media settings */
h1					{ font-size: 20px; margin-left: 40px; margin-right: 40px; line-height: 22px; }

/* Normal text - most settings are below media settings */
.katitle			{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 18px; }
.katext				{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 18px; }
.bullets			{ font-size: 15px; padding-right: 40px; }
.blog				{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 22px; }
.kasmall			{ font-size: 9px; margin-left: 40px; margin-right: 40px; line-height: 16px; }

/* Footer zone */
.footerbox			{ width: 775px; margin: 0px; padding: 0px; border-left: 1px solid #FFFFFF; 
					border-right: 1px solid #FFFFFF; }
.footermobile1		{ width: 100%; padding-left: 0px; }
.footermobile2		{ padding-right: 20px; }
.contacts			{ font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 12px; 
					color: #FFFFFF; font-weight: normal; font-style: normal; text-align: left; 
					margin-left: 40px; margin-right: 0px; padding-left: 0px; padding-top: 2px; 
					text-decoration: none; line-height: 23px; }
}

/* ############ Desktops - Larger Screens Landscape ############ */
/* Including: Laptops (but excluding larger tablets) */
@media screen and (min-device-width: 1366px){

/* Main table */
.kapg				{ width: 775px; margin: 0px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }

/* Header zone */
.kabw				{ width: 775px; vertical-align: top; text-align: right; background-color: #000000; }

/* Header links */
.kalo				{ margin-left: 40px; }

/* Navigation bar */
.mobileSpacer1		{ width: 18px; }
.mobileSpacer2		{ width: 18px; }

/* Page background image - except for website samples which has this set there */
.kabg				{ margin-bottom: 40px; padding-top: 50px; padding-bottom: 40px; background-color: #383838; 
					background:url('../images/digital_2018/pagePicture2013.jpg') no-repeat center top; 
					background-size: cover; }

/* Header 1 - page title (most settings are below media settings */
h1					{ font-size: 20px; margin-left: 40px; margin-right: 40px; line-height: 22px; }

/* Normal text - most settings are below media settings */
.katitle			{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 18px; }
.katext				{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 18px; }
.bullets			{ font-size: 15px; padding-right: 40px; }
.blog				{ font-size: 15px; margin-left: 40px; margin-right: 40px; line-height: 22px; }
.kasmall			{ font-size: 9px; margin-left: 40px; margin-right: 40px; line-height: 16px; }

/* Footer zone */
.footerbox			{ width: 775px; margin: 0px; padding: 0px; border-left: 1px solid #FFFFFF; 
					border-right: 1px solid #FFFFFF; }
.footermobile1		{ width: 100%; padding-left: 0px; }
.footermobile2		{ padding-right: 20px; }
.contacts			{ font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 12px; 
					color: #FFFFFF; font-weight: normal; font-style: normal; text-align: left; 
					margin-left: 40px; margin-right: 0px; padding-left: 0px; padding-top: 2px; 
					text-decoration: none; line-height: 23px; }
}

/* ------------ End of media device settings ------------ */






/* --[ Kessler Associates general settings ]-- */




/* --[ Main styling for all pages ]-- */

/* Header 1 - page title */
h1					{ font-family: verdana, Geneva, arial, helvetica, sans-serif; color: #FFFFFF; 
					font-weight: normal; font-style: normal; text-align: left; margin-top: 20px; 
					margin-bottom: 30px; text-decoration: none; }


/* Normal text */
.katitle			{ font-family: verdana, Geneva, arial, helvetica, sans-serif; color: #FFFFFF; 
					font-weight: normal; font-style: normal; text-align: justify; padding-left: 0px; 
					padding-top: 2px; text-decoration: none; }

.katext				{ font-family: verdana, Geneva, arial, helvetica, sans-serif; color: #FFFFFF; 
					font-weight: normal; font-style: normal; text-align: justify; padding-left: 0px; 
					padding-top: 2px; text-decoration: none; }


/* Normal text for Blog index page links */
.blog				{ font-family: verdana, Geneva, arial, helvetica, sans-serif; color: #FFFFFF; 
					font-weight: normal; font-style: normal; padding-left: 0px; padding-top: 2px; 
					text-decoration: none; }


/* Normal small text */
.kasmall			{ font-family: verdana, Geneva, arial, helvetica, sans-serif; color: #FFFFFF; 
					font-weight: normal; font-style: normal; text-align: justify; padding-left: 0px; 
					padding-top: 2px; text-decoration: none; }


/* Normal text for web samples */
.listpic			{ margin-top: 4px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 6px; 
					margin-right: 6px; padding-right: 0px; width: 100%; max-width: 200px; height: auto; }


/* Normal text for forms */
.kaform				{ font-family: verdana, Geneva, arial, helvetica, sans-serif; text-align: left; 
					padding: 0px; text-decoration: none; text-align: left; line-height: 18px; }


/* Normal text for links */
.kalinks 			{ font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 12px; 
					color: #2C4C6B; font-weight: bold; font-style: normal; text-align: right; 
					padding-left: 0px; padding-right: 38px; padding-top: 0px; text-decoration: none; 
					line-height: 16px; }


/* Normal text for lists (bullets have their own settings) */
.list				{ font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 15px; 
					color: #FFFFFF; font-weight: normal; font-style: normal; text-align: left; 
					padding-left: 0px; padding-top: 2px; text-decoration: none; line-height: 18px; }


.blogedge			{ border-bottom: 1px solid #FFFFFF; }


/* Header zone - formatting for 'digital services' */
.kahr				{ font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 14px; 
					color: #FFFFFF; font-weight: normal; font-style: normal; margin-top: 41px; 
					padding-right: 35px; }

/* Footer zone - see mobile settings for footerzone area sizing and contacts settings*/
.kaft				{  }

.contacts a:link	{ font-size: 12px; font-weight: normal; color: #FFFFFF; text-decoration: underline; }
.contacts a:visited	{ font-size: 12px; font-weight: normal; color: #C9C9C9; text-decoration: underline; }
.contacts a:hover	{ font-size: 12px; font-weight: normal; color: #C9C9C9; text-decoration: none; }
.contacts a:active	{ font-size: 12px; font-weight: normal; color: #FFFFFF; text-decoration: underline; }
.contactIn			{ font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 12px; 
					color: #FFFFFF; font-weight: normal; font-style: normal; text-align: left; 
					margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-top: 2px; 
					text-decoration: none; line-height: 23px; }



/* --[ Client list ]-- */

/* Picture alignment */
.clipic				{ vertical-align: top; }
.showtitle			{ font-size: 13px; padding-top: 22px; padding-bottom: 12px; _padding-bottom: 8px; 
					color: #FFFFFF; }
.showtext			{ font-size: 11px; color: #FFFFFF; padding-top: 12px; _padding-top: 8px; }
.showlink			{ font-size: 15px; color: #FFFFFF; }
.showbdr			{ border-top: 1px solid #757575; border-bottom: 1px solid #757575; 
					border-left: 1px solid #757575; border-right: 1px solid #757575; }

/* Normal text for old clients list */
h3.clients 			{ font-family: verdana, Geneva, arial, helvetica, sans-serif; font-size: 15px; 
					color: #FFFFFF; font-weight: normal; font-style: normal; text-align: justify; 
					padding-left: 1.0em; padding-top: 0px; _padding-bottom: 10px; text-decoration: none; 
					line-height: 18px; }

a.popupStyle 		{ font-family: verdana, Geneva, arial, helvetica, sans-serif; font-weight: bold; 
					font-style: normal; font-size: 8px; line-height: 4px; color: #FFFFFF; 
					background: #FFFFFF; margin-right: 1px; }
a.popupStyle:link	{ font-weight: bold; font-size: 8px; color: #FFFFFF; background: #FFFFFF; }
a.popupStyle:visited{ font-weight: bold; font-size: 8px; color: #FFFFFF; background: #FFFFFF; }
a.popupStyle:hover	{ font-weight: bold; font-size: 8px; color: #FFFFFF; background: #FFFFFF; }
a.popupStyle:active { font-weight: bold; font-size: 8px; color: #FFFFFF; background: #FFFFFF; }



/* --[ Hyperlink styles ]-- */

/*Un-clicked link */
a:link				{ color: #FFFFFF; font-family: verdana, arial, helvetica; font-size: 15px; 
					font-weight: normal; font-style: normal; text-decoration: underline; }
/*Clicked link */
a:visited 			{ color: #F3C206; font-family: verdana, arial, helvetica; font-size: 15px; 
					font-weight: normal; font-style: normal; text-decoration: underline; }
/*Mouse pointer hovers over link */
a:hover 			{ color: #F3C206; font-family: verdana, arial, helvetica; font-size: 15px; 
					font-weight: normal; font-style: normal; text-decoration: none; }
/*User goes BACK to hyperlink pages so hyperlink is still active*/
a:active 			{ color: #FFFFFF; font-family: verdana, arial, helvetica; font-size: 15px; 
					font-weight: normal; font-style: normal; text-decoration: underline; }



/* --[ Print settings ]-- */

/* Page backgound white while printing */
@media print {
body {background-color: white}
}

/* Page margin */
@page{
margin: 5%
}