/*= Bootstrap adjustments
==================================*/

.container { width: 100% !important; padding: 0px !important; }
@media screen and (min-width: 768px) and (max-width: 1199px){
	.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
}
.figure,
.figure > img,
.figure-image > img {
	max-width: auto;
	width: 100%;
}




section:not([class*='gutter']) > .container.gutter0 > .row,
section.gutter0[class*='gallery-columns-'] > .container > .row, 
section.gutter0 > .container > .row,
.row.gutter0 {
	margin-left: 0em !important;
	margin-right: 0em !important;
}
section:not([class*='gutter']) > .container.gutter0 > .row > [class*='col-'],
section.gutter0 > .container > .row > * > .container:not([class*='gutter']) > .row > *,
section.gutter0 > .container > .row > *,
.row.gutter0 > * {
	padding-left: 0em !important;
	padding-right: 0em !important;
}

section:not([class*='gutter']) > .container.gutter2 > .row,
section.gutter2[class*='gallery-columns-'] > .container > .row, 
section.gutter2 > .container > .row,
.row.gutter2 {
	margin-left: -1em !important;
	margin-right: -1em !important;
}
section:not([class*='gutter']) > .container.gutter2 > .row > [class*='col-'],
section.gutter2 > .container > .row > * > .container:not([class*='gutter']) > .row > *,
section.gutter2 > .container > .row > *,
.row.gutter2 > * {
	padding-left: 1em !important;
	padding-right: 1em !important;
}

section:not([class*='gutter']) > .container.gutter3 > .row,
section.gutter3[class*='gallery-columns-'] > .container > .row, 
section.gutter3 > .container > .row,
.row.gutter3 {
	margin-left: -1.5em !important;
	margin-right: -1.5em !important;
}
section:not([class*='gutter']) > .container.gutter3 > .row > [class*='col-'],
section.gutter3 > .container > .row > * > .container:not([class*='gutter']) > .row > *,
section.gutter3 > .container > .row > *,
.row.gutter3 > * {
	padding-left: 1.5em !important;
	padding-right: 1.5em !important;
}
section:not([class*='gutter']) > .container.gutter4 > .row,
section.gutter4[class*='gallery-columns-'] > .container > .row, 
section.gutter4 > .container > .row,
.row.gutter4 {
	margin-left: -1em !important;
	margin-right: -1em !important;
}
section:not([class*='gutter']) > .container.gutter4 > .row > [class*='col-'],
section.gutter4 > .container > .row > * > .container:not([class*='gutter']) > .row > *,
section.gutter4 > .container > .row > *,
.row.gutter4 > * {
	padding-left: 2em !important;
	padding-right: 2em !important;
}


/* GUTTER1 IS SET AS THE DEFAULT HERE -----------------------------------------~~~~~~~~~~ */
section:not([class*='gutter']) > .container:not([class*='gutter']) > .row,
section:not([class*='gutter']) > .container.gutter1 > .row,
section.gutter1[class*='gallery-columns-'] > .container > .row, 
section.gutter1 > .container > .row > * > .container:not([class*='gutter']) > .row, /* handles inheritance for non-specified containers ... use only on this DEFAULT */
section.gutter1 > .container > .row,
.row.gutter1 {
	margin-left: -0.5em !important;
	margin-right: -0.5em !important;
}
section:not([class*='gutter']) >.container:not([class*='gutter']) > .row > [class*='col-'],
section:not([class*='gutter']) > .container.gutter1 > .row > [class*='col-'],
section.gutter1 > .container > .row > * > .container:not([class*='gutter']) > .row > *,
section.gutter1 > .container > .row > *,
.row.gutter1 > * {
	padding-left: 0.5em !important;
	padding-right: 0.5em !important;
}

/* GUTTER1 IS SET AS THE DEFAULT HERE -----------------------------------------~~~~~~~~~~ */



/*= General overrides
======================================================*/


*:not(.blog-header) > h1:first-child, 
*:not(.blog-header) > h2:first-child, 
*:not(.blog-header) > h3:first-child, 
*:not(.blog-header) > h4:first-child { /* override for bootstrap  */
    margin-top: 0px !important;
}
.panel-heading > a {
    display: inline-block !important;
    width: 100%;
}