.section-heading
{
	color: #404040;//#202020;
}
.greyimage
{
	-webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%); 
			
	opacity: 0.6;
}


.axisgreypanel
{
	border-radius: 12px;
	background-color: #f9f9f9;
}

.axiscolorlt
{
	color: #4179df;//#4b6188;
}

.axiscolor
{
	color: #203864;
}


ul
{
	padding-left: 0;
	list-style-position: outside;
}

.separator
{
	border-bottom: 1px solid silver;
}

.panelbottom
{
	padding-top: 64px;
	padding-bottom: 64px;
	background-color: #202020;/*#0e4673;//#203864;*/
	color: white;
}

.paneltwog
{
	
	background-color: #f6f6f8;//whitesmoke;//#e2e8ff;//#f5f5f5;//#237bff;//#72a7ff;
	color: black;
	
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
}


.tag
{
	
	/*text-align: center;*/
	margin-bottom: 4px;
	padding: 8px;
	border-radius: 12px;
	background-color: rgb(225, 236, 244);/ *whitesmoke;*/
}


.mcover
{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.mcoverbottom
{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
}


.hidemobile
{

}

.justifymobile
{
}


.mcovertop
{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

.mbannerheight
{
	height: 222px;
}

.mwidth
{
	//display: block;
	height: 220px;
	max-width: 100%;
	line-height: 1;
	width: 100%;
}

.background1
{
	/*background-image: url('images/smiths.jpg');*/
	
	background-image: url('../images/imacwhite.png');
}


.background2
{
	/*background-image: url('images/smiths.jpg');*/
	
	background-image: url('../images/coffee_ipad_blank.jpg');
}


.background2x
{
	/*background-image: url('images/smiths.jpg');*/
	
	background-image: url('../images/skyleft2.png');
}


.imagepin
{
	border: 1px solid whitesmoke;
}

.bannerframe
{
	/*background-color: #FEFEFA;//whitesmoke;//#e2e8ff;//#f5f5f5;//#237bff;//#72a7ff;//color: black;*/
	
	border-top: 1px solid black;
	border-bottom: 1px solid silver;	
}

.paneltwoz
{
	//background-color: #f6f6f8;//whitesmoke;//#e2e8ff;//#f5f5f5;//#237bff;//#72a7ff;
	color: black;
	
	border-bottom: 1px solid whitesmoke;
	border-top: 1px solid whitesmoke;
}

.paneltwo
{
	background-color: snow;/*ghostwhite#e2e8ff;//#f5f5f5;//#237bff;//#72a7ff;//color: black;*/
	
	border-bottom: 1px solid #eeeeee;
	border-top: 1px solid #eeeeee;
}


.panelthree
{
	//padding: 64px;
	background-color: white;//#f1f1f1;//#237bff;//#72a7ff;
	color: black;
}

section
{
	//padding: 72px;
}

.bottomspacer
{
	height: 160px;
}


.rolloverbut
{
	opacity: 0.6;
	cursor: pointer;
	
	transition: all 0.3s ease-in-out;
}

.rolloverbut:hover
{
	
	opacity: 1.0;
}

.bigbutton
{
	display: block;
	margin-top: 32px;
	margin-bottom: 32px;
	//width: 400px;
	padding: 12px;
	border: 2px solid black;
	
	text-align: center;
	
	vertical-align: middle;
	
	font-size: 1.4em;
	
	color:black;
	
	text-decoration: none;
	
	transition: all 0.1s ease-in-out;
}

.imagebut
{
	width: 96px;
	height: 96px;
	display: inline-block; background-color: white; border-radius: 36px;
	box-shadow:0 0 20px 0 rgba(0,0,0,0.1);
}
.vertical
{
	vertical-align: middle;
}

.bigbutton:link { color: black; text-decoration: none;}
.bigbutton:visited { color: black; text-decoration: none;}
.bigbutton:hover 
{
	background-color: #333333;
	color: whitesmoke;
	text-decoration: none;
}
.bigbutton:active { color: whitesmoke; text-decoration: none;}



.bigbuttonblue
{
	display: block;
	
	background-color: #5375f4;
	margin-top: 32px;
	margin-bottom: 32px;
	//width: 400px;
	padding: 12px;
	border: 2px solid #5375f4;
	
	text-align: center;
	
	vertical-align: middle;
	
	font-size: 1.4em;
	
	color: white;
	
	text-decoration: none;
	
	transition: all 0.1s ease-in-out;
}

.bigbuttonblue:link { color: white; text-decoration: none;}
.bigbuttonblue:visited { color: white; text-decoration: none;}
.bigbuttonblue:hover 
{
	border: 2px solid black;
	background-color: #f7f9ff;
	color: black;
	text-decoration: none;
}
.bigbuttonblue:active { color: grey; text-decoration: none;}

.panelbottomlink
{
	color: white;
}
.panelbottomlink:link { color: white; }
.panelbottomlink:visited { color: white; }
.panelbottomlink:hover { color: silver; }
.panelbottomlink:active { color: white; }



.intro-lead-in-me
{
	color: black; top: -5px; position: relative; color: grey;
}

.intro-lead-in-me-header
{
	//font-style: italic;
	
	
	font-size: 1.4em;
	
	width: 50vw;
	
	text-align: left;
}

@media(max-width:768px)
{
	.hidemobile
	{
		display: none;
	}
	
	.justifymobile
	{
		text-align: justify;
		text-justify: inter-word;
	}
}


@media(min-width:768px)
{
	
	.mbannerheight
	{
		height: 482px;
	}

	.mwidth
	{
		height: 480px;		
	}

	.intro-lead-in-me
	{
		color: black; float:left; top: -120px; position: relative; color: grey;
	}
	
	.intro-lead-in-me-header
	{
		text-transform: uppercase;
		font-size: 1.8em;
		
		width: inherit;
	}
}