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

body {
	font-family: "Roboto Condensed", sans-serif;
	margin:	0px;
	font-size:13px;
	color:#2e2e2d;
}

.MobileShow {
	display:none;
}

a {
	text-decoration:none;
	color:inherit;
}

.Main {
	margin: 0 auto;
    display: block;
    position: relative;
    width: 447px;
}

.Headline {
	float: left;
    margin: 0 auto;
    position: relative;
    width: 337px;
}

.Header {
	width:100%;
	height:auto;
	padding:25px 0px;
}

.Photo {
	float:left;
	width:30%;
	padding-right:5%;
	margin-top:33px;
}

.About {
	float:right;
	width:30%;
}

.Name {
	font-weight: bold;
    font-size: 60px;
    color: #4973b9;
    text-align: right;
    margin: 0 auto;
}

.Designer {
	font-weight: 600;
    font-size: 14.75px;
    color: #5f5f5f;
    text-align: right;
    margin: 0 auto;
}

.LogoMark {
	width: 90px;
    float: left;
    margin-left: 20px;
    padding-bottom: 20px;
}

.Part {
	width:45%;
	float:left;
	margin-right:5%;
}

.Part1 {
	width:30%;
	float:left;
	margin-right:5%;
}

.Part2 {
	width:65%;
	float:left;
}

.Partial {
	overflow:visible;
}

.clearfix {
	clear:both;
}

img {
	max-width:100%;
	height:auto;
}

.Intro {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}

.Contact {
    font-size: 20px;
    color: #FFF;
	margin: 10px 0 5px 0;
    font-weight: 400;
}

.Nav {
	background-color:#4973b9;
	width:100%;
	padding:10px 0px;
	text-align:center;
	color:#4973b9;
	font-size:18px;
	font-weight:bold;
}

.Links {
    margin: 15px auto 25px;
}

.NavItem {
	color:#4973b9;
	background-color: #FFF;
	border-radius: 5px;
	padding: 10px 15px;
	text-decoration:none;
	margin:0px 6%;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.NavItem:hover {
	background-color:#dee2f2;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.row {
	width:100%;
	clear: both;
}

.col-sm-4 {
	width: 33%;
	float:left;
}

.Sidebar {
	-webkit-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
	background-color:#f1f4f7;
	width:300px;
	margin-right:40px;
}

p, em {
	font-size:17px;
	color:#5f5f5f;
	margin:0px;
}

a {
	font-size:inherit;
	text-decoration:underline;
}

.grey {
	color:#5f5f5f;
}

.blue {
	color:#4973b9;
}

.Sidebar ul {
	margin-block-start: 5px;
}

ul {
	list-style:none;
	padding-left:0px;
}

li {
	font-size:13px;
	margin-bottom:7px;
}

ul.Description {
	list-style: disc;
	padding-left:30px;
}

.MainContent {
	flex:1;
}

.Nav .Content {
	padding: 0 30px;
	margin:0px auto;
	display:block;
}

.Content {
	max-width:1200px;
	padding: 0 30px 0 0;
	margin:0px auto;
	display:flex;
}

h1 {
	color:#5f5f5f;
	font-weight:bold;
	font-size:44px;
	margin:0px;
	margin-bottom:10px;
}

h2 {
	color:#4973b9;
	font-weight:400;
	font-size:33px;
	margin:0px;
	margin-bottom:10px;
}

h3 {
	color:#4973b9;
	font-weight:400;
	font-size:24px;
	margin:0px;
	margin-bottom:5px;
}

h4 {
	color:#4973b9;
	font-weight:400;
	font-size:20px;
	margin:0px;
	margin-bottom:5px;
}

.AllCaps {
	text-transform: uppercase;
}

h2.Category {
	line-height:250%;
	font-size:16px;
}

strong {
	margin:0px;
}

.ProgressBar {
	background-color:#4973b9;
	-webkit-border-radius:0px 15px 15px 0px;
	border-radius:0px 15px 15px 0px;
	color:#FFF;
	padding:7px 7px 7px 12px;
	margin-top:5px;
}

.PortfolioNavItem {
	background-color: #e3e7f3;
    padding: 7px 7px 7px 12px;
    margin-top: 2px;
    font-size: 16px;
	width:81%;
	font-weight:400;
    color: #4973b9 !important;
	-webkit-border-radius: 0 25px 25px 0;
	border-radius: 0 25px 25px 0;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.PortfolioNavItem:hover {
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	background-color:#4973b9 !important;
	color:#FFFFFF !important;
	width:83%;
}

.Sidebar.Hide a {
	text-decoration:none;
}

.Active {
	background-color: #4973b9 !important;
    color: #FFFFFF !important;
    font-weight: 400;
    width: 85% !important;
}

.Active:hover {
	width:95%;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.Dates {
	font-size:14px;
	line-height:175%;
	font-weight:400;
	color:#5f5f5f;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.PortfolioNavItem:hover .Dates {
	color:#FFF !important;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.Active2 {
	color:#FFF !important;
	font-weight:400 !important;
}

ul.img-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
 
ul.img-list li {
  display: inline-block;
  height: 125px;
  margin: 0px;
  position: relative;
  width: 125px;
}

ul.img-list.Video li {
  height: 80px;
}

span.text-content span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  
}

ul.img-list li span.text-content {
  background: rgba(255,255,255,0.8);
  color: #5f5f5f;
  font-weight:bold;
  cursor: pointer;
  display: table;
  height: 125px;
  left: 0;
  position: absolute;
  top: 0;
  width: 125px;
  opacity: 0;
}

ul.img-list.Video li span.text-content {
  height: 80px;
}
 
ul.img-list li:hover span.text-content {
  opacity: 1;
   -webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}

.Show {
	display:none;
}

.ContactDiv {
	max-width:768px;
	margin: 0 auto;
}

.Sidebar.Hide h3.AllCaps {
    margin: 0 12px;
    font-size: 22px;
}

@media only screen and (max-width: 850px){
	
.ContactDiv {
	padding-left:10%;
}
}

@media only screen and (max-width: 791px){
	
.Photo {
	display:none;
}

.About {
	width:100%;
}
	
}

@media only screen and (max-width: 768px){

.MainContent {
    margin: 0 30px;
}

.col-sm-4 {
	width: 50%;
}
	
.Nav {
	font-size:16px;
}


.Contact {
	font-size:16px;
}

.Intro {
	font-size:14px;
	line-height:130%;
}

.Content {
	padding: 0;
    display: block;
	max-width:fit-content;
}

    .Sidebar {
        width: 100%;
        margin-right: 0;
		border-radius: 0px;
		display:flex;
    }

	.Column1 {
		width:47%;
		float:left;
		margin-right:6%;
	}

	.Column2 {
		width:47%;
		float:left;
	}

	.Hide {
	display:none;
}

.MobileShow {
	display:block;
}

.Show {
	display:block;
}

}

@media only screen and (max-width: 570px){

.MainContent {
	width:90%;
	margin:0px 5%;
}

.Main {
	width:370px;
}

.Headline {
	width:270px;
}

ul.img-list li {
	height:100px;
	width:100px;
}

.Name {
	font-size:48px;
}

.Designer {
	font-size:11.65px;
	margin-left:80px;
}

.LogoMark {
	width:77px;
}

.Part, .Part1, .Part2 {
	width:100%;
	margin-right:0%;
}

.Partial {
	overflow:visible;
}

	.Column1 {
		width:100%;
		float:none;
		margin-right:0;
	}

	.Column2 {
		width:100%;
		float:none;
	}

}

@media only screen and (max-width: 420px){
	

.Nav {
	font-size:14px;
}

.col-sm-4 {
	width: 100%;
}

.Nav .Content {
	padding: 0 20px;
}

.NavItem {
	margin: 0px 10px;
}

.Contact {
        font-size: 13px;
    }

}