@charset "UTF-8";
/* CSS Document */
/* designed by Ivan Alvarez*/
html {
	margin: 0;
	padding: 0;
	background-color: none;
	border: none;
	}

body {
  margin: 0;
  font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	}

.container {max-width: 1500px; margin: 0 auto;}

header {
	position: fixed;
	top: 0;
	left: 0;
	height: 100px;
	margin:0px auto;
	padding: 0px;
	vertical-align: middle;
	line-height: 100px;
	width: 100%;
	background-color: #FFF;
z-index: 5;
	    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.05);

	}

header .logo {float: left; height: 100px; vertical-align:middle; line-height: 100px;}
header .logo img { padding: 0px; margin: 0px; height: 80px; vertical-align:middle; line-height: 100px;}
header .headcontent {max-width: 1500px; margin: 0 auto;}

.topnav {

	margin: 0px;
	padding: 0px;
  overflow: hidden;
  background-color: white;
	float: right;
	z-index: 100;
		height: 100%;


}

.topnav a {
  float: left;
  display: block;
  color: #777;
  text-align: center;
  padding: 0px 12px 0 12px;
  text-decoration: none;
  font-size: 15px;
	height: 100%;
	margin: auto;


}

.topnav a:hover {
  background-color: #C11612;
  color: white;
}

.topnav .active {
  background-color: #C11612;
  color:aliceblue;
}

.responsive-menu {
  	display: none;
	float: right;
	font-size: 40px;
	padding: 0 20px;
}

.responsive-menu a{
	color:  #555;
	text-decoration: none;

}

.responsive-menu .icon:hover {
  background-color: transparent;
	color: #BBB;
}
.responsive-menu .icon:active {
  background-color: white;
	color: #FFF;
}



.content { margin: 100px 0 0 0; padding: 0px;}

.content .area {height: 300px; background-color: #ccc; margin: 0px; padding: 0px; text-align: center; width: 33.33%; float: left; border: solid white 10px;}

.content .area .area-content {padding: 50px; }

.content div.expertise { width: 25%; float: left; background-color: #ccc; padding: 50px 20px 20px 20px; margin: 0px; min-height: 160px; text-align: center;}
.content p, h1, h2, h3, ul, ol {}
.content h1 {text-align:  center; color: #000; font-weight: 100; font-size: 3em; margin: 0; padding: .67em 0 0 0; }
.content h2 {text-align:  center; color: #000;}
.content p {margin: 1em; line-height: 1.7; }
p.columns {column-count: 3; column-gap: 3em; orphans: 3;}

footer {clear:both; background-color: #444; border-top: solid 10px #C11612; margin: 0px auto; max-width: 1500px; width: 100%; padding: 10px; color: #ddd; font-size: 12px; text-align: center; }
footer p {padding: 3px; margin: 0px; }
.profile h2 {text-align: left;}





.area:before {
display: block;
content: " ";
margin-top: -100px;
height: 100px;
visibility: hidden;
}