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

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


h1, .h1 {
  font-size: 3rem;
  line-height: 4.5rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  
  @include breakpoint(small only) {
	  font-size:1.5rem;
	  line-height: 3rem;
	  margin:0;
  }
  
}
h2, .h2 {
  font-size: 2.25rem;
  line-height: 3rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  
  @include breakpoint(small only) {
	  font-size:1rem;
	  margin:0.75rem 0;
  }
  
}
h3, .h3 {
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  
  @include breakpoint(small only) {
	  margin:0.75rem 0;
	  
	  font-size:1.125rem;
  }
}
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;
}
a, b, i, strong, em, small, code {
//  line-height: 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;}

input,select{height:3rem !important;}

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


@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;
	}
}
.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;}

.first-section{margin-top:1.5rem;}