.no-js {
  @include breakpoint(small only) {
    .top-bar {
      display: none;
    }
  }

  @include breakpoint(medium) {
    .title-bar {
      display: none;
    }
  }
}


h1, .h1 {
  font-size: 2rem;
  line-height: 3rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  
  @include breakpoint(small only) {
	  font-size:1.5rem;
  }
}
h2, .h2 {
    font-size: 1.75rem;
    line-height: 3rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
	
    @include breakpoint(small only) {
		position:relative;
  	  font-size:1.625rem;
    }
}
h3, .h3 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  //font-size: 1.5rem;
  //line-height: 1.5rem;
  //margin-top: 1.5rem;
  //margin-bottom: 1.5rem;
}
h4, .h4 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 0rem;
}
h5, .h5 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 0rem;
}
p, ul, ol, pre, table, blockquote {
  margin-top: 0rem;
  margin-bottom: 1.5rem;
}
ul ul, ol ol, ul ol, ol ul {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

/* Let's make sure all's aligned */
hr, .hr {
  margin: -1px 0;
}

sub, sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}

/*
 * Shadeout
 */
.shade-out{position:fixed;width:100%;height:100%;top:0em;bottom:0;background-color:rgba(55,64,68,0.85);z-index:100;cursor:pointer;}


/* 
 * vertical offset
 */
.default-spacer{height:1.5em;}
.space-5{margin-top:6em;}
.space-4{margin-top:4.5em;}
.space-3{margin-top:3em;}
.space-2{margin-top:1.5em;}
.space-1{margin-top:0em;}


@media screen and #{breakpoint(large)}{
	.grid-container > section{margin-right: -0.75rem;margin-left: -0.75rem;}
}


.row-default{
	position:relative;//padding:1.5em 0 1.5em 0;
	@include breakpoint(medium down){
		padding:1.5em 0;
	}
	&.collapse-grid{overflow:hidden;}
}
.row-default.first-section{padding:0;margin:0;}

.large-line-right{position:relative;}
.large-line-right::after{
	content:"";border-right:solid 1px $light-gray;position:absolute;top:0;right:-3em;bottom:0;
	@include breakpoint(medium down){
		display:none;
	}
}


.collapse-grid .grid-container{@include xy-grid-container(100%,0);}

hr{margin:0.75rem 0;}

#hide{display:none;}

.overlay-link{display:block;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-5000px;}


.section-group > div {

	//> div{margin-top:-1.5rem;}
	//> div:first-child{margin-top:0;}
	
}