

@media screen and (min-width:360px) {

  .navbar-title {
    width: 60%;
  }

}



@media screen and (min-width:480px) {

    .navbar-title {
      width: 70%;
    }

}



@media screen and (min-width:600px) {

  /* home */
  .home #masthead .wrap {
    width: 94%;
    padding: 0;
  }

  .home #main .callout {
		float: left;
		width: 32%;
		margin-left: 2%;
	}
	.home #main .callout:first-child {
		margin-left: 0;
	}

}



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

  .home .navbar-title {
		display: none;
	}

  /* header */
  .navbar-title {
    position: absolute;
    left: 3%;
    top: 20px;
  	margin: 0;
    padding: 0;
  	-webkit-transition: opacity .5s;
  	-moz-transition: opacity .5s;
  	transition: opacity .5s;
  }
  .site-navigation-fixed .navbar-title {
  	opacity: 1;
  	-webkit-transition: opacity .5s;
  	-moz-transition: opacity .5s;
  	transition: opacity .5s;
  }
  .rmp-container {
		top: 85px !important;
	}

  /* footer */
  .footer-widget-2 .custom-html-widget p.contact {
		margin-top: 0;
	}
  .site-footer p.copyright {
    float: right;
  	margin-top: -50px;
  }

  /* home */
  .home .navigation-top .wrap {
		padding: .25em 3%;
	}
  .home .navbar-title {
  	display: block;
  }
  .home .site-branding {
    display: table-cell !important;
		padding: 0 0 25px !important;
		background: #f4f4f2;
	}
  .home.has-header-image .custom-header-media img {
  	position: fixed;
  }
  .home .site-intro {
    font-size: 17px;
    font-weight: 600;
	}
  .home #page .site-intro p:first-of-type {
    margin-top: 10px;
  }
  .home #main > article:first-of-type .intro-text {
		margin: 0 0 0 150px;
	}
  .home #main > article:first-of-type .intro-text p {
		font-size: 24px;
	}

  /* Our Work */
  .page-id-93 #main > article .page-builder .image-text figure,
	.page-id-93 #main > article .page-builder .image-text .image-text-text-container {
		width: 49%
	}

  /* Team */
  .page-template-page-team #main .network {
		column-count: 2;
		column-gap: 2%;
	}
  .page-template-page-team #main ul.team-list li {
    float: left;
    width: 32%;
    min-height: 400px;
    margin: 30px 0 0;
    background: #fff;
    padding: 20px;
  }
  .page-template-page-team #main ul.team-list.leadership li {
    background: #f4f4f3;
  }
  .page-template-page-team #main ul.team-list li:nth-child(n+2) {
    margin-left: 2%;
  }
  .page-template-page-team #main ul.team-list li:nth-child(3n+1) {
    margin-left: 0;
    clear: left;
  }
  .page-template-page-team #main ul.team-list li figure {
    float: none;
    width: 100%;
    max-width: none;
    max-height: 300px;
    overflow: hidden;
    margin: 0;
  }
  .page-template-page-team #main ul.team-list li h3 {
    clear: both;
  }

  /* Resources */
  .page-template-page-resources #main .resource-list li figure {
		width: 10%;
	}
	.page-template-page-resources #main .resource-list li .text {
		width: 87%;
	}

}




@media screen and (min-width:900px) {

  .navigation-top {
		font-size: 1rem;
	}

}



@media screen and (min-width:960px) {

  .page-builder .intro-text {
		font-size: 1.2em;
	}

}





@media screen and (min-width:960px) {

  #masthead #site-navigation {
    display: block !important;
  }

}




@media screen and (min-width:1024px) {

  /* structure */
  .wrap,
  .home .panel-content .wrap,
  #masthead .wrap,
  footer .wrap {
		/* max-width: 1024px; */
    max-width: 1170px;
		margin: 0 auto;
    padding-right: 0;
    padding-left: 0;
	}

  /* header */
  .navigation-top .wrap {
		padding: .25em 0;
	}
  .navbar-title {
	  left: 0;
  }

  /* media */
  .page-template-page-media #main .media-list,
  .page-template-page-media-archive #main .media-list {
    position: relative;
    left: -1%;
    width: 101%;
    margin-right: -1%;
  }
  .page-template-page-media #main .media-list li,
  .page-template-page-media-archive #main .media-list li {
    float: left;
    width: 32.33%;
    margin-left: 1%;
	}
  .page-template-page-media #main .media-list li:hover,
  .page-template-page-media-archive #main .media-list li:hover {
    background: #f7f7f7;
  }
  .page-template-page-media #main li .media-title a,
  .page-template-page-media-archive #main li .media-title a {
  	font-size: 18px;
  	font-weight: 400;
  	line-height: .3;
  	text-decoration: none;
  }
  .page-template-page-media #main .media-meta .media-date,
  .page-template-page-media-archive #main .media-meta .media-date {
  	margin-left: 5px;
  	padding-left: 8px;
    border-left: 1px solid #b9b9b9;
  }

  /* our team */
  .page-template-page-team #main .inner {
		margin: 50px 3% 60px;
	}
	.page-template-page-team #main .network {
		column-count: 3;
	}

}






@media screen and (min-width:1170px) {

  .home #main .text,
	.page-id-93 #main > article .page-builder .outer,
	.page-template-page-team #main .outer,
	.page-template-page-media #main .outer,
  .page-template-page-media-archive #main .outer,
	.page-id-123 #main .outer {
		width: auto;
		margin: 50px calc(50% - 50vw) 0;
	}
	.page-template-page-team #main .outer {
		margin-top: 20px;
	}
  .page-template-page-team #main .outer.anchor-links,
  .page-template-page-media-archive #main .outer.filter {
    margin-top: 0;
  }
	.page-id-93 #main > article .page-builder .inner,
	.page-template-page-team #main .inner,
	.page-template-page-media #main .inner,
	.page-id-123 #main .inner {
		width: 100%;
    margin: 50px auto 60px;
	}
  .page-id-123 #main .outer {
    margin: 0px calc(50% - 50vw) 0;
	}
  .page-id-123 #main .inner {
    margin: 20px auto 20px;
	}
  .page-template-page-team #main .anchor-links .inner {
    margin: 0 auto;
  }
  .page-template-page-team #main .anchor-links + .outer {
    margin-top: 10px;
  }
  .page-template-page-team #main .anchor-links + .outer .inner {
    margin-top: 0;
  }
  .page-template-page-media #main .outer:nth-child(odd),
  .page-template-page-media #main .outer:nth-child(odd) .inner {
    margin-top: 10px;
  }
  .page-template-page-media #main .inner {
    margin-bottom: 0;
	}
  .page-template-page-media #main .outer:first-child .inner {
    padding-bottom: 0;
	}

  .home .custom-header-media .hero-text .inner p {
    font-size: 24px;
  }

}






@media screen and (min-width:1300px) {

  /* header */
  .site-title {
		font-size: 4rem;
		text-shadow: 0 0 10px #444;
	}
  .site-description {
		padding-bottom: 40px;
		font-size: 2rem;
		text-shadow: 0 0 5px #444;
	}
  /* .navbar-title a {
		font-size: 24px;
	} */
  .navigation-top {
		font-size: 1.2rem;
	}

  /* main content */
  .page #content {
		padding: 50px 0;
	}
  .page .hero-container + #content {
		padding-top: 30px;
	}
  .page.page-one-column .entry-header,
	.twentyseventeen-front-page.page-one-column .entry-header,
	.archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: 1em;
	}
  /*.page .panel-content .entry-title,
	.page-title, body.page:not(.twentyseventeen-front-page) .entry-title,
  .home #main .entry-content h2 {
		font-size: 48px;
	}*/
  #main .entry-content h2 {
		margin-bottom: 20px;
		/* font-size: 1.2em; */
	}
  .page-builder .intro-text {
		font-size: 1.2em;
	}

  /* homepage */
  .home .panel-content .wrap {
		padding: 0;
	}

}
