h1, h2, h3, h4 { font-family:'Coves-Light'; color: #47798c; margin-bottom: 20px; }
h1 {}
h2 { font-size: 28px; margin-top: 50px;}
h3 { font-size: 24px; font-family: 'Coves-Bold'; margin-top: 50px;}
h3.job-title { font-family: 'Coves-Light'!important; }
h4 { font-size: 20px; font-family: 'Coves-Bold'; }
h5 { font-size: 18px; font-family: 'Coves-Bold'; }
body { font-family: 'Coves-Light'; font-size: 18px; line-height: 28px;}
p:not(.list-follows) { margin-bottom: 30px;}

body { font-size: 16px;}
body.home { background-color: #6C94A3; }

div.bg-light-blue {
	background-color: rgba(181, 201, 209, 0.2);
	border: solid 0.5px #b5c9d1;
	padding: 10px; 
}
div.bg-light-blue p {text-align: left; padding-top: 16px;}
div.profile-box-border {
	border: solid 0.5px #b5c9d1;
	padding-top: 15px;
	margin-bottom: 10px;
	margin-right: 0.5px;
}

div.img-box-fixed { height: 172px; display: table-cell; vertical-align: middle; }
img.img-circle.col-md-6 { background-color: blue; border: 1px solid blue;}
img.img-no-padding { padding: 2.5px; }

nav.navbar { margin-bottom: 0px!important; }
nav.navbar.navbar-non-home { 
	height: 86px; 
	background-color:; 
	border-radius: 0 !important; 
	border: 0px;
	width: 100%;
	}
body { margin-top: 86px;}

nav.navbar.navbar-non-home:not(.navbar-resume) div.navbar-header { width: 100%; text-align: center!important;}
nav.navbar.navbar-non-home .navbar-brand { color: white; font-size: 36px; width: 100%; }
nav.navbar.navbar-non-home .navbar-brand:hover { color: white;  min-width: 160px;}

nav.navbar.navbar-resume .navbar-brand { display: table-cell; margin: 4px 20px; }
nav.navbar.navbar-resume .navbar-brand img { display: inline-block; vertical-align: middle; }
nav.navbar.navbar-resume .navbar-brand i { vertical-align: middle; margin-top: -2px; color: #b5c9d1; }


nav.navbar.navbar-non-home .navbar-header h1 { /* line-height: 44px!important; */ }
nav.navbar-non-home:not(.navbar-resume) img { max-height: 86px; float: right; margin-top: -90px; background-color: white;}
nav.navbar-non-home.navbar-resume img { max-height: 86px; } 
nav.navbar-non-home ul.navbar-right { max-height: 86px; }
nav.navbar-non-home ul.navbar-right li:not(.has-image) { 
	max-height: 86px; 
	padding-top: 32px; padding-bottom: 32px;
    line-height: 22px;
}
nav.navbar-non-home ul.navbar-right li.has-image { background-color: white; margin-left: 20px; }
nav.navbar-non-home ul.navbar-right li a { padding: 0px; color: #b5c9d1; }

/* Mobile Page Header */



nav.navbar.navbar-home {
	background-image: url('./../img/header-001.png');
	background-size: cover; 
	background-repeat: no-repeat;
        height: 1440px;
        margin-bottom: 0px;
}
body.home { margin-top: 146px; }

nav.navbar.navbar-home .navbar-header { width: 100%; }
nav.navbar.navbar-home .navbar-brand { color: white; font-family: 'Calluna'; font-size: 60px; margin-top: 40px;  }
nav.navbar.navbar-home a i { color: white; float: right; margin-left: 5px; }

div.show-xs.app-branding-mobile div.col-xs-6 { padding: 0px 5px; }
div.show-xs.app-branding-mobile div.col-xs-12 img { float: unset; margin: 5px auto; }
div.show-xs.app-branding-mobile div.visul { padding: 20px 0px; margin: .1px; }


body.experience { background-color: inherit; }
div.resume, div.resume .drawer-contents { background-color: #47798c; }
div.resume div.drawer-heading { border: 0px; }
div.resume-info, div.resume .drawer-contents { color: white; }
div.resume-info p {margin-top: 30px; }
div.resume h5 { color: white; text-align: right; text-transform: lowercase; font-family: 'Coves-Bold'; font-size: 24px; margin-bottom: 0px;}

div.row.margin-zero { margin-left: 0px; margin-right: 0px; }

div.row.toggle div[class^="col-"] {
	background-color: #47798c;
	height: 86px;
	text-align: center;
}
div.row.toggle div[class^="col-"] * {
	font-family: 'Coves-Light';
	color: white;	
}
div.row.toggle a.active div[class^="col-"] {
	background-color: #b5c9d1;
}
div.row.toggle a.active div[class^="col-"] * {
	color: #47798c;
}
div.row.toggle a h3 {
	margin-top: 30px;
}
div.row.toggle a:first-child h3 {
	margin-top: 15px;
}

div.modal *:not(input) { border-radius: 0px!important; }
div.modal div.modal-dialog { margin-top: 0px; max-width: 400px; }
div.modal div.modal-dialog div.modal-content { background-color: rgba(71, 121, 140, 0.83); border: solid 2px #6d97a8 }
div.modal div.modal-dialog div.modal-content div.modal-body { height: 145px; padding: 10px; }
div.modal input { margin: 40px 0px; width: 100%; overflow: hidden;}
div.modal button { width: 95px;
  height: 30px;
  border-radius: 40px;
  background-color: rgba(71, 121, 140, 0);
  border: solid 1px #a0c0cc;
  border-top-left-radius: 20px!important; border-bottom-left-radius: 20px!important; margin-top: -10px; margin-right: -10px; color: #a0c0cc; font-size: 20px; font-family: 'Coves-Light'; line-height: 18px;}
  
  .modal-content{
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0);
    -moz-box-shadow: 0 5px 15px rgba(0,0,0,0);
    -o-box-shadow: 0 5px 15px rgba(0,0,0,0);
    box-shadow: 0 5px 15px rgba(0,0,0,0);
}

div.container.container-tabs { width: 100%; margin: 0px!important; padding: 0px!important;}
div.container.container-tabs a div { border-top: 1px solid white; }
div.container.container-tabs a:first-child div { border-right: 1px solid white; }
div.container.container-tabs a:last-child div { border-left: 1px solid white; }

@media(max-width:767px){
	nav.navbar.navbar-home .navbar-header h1 { width: 100%; }
	nav.navbar.navbar-non-home .navbar-header h1 { font-size: 1em; font-family: 'Coves-Light'; line-height: 12px!important; margin-left: 12px; }
	nav.navbar.navbar-non-home div.container { width: 100%; margin: 0; padding: 0; }
	div.container { width: 100%; }
	nav.navbar.navbar-home .navbar-brand { color: white; font-family: 'Calluna'; font-size: 38px; margin-top: 40px;  }
	body.home h2 a { font-size: 20px; }
	.container .navbar-header { padding-left: 25px; }
	body { margin-top: 50px; }
	nav.navbar.navbar-non-home { 
	height: 50px; 
	background-color: #47798c; 
	border-radius: 0 !important; 
	border: 0px;
	width: 100%;
	}
	nav.navbar.navbar-non-home:not(.navbar-resume) div.navbar-header { text-align: center!important;}
	nav.navbar .navbar-brand { color: white; font-size: 16px;  padding: 0px; width: 150px;}
	nav.navbar .navbar-brand:hover { color: white; font-size: 16px;}
	nav.navbar .navbar-header { margin: 0px; padding: 0px; }
	nav.navbar .navbar-header h1 { line-height: 5px!important; text-align: left; padding-left: 20px; font-size: 18px;}
	nav.navbar img { max-height: 50px; height: 50px; } 
	nav.navbar img.propic { max-height: 42px; } 
	nav ul.navbar-right { max-height: 50px; margin: 0px;}
	nav.navbar-non-home ul.navbar-right li:not(.has-image) { 
		max-height: 50px; 
		padding-top: 15px; padding-bottom: 15px;
	    line-height: 30px;
	    font-size: 14px;
	}
	
	.foter { height: 90px; }
	.foter h2 { padding-top: 20px; }
	
	nav.navbar-non-home ul.navbar-right li a { padding: 0px; color: #b5c9d1; font-size: 18px; }
	
	div.container.container-tabs div.toggle h3 { margin-top: 20px!important; margin-bottom: 10px; font-size: 16px!important;}
	div.container.container-tabs div.toggle a:first-child h3 { margin-top: 10px!important; margin-bottom: 10px; font-size: 16px!important;}
	div.container.container-tabs div.toggle a:last-child h3 { margin-top: 25px!important; margin-bottom: 10px; font-size: 16px!important;}
	/* div.toggle h3 { margin-top: 10px!important; margin-bottom: 10px; font-size: 16px!important;} */
	div.container.container-tabs { width: 100%; margin: 0px!important; padding: 0px!important; height: auto;}
	
	div.profile-box-border div.col-xs-4 { padding-left: 5px; padding-right: 0px; }
	div.profile-box-border * { font-size: 12px; line-height: 14px;}
	
	div.ftr-list a { max-height: 50px; line-height: 0px; margin-right: -20px;}
	
	ul.list-centered { width: 14.5em; margin: auto;}
	ul.list-centered-wide { width: 14.5em; margin: auto; }
	ul.list-centered-wide li { margin-bottom: 1em;}
	ul.list-centered-wide-wide { padding-left: 2em; }
	ul.list-centered-wide-wide li { margin-bottom: 1em; }
	
	div.visu-sec-back img { margin: 0 auto;}
	div.visu-sec-back h3 { font-size: 16px; margin-top: 20px; margin-bottom: 0px; }
	div.visu-sec-back .col-md-3 { padding-left: 0px; padding-right: 0px; }
	
	img.heuristic-analysis { height: 62px; }
	
	body.multi-touchpoint div.bg-light-blue { margin-bottom: 10px; }
	
	
}
@media(min-width:768px){
	ul.list-centered { width: 20em; margin: auto;}
	ul.list-centered-wide { width: 35em; margin: auto; }
	ul.list-centered-wide-wide { padding-left: 2em; }
	ul.list-centered-wide-wide li { margin-bottom: 1em; }
	
	div.container.container-tabs div.toggle a:first-child h3 { margin-top: 5px!important;}
}
@media(min-width:992px){
	div.container.container-tabs div.toggle a:first-child h3 { margin-top: 20px!important; }
}
@media(min-width:1200px){
	.image-larger-weird {
		max-width: 90%;
	}
	.icon-larger-weird {
		margin: 0 auto;
		max-width: 90%;
	}
}



.navbar-collapse.collapse {
  display: block!important;
  float: right;
  border: 0px;
}

.navbar-nav>li, .navbar-nav {
  float: left !important;
}

.navbar-nav.navbar-right:last-child {
  margin-right: -15px !important;
}

.navbar-right {
  float: right!important;
}

div.fixed-tabs {
	position: fixed;
	top: 86px;
	z-index: 10;
}