@charset "UTF-8";
/* CSS Document */


@media screen and (max-width: 925px) {
	
	.content p {column-count: 1; }

	header .logo img {width: 100%; height: auto;}

		header .logo {width: 80%; max-width: 380px;}
	.responsive-menu {
    display: none;
    float: right;
    font-size: 40px;
    padding: 0 20px;
		width: 20%;
		text-align: right;
}
.text {font-size:30px; font-weight:400; padding: 0px 0px 80px 50px;}

.content .area .area-content {padding: 10px; }
	.area h2 {font-size: 16px;}

	
	.responsive-menu {
    display: block;	
	}
	
	
	.topnav {
display: none;


}
	
	

  .topnav.responsive  {
   display: block;
	  z-index: 10;
	  position:fixed;
	  bottom: 0px;
	 top:100px;
	  width: 100%;
	  height: 100%;
	  background-color: #333;
	  font-family:  "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.8);
  }
	
	  .topnav.responsive a {
float: none;
		  height: 12.5%;
		  line-height: normal;
		  padding: 0px;
		  color: #aaa;
		  	  font-size: 20px;
					display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;;		  

  }
	
		  .topnav.responsive a:hover {

		  color: #fff;

  }
		  .topnav.responsive .active {
		  color: #FFF;
  }
	
		  .topnav.responsive a span {
display: none;
  }
	
	
	.slideshow-container {
	height: 200px;
}
	
	.mySlides {height: 200px; background-size: 260px;}
	
	
	.tab a {
    background-color:#CCCCCC;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 5px;
    transition: 0.3s;
    font-size: 16px;
	width: 96%;
	min-width: 50px;
	margin: 0px;
}
	
		.tab a.active {
	min-width: 50px;
}
	

	.profile {width: 75%; height: auto; margin: 20px 0 0 0; padding: 0; float: left;}
.profile-pic {float:left; width: 25%; margin: 20px 0 0 0; padding: 0;}
	.profile-pic-menu .tab a {
	float: left;

	width: 25%;

}
		.profile-pic-menu .tablinks  {
min-height: 520px;
		font-size: 12px;
	
}
	
	
	.content .area {width: 50%;}
	.content div.expertise {
		width: 50%;}
	

	.embed-container {width: 100%; height: 400px;}
	.formcontainer {width: 100%; padding: 20px; margin: 20px 0px 0px 0px; float: left;}
}


@media screen and (max-width: 625px) {
		.profile-pic-menu .tab a {
	float: left;

	width: 50%;

}
	.profile-pic-menu .tablinks  {
min-height: 580px;
		font-size: 14px;
	
}

	.profile-pic-menub {
	float: left;

	width: 100%;
	list-style: none;

}

.profile-pic-menub .tablinks  {	
	width: 22%;
	margin: 5px;
		float: right;
	font-size: 12px;
}
	
	.profile-text { display:inline-block; }
	
	h2 {padding:0px 15px;}
	h3 {padding:0px 15px;}
}