/*
 Theme Name:   BlankSlate Child
 Theme URI:    http://www.ranchorelaxonj.com/
 Description:  Custom Theme for Rancho Relaxo NJ
 Author:       Tam Truong & Alyssa Richards
 Author URI:   http://simpletheory.co
 Template:     blankslate
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         
 Text Domain:  blankslate-child
*/

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


/*-------------------------
---------COLOR CODE--------
-------------------------*/
.white		{color:#FFFFFF;}
.mud		{color:#583422;}
.slate		{color:#404040;}

.mud-bg		{background:#583422;}
.slate-bg	{background:#404040;}

/*-------------------------
-----------NAVBAR----------
-------------------------*/

/* navbar */
.navbar-default {
    background-color: transparent;
    border: 0;
}
/* title */
.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}
/* link */
.navbar-default .navbar-nav > li {text-transform:uppercase;font-size:1.2em;letter-spacing:0.05em;}
.navbar-default .navbar-nav > li > a {
    color:#583422;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color:#875c46;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color:#583422;
    background-color: transparent;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color:#583422;
    background-color: transparent;
}

.navbar-default .navbar-toggle {border: 0;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
.navbar-default .navbar-toggle .icon-bar {background-color: #583422;}


.navbar-fixed-top {position: absolute;}
.navbar-default .navbar-nav > li > a.nav-donate {font-family: 'Amatic SC', cursive;text-transform:uppercase;font-weight:700;font-size:1.5em;background:#583422;border-radius:5px;color:white;margin-left: 0.5em;}
.navbar-default .navbar-nav > li > a.nav-donate:hover {background:#875c46;}


.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 140px;
    padding: 10px 0;
    margin: 2px 0 0;
    font-size: 1em;
    text-align: left;
    list-style: none;
    background-color: rgba(255,255,255,0.4);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);}
	
	/*.dropdown-menu:before {
	  position: absolute;
	  top: -7px;
	  left: 9px;
	  display: inline-block;
	  border-right: 7px solid transparent;
	  border-bottom: 7px solid #ccc;
	  border-left: 7px solid transparent;
	  border-bottom-color: rgba(0, 0, 0, 0.2);
	  content: '';
	}*/
	
	.dropdown-menu:after {
	  position: absolute;
	  top: -12px;
	  right: 0;
	  display: inline-block;
	  border-right: 12px solid transparent;
	  border-bottom: 12px solid rgba(255,255,255,0.4);
	  border-left: 12px solid transparent;
	  content: '';
	}
	
	.dropdown-menu>li>a {color: #583422;}



/*-------------------------
-----------GLOBAL----------
-------------------------*/
.nav-gradient {
	background-image: url(img/--Logo/gradient-fill-1.png);
	background-repeat: repeat-x;
	position:absolute;
	width:100%;
	height: 12em;
	z-index:999;
	}
.ig-hidden {display:none;}
.nopadding {padding:0;margin:0;}
.sm-padding {padding:0.5em;}
.md-padding {padding:1em;}
.flags {position:absolute;top:0;right:0;z-index: 999;}

hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #EEEEEE;
  border-style: solid none;
  border-width: 1px 0;
  margin: 3em 0;
}

.arrow-shift {margin-top:-0.3em;}


/*-------------------------
-------HEADER PROMO--------
-------------------------*/

.top-promo-on .header-promo {
    color:#583422;
	position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
    background: #fde073;
    text-align: center;
    line-height: 1.5em;
    overflow: hidden; 
	padding:0.5em;
    /*-webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;*/
}
.top-promo-on .header-promo a {text-decoration: none;}

.top-promo-on .nav-gradient, 
.top-promo-on .navbar-default {top:2.5em;}


/*-------------------------
------------TYPE-----------
-------------------------*/
body {font-family: 'Noticia Text', serif;color:#333333;}

h1,h2,h3,h4,h5,h6 {font-family: 'Amatic SC', cursive;text-transform:uppercase;font-weight:400;}
.h40 {font-size:3em;letter-spacing:0.05em;color:#583422;}
.h96 {font-size:6em;letter-spacing:0.02em;}
.p18 {
	font-size:1.3em;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;}
.p20 {
	font-size:1.2em;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;}
.p35, span.p35 p {
	font-size:1.2em;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;}
.cta {font-size:1.2em;text-transform:uppercase;letter-spacing:0.05em;}
.cta a {color:white;font-weight:700;}

a, a:hover {color:#583422;text-decoration:none;}

#chapter-body p,
#blog-body p {
	font-size:1.3em;
	font-weight:400;
	line-height:1.5em;
	color:#666666;
	padding-bottom:0.7em;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;}
#chapter-body p.p-head,
#blog-body p.p-head {font-size:2em;}
#blog-body article {margin-bottom:10em;}
#blog-body h2 {font-size:3em;}
#blog-body p.p-subhead {font-size:1em;}

#blog-body .entry-content img {width:100%; height:auto;}

a.caps-bold-link {text-transform:uppercase;font-weight:700;}
a.footer-link {color:gray;}
a.footer-link:hover,
.feature-links a:hover {text-decoration:underline;}


/*-------------------------
----------SECTIONS---------
-------------------------*/
.chapt-head-wrapper {width: 100%;min-height:20em;display: inline-block;position: relative;background:gray;}
.chapt-head-wrapper:after {padding-top: 40%;display: block;content: '';}
.chapt-head-main {position: absolute;top: 0;bottom: 0;right: 0;left: 0;color: white;background-size: 100%;background-repeat: no-repeat;background-attachment: fixed;}
.chapt-head-img-right {background-position:top right;}
.chapt-head-img-center {background-position:top center;}

#chapt-head-about {background-image: url(img/Our-Story/peanut-ourstory-notexture.jpg);}
#chapt-head-donate {background-image: url(img/Donate/mollie-waystodonate-notexture.jpg);}
#chapt-head-features {background-image: url(img/Features/murdock-features-notexture.jpg);}
#chapt-head-animals {background-image: url(img/Our-Animals/chewie-ouranimals-notexture.jpg);}
#chapt-head-team {background-image: url(img/Our-Team/ourteam-notexture.jpg);}
#chapt-head-visit {background-image: url(img/chapt-head/visit.jpg);}
#chapt-head-volunteer {background-image: url(img/chapt-head/volunteer.jpg);}



img.img-brand {width:12em;}
section#home-head {
	background-image: url(img/Homepage/bibble-homepage-notexture.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

section#instagram-grid, 
section#donate {background:white;}
.ig-grid-row {position:relative;}
.ig-grid-img {position: absolute;bottom: 0;}
.ig-grid-distress {
	background-image: url(img/Homepage/textures/homepage-texture1.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position:relative;
	bottom:0;
	}
	
.chapt-head-title {position:absolute;bottom:7em;}
.chapt-head-distress {position:absolute;bottom:0;width:100%;margin-bottom:-1em;}
.chapt-head-distress img {width:100%;}
	
/*#chapter-body {margin-top:12em;}*/
.chapt-section {padding-top:4em;}
	
.square-box{
    position: relative;
    overflow: hidden;
}
.square-box:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.square-content{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
}
.square-content div {
   display: table;
   width: 100%;
   height: 100%;
}
.square-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: white
}
	
	
	

section#testimonials {
	background-image: url(img/Homepage/ron-homepage-features-notexture.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position:top;
	padding:0;}
section#ways-to-donate {
	background-image: url(img/Donate/chewie-waystodonate-notexture.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position:top;
	padding:0;}
div.testimonials {padding:5em 0 8em;}
.donate-distress-top {
	background-image: url(img/Homepage/textures/homepage-texture2.png);
	background-size: 100%;
	background-repeat: no-repeat;
	height:20em;}
.ways-to-donate-distress-top {
	background-image: url(img/Donate/waystodonate-texture-2.png);
	background-size: 100%;
	background-repeat: no-repeat;
	height:6em;}
.donate-distress-bottom {
	background-image: url(img/Homepage/textures/homepage-texture3.png);
	background-size: 100%;
	background-repeat: no-repeat;
	height:7em;}
.donate-box {
	background-size: cover;
	background-repeat: no-repeat;
	padding:4em 2em 2em;
	min-height: 22em;
	font-size:1.1em;
	margin: 0.3em;
	/*width: 23vw;
    height: 23vw;*/
	}
div.ways-to-donate-container {margin-top:-10em;}
.waystodonate-box {
	background-repeat: no-repeat;
	background-size:100% 100%;
    background-position: center;
	padding:3em 2em;
	min-height: 22em;
	font-size:1.1em;
	/*width: 23vw;
    height: 23vw;*/
	}
.waystodonate-box-gofundme {background-image: url(img/Donate/gofundme-waystodonate.png);}
.waystodonate-box-paypal {background-image: url(img/Donate/paypal-waystodonate.png);}
.waystodonate-box-patreon {background-image: url(img/Donate/patreon-waystodonate.png);}
.waystodonate-box-amazon {background-image: url(img/Donate/amazon-waystodonate.png);}
.waystodonate-box-venmo {background-image: url(img/Donate/amazon-waystodonate.png);}

.waystodonate-merch {
    padding-top: 4em;
    padding-bottom: 10em;
    margin-bottom: -8em;
}
	
.donate-btn {margin:1.5em 0 3em;padding: 0.9em 1.6em;font-size: 1.1em;}
.donate-box-gofundme {background-image: url(img/Homepage/gofundme-homepage-donate.png);}
.donate-box-paypal {background-image: url(img/Homepage/paypal-homepage-donate.png);}
.donate-box-patreon {background-image: url(img/Homepage/patreon-homepage-donate.png);}
.donate-box-amazon {background-image: url(img/Homepage/amazon-homepage-donate.png); background-position: center; }
.donate-box-venmo {background-image: url(img/Homepage/venmo-homepage-donate.jpg);}
	
body > footer {color:white;padding:6em 0;background:#404040;}
.footer-distress {background-image: url(img/--Footer/grey-texture.png);background-size: cover;background-repeat: no-repeat;height:5em;}

.sm-icon-group {margin-top:5em;}
.sm-icon-group .btn {padding: 0 3em 0 0;}

video.instagram, img.instagram {width: 100% !important; height: auto !important;background-position:top;background-size: 100% !important;}
video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px); /* Adjust as needed */}

/* Centered video play button */
.playpause {
    background-image:url(img/Homepage/media_play_pause_resume.png);
    background-repeat:no-repeat;
    width:50%;
    height:50%;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
	cursor:pointer;
}

.wrap{
    /*width:300px;
    height:400px;
    border:1px solid red;*/
}

.child{
    /*width: 80%;*/
    /*border:1px solid blue;*/
	overflow:hidden;
	padding: 0;
}

.merch {padding-top:4em;margin-bottom:7em;}
.merch-btn {
    font-family: 'Amatic SC', cursive;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 3rem;
    letter-spacing: 0.05em;
    color: white;
    margin-left: 0.5em;
}
#carousel-wallyhawk,
#carousel-bonfire {padding-top:25px; }
#carousel-wallyhawk .carousel-indicators li,
#carousel-bonfire .carousel-indicators li {border: 1px solid #583422;}
#carousel-wallyhawk .carousel-indicators .active,
#carousel-bonfire .carousel-indicators .active {background: #583422; }

.footer-newsletter {margin-top:6em;}
.footer-credit {margin-top:6em;color:gray;}

/*-------------------------
--------CONTACT FORM-------
-------------------------*/

input.wpcf7-form-control.wpcf7-text,
input.wpcf7-form-control.wpcf7-number,
select.wpcf7-form-control.wpcf7-select,
textarea.wpcf7-form-control.wpcf7-textarea {
	margin: 0.5em 0;
	width:100%;
    padding: 0.3em;
    font-size: 1.1em;
	border-radius: 4px;
	border:thin solid #583422;}

input.wpcf7-form-control.wpcf7-submit, input.wpcf7-form-control.wpcf7-submit:hover {
	background:#583422;
	color:#fff;
	margin: 0;
    padding: 0.9em 1.6em;
    font-size: 1.1em;
	border-radius: 4px;
	border:0;
	font-weight:700;}
	

input.wpcf7-form-control.wpcf7-text.newsletter {
	background:#555;
	margin: 0.5em 0;
	width:100%;
    padding: 0.7em;
    font-size: 1em;
	border-radius: 4px;
	border:0;
	font-weight:300;}

input.wpcf7-form-control.wpcf7-submit.newsletter, input.wpcf7-form-control.wpcf7-submit.newsletter:hover {
	background:#888;
	color:#fff;
	margin: 0.6em 0 0;
    padding: 0.9em 1.6em;
    font-size: 1em;
	border-radius: 4px;
	border:0;
	font-weight:700;}

/*-------------------------
---------TEAM PAGE---------
-------------------------*/
.modal.custom {outline:none;}
.modal.custom .modal-dialog {
    /*width:50%;*/
    margin:0 auto;
}
.modal-content {border-radius:0;}
.modal-dialog {width: 80%;max-width:65em;}
.modal-header {border-bottom: 0;}
.modal-body {padding: 0;}
.modal-bio {padding: 2em 4em 2em 3em;}
.modal-bio h2, .modal-bio h4, .modal-bio h5 {font-family: 'Noticia Text';
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;}
.modal-bio h2 {font-size:1.8em;text-transform:capitalize;}
.modal-bio h4 {font-size:1.1em;text-transform:capitalize;}
.modal-bio h5 {color:#b2b2b2;padding-bottom:2em;}
p.modal-bio-body {font-size:1em !important;}
.modal-bio-body p {font-size:1em !important;}
/*.bio-overlay.hori-overlay {height: 50%;}*/

.bio-overlay h2 {font-size:1.4em;}
.bio-overlay h4 {font-size:0.9em;}
.bio-overlay h5 {font-size:0.8em;color:#ccc2b8;text-transform:uppercase !important;}

.bio-overlay {display: table-cell;vertical-align: bottom;height: 200px;
    width: 100%;}

.bio-img-ratio{
    position:relative;
    width: 100%;
    height: 0;
    padding-bottom: 140% ; /* % of width, defines aspect ratio*/
    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;  
}

/* Vertically center modal */
.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
/* Vertically center modal */


/*-------------------------
------------MISC-----------
-------------------------*/

.search-result-text,
.archive-result-text,
.category-result-text {background:#fde073;margin-bottom: 1em;}

#blog-body h2.entry-title a {text-decoration: underline;}
#blog-body.main-blog h2.entry-title a {text-decoration: none;}

/*-------------------------
-----EMAIL SIGNUP MODAL----
-------------------------*/
.boxzilla-close-icon {
    padding: 25px !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    color: #fff !important;
}

/*-------------------------
-----------FOOTER----------
-------------------------*/
ul.footer-nav a {color: gray;}
ul.footer-nav a:hover {text-decoration:underline;}

ul.footer-nonprofit-logos {margin:5em 0 0;}
ul.footer-nonprofit-logos li {float:left;padding-right:3em;padding-bottom: 3em;}
ul.footer-nonprofit-logos li:last-child {padding-right:0em;}

/*div.great-nonprofits-logo {margin:5em 0 0;}*/
div.great-nonprofits-logo div.gnp_trb { /*visibility:hidden;*/ background-color: transparent !important;}
div.great-nonprofits-logo div.gnp_trb span.gnp_lb a {color: #FFF !important;}
	
	
/*-------------------------
-------MEDIA QUERIES-------
-------------------------*/

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
	section#home-head {background-attachment: scroll;background-position-x: -100px;}
	section#testimonials {background-attachment: scroll;}
}

@media (max-width: 467px) {
	h1.title {font-size: 4em;margin-top: 4em;}
	.p35 {font-size:1.1em;}
	.ig-grid-distress {margin-top:2em;height:3em;}
	.navbar-brand>img {width:150px;}
	.donate-distress-top {height: 5em;}
	h1.help {font-size: 2.7em;}
	.bio-img {height:50%;}
	
	.psgal figure {width: 300px;}
	
	.modal {padding-right:0 !important;}
	.modal-dialog {width: 90%;}
	.modal-bio {padding: 1.5em;}
	/*.bio-overlay.hori-overlay {height: 40%;}*/
	ul.footer-nonprofit-logos li {clear:both;padding-right:0;text-align:center;width: 100%;padding-top: 2em;}
}

@media (min-width: 468px) {
	h1.title {font-size:5em;margin-top:5em;}
	.p35 {font-size: 1.5em;}
	.ig-grid-distress {margin-top:2em;height:5em;}
	#instagram-grid {margin: 0 0 -5em;}
	
	}
/* Small devices (tablets, 768px and up) */

@media (max-width: 767px) {
	section#home-head {
	background-image: url(img/Homepage/Bibble-homepage-mobile.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	}
	
	.sm-padding {padding: 0.25em;}
	header {background-position: right;}
	.chapt-head-main {background-size: 768px;}
	.chapt-head-title {bottom: 2em;}
	.chapt-head-title h1 {font-size:4em;}
	
	.merch {margin-bottom: 0;padding-bottom: 4em;}
	.merch-link {text-align:center;}
	.donate-distress-top {height: 8em;}
	.donate-box {background-image: none;min-height: 0;padding:0;}
	.donate-btn {width: 80%;}
	h1.help {font-size: 3.3em;}
	section#ways-to-donate {background-image: none;background:white;}
	body > footer {text-align:center;padding-top:0;}
	section#testimonials {display:none;}
	section#instagram-grid {margin: 0;padding-top: 2em;}
	.sm-icon-group .btn {padding: 0 1.5em;}
	.child {padding: 0;}
	
	.dropdown-menu>li>a { color: #583422; text-align: center;}
	.navbar-nav>li>.dropdown-menu {background: #f3f0ec;}
	ul.footer-nonprofit-logos {display:inline-block;}
	
	.top-promo-on .header-promo {height:4em;}
	.top-promo-on .nav-gradient, 
	.top-promo-on .navbar-default {top:4em;}
	
}
	
@media (min-width: 768px) {

	h1.title {font-size:7em;margin-top:2.5em;}
	.wrap {margin-top: -50%;}/*video.instagram {margin-top: -50%;} */
	.playpause {bottom:100%;}
	.ig-grid-distress {margin-top:5em;height: 8em;}
	.chapt-head-title {bottom: 3em;}
	.chapt-head-title h1 {font-size:5em;}
	.chapt-body-gallery {padding-bottom:10em;}
	#instagram-grid {margin: 0 0 -6em;}
	.donate-box {width: 48.5%;}
	.merch-img {float: right!important;}
	.merch-link {margin-top:2em;}
	.square-box {display:none;}
	.navbar-offcanvas .dropdown-menu.shown { display: block; margin-bottom: 10px;} /*Fix nav dropdown desktop*/
	
	ul.footer-nav li {float:left;padding-right:2em;}
	}
	
@media (min-width: 768px) and (max-width: 991px) {
.bio-overlay h2 {font-size: 1em;}
.bio-overlay h4 {font-size: 0.7em;}
.bio-overlay h5 {font-size: 0.6em;}
.bio-overlay.hori-overlay {height: 245px;}
/*figure.effect-lily figcaption > div {height: 50%;}*/
}

@media (min-width: 992px) and (max-width: 1199px) {
	.bio-overlay.hori-overlay {height: 330px;}
	/*figure.effect-lily figcaption > div {height: 45%;}*/
	figure.effect-lily figcaption > div {height: 510px;}
}

@media (max-width: 1130px) {
	.flags {display:none;}
	.navbar-default .navbar-offcanvas {background-color: #FFF;}
	.navbar-nav>li>a {text-align: center;}
	.offcanvas-logo a.navbar-brand {width: 100%;}
	.navbar-default .navbar-nav > li > a.nav-donate {margin: 0.5em;}
	.navbar-offcanvas {overflow:hidden;}
	.offcanvas-logo {height: 4em;margin:auto;}
	.navbar-nav>li {float: none;}
	}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	h1.title {font-size:9em;margin-top:2em;}
	.ig-grid-distress {margin-top:7em;height:9em;}
	.chapt-title {padding-top:13em;margin:0;}
	.chapt-head-title {bottom: 4em;}
	.chapt-head-title h1 {font-size:6em;}
	/*.chapt-body-textbox {padding-top:13em;}*/
	#instagram-grid {margin: 0 0 -12em;}
	.donate-box {width: 24%;}
	}

@media (min-width: 992px) and (max-width: 1140px) {
	.modal-dialog {width: 100%;}
}

@media (min-width: 1131px) {
	.navbar-nav {margin: 2em 7em 0 0;}
	li.offcanvas-logo {display:none;}
	.navbar-brand>img {margin:1em;}

}
@media (min-width: 1199px) {
	figure.effect-lily figcaption > div {padding: 2em; height: 610px;}
	figure.effect-lily figcaption > div.hori-overlay {height: 400px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	h1.title {font-size:12em;margin:2em 0 0.5em;}
	.cta {margin-bottom: 8em;}
	.chapt-title {padding-top:10em;margin:0;}
	.chapt-head-title {bottom: 6em;}
	.chapt-head-title h1 {font-size:6em;}
	.ig-grid-distress {margin-top:10em;height:13em;}
	/*.chapt-body-textbox {padding-top:18em;}*/
	#instagram-grid {margin: 2em 0 -2em;}
	.donate-box {width: 32.2%;}
	}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1600px) {
	.ig-grid-distress {margin-top:10em;height:17em;}
	.chapt-head-title {bottom: 10em;}
	/*.chapt-body-textbox {padding-top:27em;}*/
	#instagram-grid {margin: 4em 0 -4em;}
	}
	
@media (min-width: 768px) and (max-width: 1130px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}
