body, button{
	font-family: 'Open Sans', sans-serif;
}

.mobile-imgs{
	display: none;
}

.top-nav{
	padding-left:0 !important;
	padding-right:0 !important;
    height: 88px;
    width: 100%;
    /*margin: 0 auto;
    position: fixed;
    z-index: 999999;*/
}

/*.nav-up {
    top: -88px;
}*/

.dropdown{
	display: none;
}

.hero{
 	background-image: url("../images/hero-complex-model.jpg");
 	background-size:1140px 300px;
 	width: 1140px;
 	height: 300px;
 	color: white;
 	text-align: center;
}

.hero h4{
	margin-top:88px;
	opacity: 0.7;
}

h1#page-title{
	margin-top:72px;
}

h2, h3{
	margin-bottom: 24px;
}

.image-content{
	width: 100%;
	margin-bottom: 32px;
}

.title-content{
	margin-top:40px;
}

.img-projects{
	width:100%;
	border:1px solid #f2f2f2;
	margin-bottom: 24px;
}

ul{
	list-style: none;
}

ul.desktop-menu li {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 48px;
	border-bottom: 1px solid #000000;
}

ul.desktop-menu li:first-child {
	border-top: 1px solid #000000;
}

.second-container{
	margin-top:56px;
	margin-bottom:56px;
}

ul.list-research{
	list-style-type: circle;
	padding-left: 15px;
}

.desktop-menu.fixed-side{
	position:fixed;
	top: 56px;
	width: 255px;
}

.cta-banner{
	background-color: #f5f5f5;
	padding: 32px;
}

button.individual-page-cta{
	text-transform: uppercase;
	padding:8px;
	margin-top: 16px;
	line-height: 32px;
	border-radius: 0px;
	background-color: #d9d9d9;
	border: 1px solid #ccc;
	cursor: pointer;
}

button.sidebar-cta{
	text-transform: uppercase;
	margin-top: 8px;
	line-height: 24px;
	padding: 8px;
	line-height: 32px;
	border-radius: 0px;
	background-color: #d9d9d9;
	border: 1px solid #ccc;
	cursor: pointer;
}

li .banner{
	text-transform:none;
	padding: 16px;
	background-color: #f5f5f5;
	margin-top:24px;
}

ul.desktop-menu li:last-child{
	border-bottom: none;
}

a.desktop-selected{
		color:#cccccc;
	}

/*SPEAKERS PAGE*/
img.img-speakers{
	width:100%;
	margin-bottom:16px;
}

p.speakers{
	margin-bottom: 0;
}

.social-links{
	margin-bottom:48px;
}

@media (max-width: 375px) {
	.desktop-imgs{
		display: none;
	}

	.mobile-imgs{
		display: inline-block;
	}

	.mobile-imgs img{
		width:100%;
	}

	ul.desktop-menu{
		display: none;
	}

	.dropdown{
		display: inline-block;
		text-transform: uppercase;
		font-size: 16px;
		line-height: 48px;
		width: 100%;
		margin-bottom: 24px;
	}

	.dropdown .btn{
		width: 100%;
		text-align: left;
		background-color: #ccc;
		border-radius:0;
		height:56px;
	}

	.dropdown-menu{
		width: 100%;
		margin-bottom: 24px;
		border-radius: 0;
	}

	.dropdown-menu li{
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}

	.dropdown.fixed {
		position:fixed;
		z-index: 999999;
		width:100%;
		margin-left: -15px;
		top: 0;
	}

	.hero{
	 	background-image: url("../images/hero-complex-model-mob.jpg");
	 	background-size:320px 300px;
	 	width: 100%;
	 	height: 300px;
	}

	.second-container {
    	margin-bottom: 24px;
   		margin-top: 24px;
	}

	img.mobile-imgs{
		width: 100%;
	}

	.col-md-12.footer{
		padding-left: 0;
		padding-right: 0;
	}


	.margin-top-mob.fixed{
		margin-top:74px;
	}

	h1#page-title {
    	margin-top: 48px;
	}

	.hero h4 {
    	margin-top: 32px;
    	opacity: 0.7;
    	font-size:18px;
	}

	h3, .h3 {
    	font-size: 1.4rem;
	}

	li .mobile-cta{
		margin-right: 15px;
	}

	.mobile-cta{
	 	text-transform: uppercase;
		margin-top: 16px;
		margin-bottom: 16px;
		line-height: 24px;
		padding: 8px;
		width:100%;	
	}

	a.mobile-selected{
		color:#cccccc;
	}

	li button.mobile-cta{
		line-height: 32px;
		border-radius: 0px;
		background-color: #d9d9d9;
		border: 1px solid #ccc;
	}

	.dropdown.fixed .dropdown-menu{
		margin-top: -1px;
	}

}