/* mobile */









/* Landscape phone to portrait tablet */
@media (max-width: 880px) { 

	.hamburger
	{
		display:  block;
	}

	.header-nav ul
	{
		display: none;
	}


	img.homepage-cta-slide
	{
		border: 0;
		margin-left: 0px;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		width: 63%;
		height: auto;
		margin: 0 auto;
		display: block;
	}



	.fp-controlArrow.fp-next {

		display:none;
	}

	.fp-controlArrow.fp-prev {

		display:none;
	}


	.about-slide {
		background-size: cover !important;
		background: #D12A21 url(http://frontline.vc/assets/images/about-globalmap-bg-portrait.svg) center center no-repeat;
	}


	img.about-cta-slide {
		border: 0;
		margin-left: 0px;
		position: relative;
		top: 46%;
		transform: translateY(-50%);
		width: 74%;
		height: auto;
		display: block;
		margin: 0 auto;
	}


	img.portfolio-cta-slide {
		border: 0;
		height: auto;
		margin-left: 125px;
		position: relative;
		top: 46%;
		transform: translateY(-50%);
		width: 72%;
		display: block;
		margin: 0 auto;
	}



	.team-slide {
		position: relative;
		height: 100%;
		width: 100%;
		background-size: contain !important;
		background: #f9453b url(http://frontline.vc/content/images/team-about-photo.jpg) center center no-repeat;
		background-blend-mode: multiply;
		background-repeat: no-repeat;
		background-position: 30% 18%;
	}



	.team-slide img {
		position: absolute;
		left: 42px;
		top: 55%;
		width: 80%;
	}


	.fp-slidesNav.bottom {
		bottom: 115px;
		right: auto;
		left: 50%;
	}


	img.platform-cta-slide {
		border: 0;
		height: auto;
		margin-left: 0px;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		width: 68%;
		margin: 0 auto;
		display: block;
	}


	.library-slide img.library-cta-slide {
		position: absolute;
		left: 50%;
		top: 40px;
		width: 70%;
		display: block;
		transform: translateX(-50%);
	}

	.library-slide .logo-container {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 71%;
	}

	.grid-sizer { width: 10%; }
	.gutter-sizer { width: 2%; }

	.row.companies .company-stub
	{
		width:40%;
	}
	

	.container.team .three.columns
	{
		clear: both;
		margin-left: 0;
		width:40%;
	}

	.scroll-down a {
		display: none !important;
	}



	html:not(.homepage) .site-footer {
		position: initial;
	}


	html.newsletter .site-footer {
		position: fixed;
	}

	.scroll-down a {
		display: none !important;
	}


	html.staff-pic .container.header.half-height {
		display: none !important;
	}

	




	.team-member-bio-container {
		padding-bottom: 0px;
		height: initial !important;
	}


	.team-member-bio h2 {
		font-size: 1.9rem;
		line-height: 2.4rem;
		margin-bottom: 35px;
	}



	html.staff-pic body .site-footer
	{
		display: none;
	}


	.row.platform-desc p {
		min-height: 370px;
	}


	.container.header.platform img {
		width: 90%;
		margin: 20px auto 35px;
	}


	.container.header.platform h1 {
		font-size: 2.5rem;
		margin-bottom: 30px;
		line-height: 3.5rem;
	}


	blockquote {
		padding: 0;
		margin: 0;
		font-size: 1.4rem;
		color: #FFF;
		border-top: 0;
		padding-top: 30px;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}


	.testimonial-photo {
		float: none;
		width: 100%;
	}
	

	.row.platform-desc {
		margin-bottom: 30px;
	}

	.header.container.platform .six.columns
	{
		width:90%;
		margin-left:5%;
		margin-right:5%;
	}

	.row.platform-desc img.platform-col-img {
		width: 100%;
	}


	.row.library-shelf .cover-holder {
		width: 85% !important;
		display: inline-block;
		margin-bottom: 8px;
		margin-left: 0;
		vertical-align: bottom;
		margin-top: 30px;
	}


	.row.library-shelf {
		background: none;
	}


	.row.library-shelf .cover-holder {
		width: 85% !important;
		display: inline-block;
		margin-bottom: 8px;
		margin-left: 0;
		vertical-align: bottom;
		margin-top: 30px;
		padding-left: 5%;
		background: transparent url(/assets/images/book-shelf-bg.png) repeat-x 0 bottom;
		padding-right: 5%;
		padding-bottom: 8px;
	}


	.slide-share-container {
		max-width: 960px;
		width: 95%;
	}

	.row.library-view .soc.library
	{
		margin-bottom:30px;
	}


	.library-image-container
	{
		width:100%;
	}

	.row.library-view img.single-view-infographic {
		margin: 0 auto 50px;
		display: block;
		width: 100%;
	}

	.library-close
	{
		display:none;
	}


	.row.library-view.details a.download-pdf-button {
		color: #FFF;
		background-color: #e31d1a;
		padding: 3% 0%;
		text-decoration: none;
		font-size: 2rem;
		display: block;
		width: 100%;
	}


	.container.news .news-stub {
		padding: 5% !important;
		width: 90% !important;
		margin: 0 0 20px 0 !important;
	}


	.container.news .news-stub.wide .pic {
		background-color: #D12A21;
		width: 100%;
	}


	.container.news .news-stub.wide .preview {
		float: left;
		width: 100%;
		margin-left: 0;
		position: relative;
		padding-bottom: inherit;
		margin-top: 20px;
	}

	.container.news .row .stub-row 
	{
		padding:0px;
	}


	.container.news .news-intro h2 {
		color: #b2bbbc;
		font-family: 'grotesk-light';
		font-size: 2.1rem;
		line-height: 3.3rem;
		width: 100%;
		margin-top: 20px;
	}

	.container.news .news-stub .author-details {
		position: relative !important;
		width: 100%;
		height: initial;
		padding: 0;
		
	}


	.container.news .news-stub.small:nth-of-type(9n+9) {
		margin-right: 0;
	}


	.contact.container .row .intro-blurb h2 {
		font-size: 1.8rem;
		line-height: 2.2rem;
		font-family: grotesk-light;
		color: #b2bbbc;
		margin-top: 20px;
	}





	#mc_embed_signup {
		position: relative;
		width: 70%;
		left: 50%;
		transform: translateX(-50%);
		margin-top: 40px;
		margin-bottom: 210px;1

	}







}



/* Landscape phones and down */
@media (max-width: 480px) { 

	img.homepage-cta-slide
	{
		border: 0;
		margin-left: 0px;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		width: 63%;
		height: auto;
		margin: 0 auto;
		display: block;
	}


	.fp-controlArrow.fp-next {

		display:none;
	}

	.fp-controlArrow.fp-prev {

		display:none;
	}

	.about-slide {
		background-size: cover !important;
		background: #D12A21 url(http://frontline.vc/assets/images/about-globalmap-bg-portrait.svg) center center no-repeat;
	}


	img.about-cta-slide {
		border: 0;
		margin-left: 0px;
		position: relative;
		top: 46%;
		transform: translateY(-50%);
		width: 74%;
		height: auto;
		display: block;
		margin: 0 auto;
	}


	img.portfolio-cta-slide {
		border: 0;
		height: auto;
		margin-left: 125px;
		position: relative;
		top: 46%;
		transform: translateY(-50%);
		width: 72%;
		display: block;
		margin: 0 auto;
	}





	.team-slide {
		position: relative;
		height: 100%;
		width: 100%;
		background-size: contain !important;
		background: #f9453b url(http://frontline.vc/content/images/team-about-photo.jpg) center center no-repeat;
		background-blend-mode: multiply;
		background-repeat: no-repeat;
		background-position: 30% 18%;
	}


	.team-slide img {
		position: absolute;
		left: 42px;
		top: 48%;
		width: 80%;
	}


	.fp-slidesNav.bottom {
		bottom: 115px;
		right: auto;
		left: 50%;
	}


	img.platform-cta-slide {
		border: 0;
		height: auto;
		margin-left: 0px;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		width: 68%;
		margin: 0 auto;
		display: block;
	}


	.library-slide img.library-cta-slide {
		position: absolute;
		left: 50%;
		top: 40px;
		width: 70%;
		display: block;
		transform: translateX(-50%);
	}

	.library-slide .logo-container {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 71%;
	}



	.container.header.about {
		margin-top: 10px;
		margin-bottom: 0px;
		max-width: none;
		height: 127px;
		border-bottom: 2px solid #FFF;
	}

	.container.about .row h1 {
		font-size: 4rem;
		margin-bottom: 20px;
	}


	.container.about h2 {
		margin-bottom: 30px;
		font-family: 'grotesk-light';
		font-size: 1.6rem;
		line-height: 2.5rem;
	}

	


	.container.about .row h3.about-oneliner {
		line-height: 3rem;
		font-size: 2rem;
		width: 100%;
		position: relative;
		margin-top: 0px;
		margin-bottom: 15px;
	}


	.container.about .row.about-outro ul li {
		line-height: 3rem;
		font-size: 2rem;
		width: 100%;
		list-style: none;
		margin-top: 15px;
	}


	.row.about-outro h2
	{
		font-size:2.2rem;
	}


	.container.about .row.about-outro {
		margin-bottom: 130px;
		/* border-top: 2px solid #FFF; */
		margin-top: 0px;
		padding-top: 10px;
	}


	.row.about-outro h2 {
		margin-bottom: 30px;
		font-family: 'grotesk-light';
		font-size: 2.2rem;
		line-height: 2.5rem;
	}

	.row.about-outro h2:nth-of-type(1)
	{
		margin-bottom: 30px;
		font-family: 'grotesk-light';
		font-size: 1.6rem;
		line-height: 2.5rem;

	}

	.company-filters
	{
		display:none;
	}

	.row.companies .company-stub {
		width: 88%;
	}


	.row.companies a.portfolio-back {
		display:none;
	}


	.container.portfolio h1 {
		font-size: 4rem;
		margin-top: 20px;
	}


	.row.companies .company-details img {
		margin-top: 0px;
		margin-bottom: 15px;
		height: 90px;
	}

	.row.companies .company-details
	{
		text-align: center;
	}

	.row.companies .company-details ul.soc {
		margin-bottom: 0px;
	}


	.row.companies .company-bio h1 {
		margin-top: 0px;
		margin-bottom: 10px;
	}


	html:not(.homepage) .site-footer {
		position: initial;
	}


	html.newsletter .site-footer {
		position: fixed;
	}

	.scroll-down a {
		display: none !important;
	}


	html.staff-pic .container.header.half-height {
		display: none !important;
	}

	


	.team-list-container {
		margin-top: 30px;
	}


	.team-member.show
	{
		position: absolute;
		top:72px;
	}

	.team-member ul.soc
	{
		width:220px;
	}


	.columns.bios {
		position: relative;
		margin-top: -150px;
	}

	.team-member-bio-container {
		padding-bottom: 0px;
		height: initial !important;
	}


	.team-member-bio h2 {
		font-size: 1.9rem;
		line-height: 2.4rem;
		margin-bottom: 35px;
	}


	.team-info-close {
		display: none;
		position: fixed;
		top: 67px;
		right: 46px;
		z-index: 10000;
	}



	html.staff-pic body .site-footer
	{
		display: none;
	}




	.container.header.platform img {
		width: 90%;
		margin: 20px auto 35px;
	}


	.container.header.platform h1 {
		font-size: 2.5rem;
		margin-bottom: 30px;
		line-height: 3.5rem;
	}


	blockquote {
		padding: 0;
		margin: 0;
		font-size: 1.4rem;
		color: #FFF;
		border-top: 0;
		padding-top: 30px;
		border-bottom: 1px solid #000;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}


	.row.platform-testimonials {
		margin-bottom: 0px;
	}


	.row.library-shelf .cover-holder {
		width: 85% !important;
		display: inline-block;
		margin-bottom: 8px;
		margin-left: 0;
		vertical-align: bottom;
		margin-top: 30px;
	}


	.row.library-shelf {
		background: none;
	}


	.row.library-shelf .cover-holder {
		width: 85% !important;
		display: inline-block;
		margin-bottom: 8px;
		margin-left: 0;
		vertical-align: bottom;
		margin-top: 30px;
		padding-left: 5%;
		background: transparent url(/assets/images/book-shelf-bg.png) repeat-x 0 bottom;
		padding-right: 5%;
		padding-bottom: 8px;
	}


	.slide-share-container {
		max-width: 960px;
		width: 95%;
	}

	.row.library-view .soc.library
	{
		margin-bottom:30px;
	}


	.library-image-container
	{
		width:100%;
	}

	.row.library-view img.single-view-infographic {
		margin: 0 auto 50px;
		display: block;
		width: 100%;
	}

	.library-close
	{
		display:none;
	}
	


	.row.library-view.details a.download-pdf-button {
		color: #FFF;
		background-color: #e31d1a;
		padding: 3% 0%;
		text-decoration: none;
		font-size: 2rem;
		display: block;
		width: 100%;
	}


	.container.news .news-stub {
		padding: 5% !important;
		width: 90% !important;
		margin: 0 0 20px 0 !important;
	}


	.container.news .news-stub.wide .pic {
		background-color: #D12A21;
		width: 100%;
	}


	.container.news .news-stub.wide .preview {
		float: left;
		width: 100%;
		margin-left: 0;
		position: relative;
		padding-bottom: inherit;
		margin-top: 20px;
	}

	.container.news .row .stub-row 
	{
		padding:0px;
	}


	.container.news .news-intro h2 {
		color: #b2bbbc;
		font-family: 'grotesk-light';
		font-size: 2.1rem;
		line-height: 3.3rem;
		width: 100%;
		margin-top: 20px;
	}

	.container.news .news-stub .author-details {
		position: relative !important;
		width: 100%;
		height: initial;
		
	}


	.container.news .news-stub.small:nth-of-type(9n+9) {
		margin-right: 0;
	}


	.contact.container .row .intro-blurb h2 {
		font-size: 1.8rem;
		line-height: 2.2rem;
		font-family: grotesk-light;
		color: #b2bbbc;
		margin-top: 20px;
	}


	.map {
		width: 100%;
	}



	#mc_embed_signup {
		position: relative;
		width: 70%;
		left: 50%;
		transform: translateX(-50%);
		margin-top: 40px;
		margin-bottom: 210px;1

	}


	.container.team .three.columns {
		clear: both;
		margin-left: 0;
		width: 100%;
	}

	blockquote
	{
		padding-top:0px;
	}

	.row.platform-desc p
	{
		min-height: initial;
	}









}




/* Oldschool!  iPhone 4-5 */
@media (max-width: 320px) { 

	.team-member h2
	{
		font-size:1.8rem;
	}

}




/* Portrait tablet to landscape and desktop */
@media (min-width: 881px) and (max-width: 980px) {  

}










/* Large desktop */
@media (min-width: 1200px) {  

}