/**************** 
 *    GLOBAL    *
 ****************/
* {
	box-sizing: border-box;
}
html {
	-webkit-font-smoothing: antialiased;
	 text-rendering: optimizeLegibility;
	 width:100vw;
    overflow-x:hidden;
}
body {
	font-size: 1.6rem;
	font-family: 'Ingeborg';
	color: rgb(102,102,102);
	min-width: 320px;
}

section {
	clear: both;
}
img {
	max-width: 100%;
}
h1 {
	font-size: 2.4rem;
	color: rgb(255,67,55);
	font-weight: bold;
	font-style: italic;
	display: inline-block;
}
h1 a {
	color: rgb(255,67,55);
	text-decoration: none;
}
h1, h2, h3, h4 {
	margin-bottom: 0;
	margin-top: 0;
}
p {
	-moz-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
   -webkit-hyphenate-limit-before: 3; 
   -webkit-hyphenate-limit-after: 3;
   -webkit-hyphenate-limit-chars: auto 6;
   -webkit-hyphenate-limit-lines: 1;
    -moz-hyphenate-limit-before: 3; 
   -moz-hyphenate-limit-after: 3;
   -moz-hyphenate-limit-chars: auto 6;
   -moz-hyphenate-limit-lines: 1;
    -ms-hyphenate-limit-before: 3; 
   -ms-hyphenate-limit-after: 3;
   -ms-hyphenate-limit-chars: auto 6;
   -ms-hyphenate-limit-lines: 1;
    hyphenate-limit-before: 3; 
   hyphenate-limit-after: 3;
   hyphenate-limit-chars: auto 6;
   hyphenate-limit-lines: 1;
}
a {
	 -moz-hyphens: none;
   -o-hyphens: none;
   -webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none; 
   color: #333;
}

header ul {
	position: relative;
}
nav {
	position: relative;
}
header h2 {
	display: inline-block;
	font-size: 1.82rem;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.04rem;
}
.featured h2, .single-article h2 {
	font-weight: normal;
	font-style: italic;
	color: rgb(255,67,55);
}
.featured h2 a {
	color: rgb(255,67,55);
	text-decoration: none;
}
.featured h2 a:hover {
	border-bottom: 1px solid;
}

.featured h3, .grid h3, .single-article h3, aside {
	font-size: 1.4rem;
	font-weight: normal;
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
}
.featured h3 a, .grid h3 a, .single-article h3 a {
	color: rgb(102,102,102);
	text-decoration: none;
	border-bottom: 1px solid;
}
.featured h3 a:hover, .grid h3 a:hover, .single-article h3 a:hover {
	color: rgb(255,67,55);
}
.grid h2 {
	font-size: 2.4rem;
	font-style: italic;
	color: rgb(255,67,55);
	font-weight: normal;
}
.grid h2 a {
	text-decoration: none;
	color: rgb(255,67,55);
}
.grid h2 a:hover {
	border-bottom: 1px solid;
}
.grid-image-container {
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	background-color:rgb(220,220,220);
}
span a, .more-link {
	color: rgb(255,67,55);
	font-size: 1.4rem;
	text-decoration: none;
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
}

nav li a, .search-wrapper a {
	color: rgb(102,102,102);
	text-decoration: none;
	font-style: italic;
}

nav li.current-menu-item a {
	color: rgb(255,67,55);
}


.search-wrapper {
		position: absolute;
		top: 0px;
		right: 0px;
	}
footer {
	background-color: rgb(51,51,51);
	clear:both;
	border-top: 5px solid rgb(255,67,55);
	float:left;
	width: 100%;
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
	margin-top: 2rem;
}
footer a {
	color: rgb(221,221,211);
	text-decoration: none;
}
footer a:hover {
	color: white;
}
footer ul li:first-child {
	-webkit-column-span: all; /* Chrome, Safari, Opera */
    column-span: all;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
}

/* hide img in post-list */

.post-list .wp-caption,
.post-list a[rel^='attachment'] {
	display: none;	
}
.single-article h2, .single-article h3 {
	padding-left: 2rem;
	padding-right: 2rem;
}
.single-article h3 {
	padding-top: 2rem;
}
.single-article article {
	position: relative;

}

.single-article {
	margin-bottom: 4em;
}

.single-article > article > p {
	padding-top:2rem;
	padding-bottom: 2rem;
}
.single-article p {
	-webkit-margin-after: 0;
	-webkit-margin-before: 0;
}

aside {
	position: absolute;
	left:-18rem;
	text-align: right; 
	width: 14rem;
	padding-top: 2rem;
}

 .search-input {
	 border: 0px;
	 text-align: right;
	 padding: 0px;
	 font-style: italic;
	 -webkit-font-smoothing: antialiased;
 }
*:focus {
    outline: 0;
}
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
}
.search-submit {
    background-image: url('../img/icon-search.svg');
    text-indent: -99999em;
    background-color: rgba(255,255,255,0);
    background-repeat: no-repeat;
    width:2.2rem;
    font-size: 0;
    height:3.2rem;
    border:0px;
}
.search-input {
	margin-right:0.5rem;
}
.pagetitle {
	padding-left:2rem;
	padding-bottom: 2rem;
}

.title-page-numbers {
	float: right;
	padding-right: 2rem;
	padding-top: 0;
}
.more-posts {
	padding-left:2rem;
	padding-bottom: 2rem;
    float: left;
    padding-right:2rem;
}

.more-posts:nth-child(2) {
	text-align: right;
	float: right;
}
.more-posts a {
	color: rgb(255,67,55);
	text-decoration: none;
}
.more-posts a:hover {
	text-decoration: underline;
}
.page-numbers { 
	text-align: center;
}
.related-posts {
	padding-left: 2rem;
	padding-bottom:2rem;
}
.menu-button-target {
	display: none;
}
.grid-image-container:hover, .single-article img:hover {
	opacity:0.9;
}
.slide-counter {
		position: absolute;
		width:100%;
		text-align: center;
		color: white;
		top:1.4rem;
		font-family: "proxima-nova", sans-serif;
		font-weight:400;
		pointer-events: none;
	}
	#swipebox-bottom-bar a {
		z-index: 2;
	}
	

.tags, .single-article .tags {
	font-size: 1.4rem;
	font-weight: normal;
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
}
.tags a {
	color: rgb(102,102,102);
	text-decoration: none;
	border-bottom: 1px solid;
}
.tags a:hover {
	color: rgb(255,67,55);
}

 
/**************** 
 *    Desktop   *
 ****************/


@media (min-width: 1066px) {
	html {
	font-size: 62.5%;
	}
	header {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	section, header ul, nav ul, .footer-container {
		max-width:1200px;
		margin: auto;
	}
	h1 {
		padding-left: 2rem;
		padding-right: 2rem;
		padding-bottom: 4rem;
	}
	header li {
	display: inline-block;
	}
	header {
	border-top: 5px solid rgb(255,67,55);
}
	nav ul {
		padding-left: 1rem;
		padding-right:  1rem;
		padding-bottom: 0.7rem;
		position: relative;
	}
	nav li {
		display: inline-block;
		padding-left:1rem;
		padding-right:1rem;
	}
	nav li a, .search-wrapper a {
		padding-bottom: 0.7rem;
	}
	nav li a:hover, .search-wrapper a:hover {
	color: rgb(255,67,55);
	border-bottom:1px solid;
}

	nav li.current-menu-item a {
		border-bottom: 1px solid;
	}
	nav:after {
	content: "";
	position: absolute;
	bottom:1px;
	border-bottom: 1px solid rgba(102,102,102, 0.5);
	width:100%;
	z-index: -1;
	left:0px;
	}
	.featured li {
		width:50%;
		float:left;
		padding-bottom: 4rem;
	}
	.featured li, .grid li {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.featured .date-tags {
		margin-top: 0;
		margin-bottom: 0;
		padding-bottom: 0.5rem;
	}
	.featured h2, .single-article h2 {
			font-size: 3.6rem;
	}
	.featured h2 {
	line-height: 4rem;
}
	.featured p {
	font-size: 2.3rem;
	margin-bottom: 0;
	}
	.featured .grid-image-container {
		float: left;
		padding-bottom: 75%;
			}
	.grid li {
		width: 33.33%;
		float: left;
		padding-bottom: 4rem;
	}
	.grid h3 {
		padding-top: 1.8rem;
		padding-bottom: 0.2rem;
	}
	.grid-image-container {
		padding-bottom: 66.67%;
	}
	.search-wrapper {
		padding-right:2rem;
	}
	section span {
		display: block;
		padding-top: 0.5rem;
	}
	.menu-button-container {
		display: none;
	}
	.search-wrapper img {
		margin-left: 0.5rem;
	width:2.2rem;
	height:2.2rem;
	}
	footer {
		padding-top: 4rem;
	padding-bottom: 8rem;
	}
	footer ul {
		padding-left: 2rem;
		padding-right:2rem;
		width:33.33%;
		width:33.33%;
		float: left;
	}
	.links {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
		-webkit-column-gap: 2rem; /* Chrome, Safari, Opera */
		-moz-column-gap: 2rem; /* Firefox */
		column-gap: 2rem;
	}
	.archive-links {
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
		-webkit-column-gap: 1rem; /* Chrome, Safari, Opera */
		-moz-column-gap: 1rem; /* Firefox */
		column-gap: 1rem;
		padding-right:8rem;
		
	}
	.categories-links {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
		-webkit-column-gap: 2rem; /* Chrome, Safari, Opera */
		-moz-column-gap: 2rem; /* Firefox */
		column-gap: 2rem;
	}
	.grid .post-list li { min-height: 58rem;}
	.single-article h2 {
		width:70rem;
		font-size: 4.8rem;
		line-height: 5.3rem;
	}
	.single-article article {
		width: 66.67%;
		margin:auto;
		padding-bottom:2rem;
	padding-top:2rem;
	}
	.single-article p {
		font-size: 2.4rem;
	}
	.wp-caption-text {
        font-family: "proxima-nova", sans-serif;
        font-weight: 400;
        font-size: 1em !important;
        margin-top: -1em !important;
        position: absolute;
        width: 10em;
        left: -11em;
        transform: translateY(-100%);
	}
	.wp-caption a {
		color: rgb(102,102,102);
		text-decoration: none;
	}
	
	.fixed {
		overflow: hidden;
	}
	
	#swipebox-title {
		padding-top: 1.4rem;
	}
	.single-article article img {
	padding-top: 2rem;
	padding-bottom: 2rem;
	height: auto;
}
.wp-caption {
	width: 100% !important;
}
.featured .more-link:after {
	padding-top: 1.1rem;
    padding-left: 0.3rem;
    content: " →";
    position: absolute;
}
.grid .more-link:after {
	padding-top: 0.4rem;
    padding-left: 0.3rem;
    content: " →";
    position: absolute;
}
.search-mobile {
	display: none;
}
.grid-image-container {
	border: 1px solid rgb(230,230,230);
}

}

/**************** 
 *    Tablet   *
 ****************/
 @media (min-width: 764px) and (max-width: 1065px) {
	 html {
	font-size: 62.5%;
	}
 header {
		padding-top: 2rem;
	}
#header {
		padding-bottom: 8rem;
	}
	h1 {
		padding-left: 2rem;
	padding-right: 2rem;	
		
	}
	header li {
	display: inline-block;
	}
	header {
	border-top: 5px solid rgb(255,67,55);
}
	.search-wrapper {
		padding-right:2rem;
	}
	nav {
		border-bottom: 1px solid rgba(102,102,102, 0.5);
	}
	nav ul {
		padding-right: 1rem;
		padding-left:1rem;
		padding-bottom: 2rem;
				

	}
	nav li {
		padding-left:1rem;
		padding-right:1rem;

	}
	nav li a:hover, .search-wrapper a:hover {
	color: rgb(255,67,55);
	
}
	.featured {
		float:left;
		position: relative;
		
	}
	.grid li {
		position: relative;
	}
	.featured:after, .grid li:after {
	content: "";
	position: absolute;
	border-bottom: 1px solid rgba(102,102,102, 0.5);
	bottom:0;
	width:100%;
	z-index: 1;
	left:0px;
	}
	.featured h3 {
		padding-top:2rem;
	}
	.grid-image-container {
		width:33.34%;
		padding-bottom:33.34%;
		float: left;
		margin-right: 2rem;
	}
	.grid li:not(.grid-image-container) {
		clear:both;
		float:left;
		width: 100%;
	}
	
	.grid h3 {
		padding-top: 1.8rem;
		padding-bottom: 0.2rem;
	}
	.featured .grid-image-container {
	}
	section {
		padding-right:2rem;
	}
	.menu-button-container {
		display: none;
	}
	.search-wrapper a {
		display:none;
	}
	.search-wrapper img {
		margin-top: 0.3rem;
	width:2.7rem;
	height:2.7rem;
	}
	footer {
		padding-top: 2rem;
	padding-bottom: 4rem;
	}
	footer ul {
		padding-left: 2rem;
		padding-right:2rem;
		width:33.33%;
		width:33.33%;
		float: left;
	}
	.links {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
		-webkit-column-gap: 1rem; /* Chrome, Safari, Opera */
		-moz-column-gap: 1rem; /* Firefox */
		column-gap: 1rem;
		padding-right:6rem;
	}
	.archive-links {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
		-webkit-column-gap: 1rem; /* Chrome, Safari, Opera */
		-moz-column-gap: 1rem; /* Firefox */
		column-gap: 1rem;
		padding-right:6rem;
	}
	aside {
		display: none;
	}
	
.single-article h3 {
		padding-top:0;
		padding-bottom: 2rem;
	}
	.single-article {
		margin-top: 4rem;
	
	}
	.single-article > article > p {
		padding-left:8rem;
		padding-right:8rem;
	}
	.single-article img {
		width: 100%;
		height: auto;
	}
	.wp-caption {
		width: 100% !important;
    padding-left: 8rem;
    padding-right: 8rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
	}
	.wp-caption-text {
		padding-left: 0;
		padding-right: 0;
		padding-top:1rem;
		padding-bottom: 0;
		font-family: "proxima-nova", sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		
	}
	.featured .more-link:after {
	padding-top: 0.3rem;
    padding-left: 0.3rem;
    content: " →";
    position: absolute;
}
.grid .more-link:after {
	padding-top: 0.3rem;
    padding-left: 0.3rem;
    content: " →";
    position: absolute;
}
.search-mobile {
	display: none;
}
#header form {
	margin-top:0.65rem;
}
.more-posts, .page-numbers {
	padding-top: 4rem;
	padding-bottom: 0rem;
}
footer {
	margin-top:  4rem;
}
.pagetitle {
padding-top: 2rem;
	border-bottom:1px solid rgba(102,102,102, 0.5);
	}
}
	
/**************** 
 *     Phone    *
 ****************/
  @media (max-width: 763px) {
	  html {
	font-size: 62.5%;
	}
	  
	  header h2 {
		  display: none;
	  }
	  
	  .grid-image-container {
		  width:100%;
		  padding-bottom: 66.67%;
		  margin-bottom: 2rem;
	  }
	  .date-tags {
		  padding-top:0rem;
		  padding-bottom: 0.8rem;
	  }
	  
	  .date-tags a {
		  
	  }
	  p {
		  -webkit-margin-before: 0em;
		  -webkit-margin-after: 0em;
		  padding-top: 1rem;
		  padding-bottom: 4rem;
	  }
	  section span {
		display: block;
	}
	header li a, header h1, section h3, section h2, section p {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	header h1 {
		margin-top: 2rem;
		margin-bottom: 2rem;
		padding-left: 0rem;
	}
	header {
		position:fixed;
		top:0;
		width:100%;
		background-color: white;
		z-index: 100;
	}
	#header {
	border-top: 5px solid rgb(255,67,55);
	}
	nav {
		position: fixed;
    width: 100%;
    background-color: white;
    top: -28.1rem;
    z-index: 99;
    transition: top 0.25s ease;
	}
	nav ul {
		background-color: white;
	}
	.nav-expand {
		top:7.6rem !important;
		
	}
	#header {
		background-color: white;
		z-index: 100;
	}
	nav li {
		font-size: 2.4rem;
		border-bottom: 1px solid rgba(102,102,102, 0.5);
		line-height: 4.4rem;
	}
	nav li:first-child {
	}
	nav li a:hover, .search-wrapper a:hover {
	color: rgb(255,67,55);
	
}
	.search-mobile {
		border-left: 1px solid rgba(102,102,102, 0.5);
		padding-left: 1rem;
		position: absolute;
    top: 0px;
    right: 0px;
	}
	
	.menu-button,
.menu-button:before,
.menu-button:after {
  position: absolute;
  top: 3.4rem;
  right: 8rem;
  width: 2.4rem;
  height: 0.2rem;
  background: rgb(102,102,102);
  
  -webkit-transition: background 0.3s, -webkit-transform 0.3s, top 0.3s;
}

.menu-button:before {
  top: -0.8rem;
  left: 0;
  content: "";
}

.menu-button:after {
  top: 0.8rem;
  left: 0;
  content: "";
}

.open .menu-button {
  background: transparent;
}

.open .menu-button:before {
  top: 0;
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
   background: rgb(255,67,55);
}

.open .menu-button:after {
  top: 0;
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  background: rgb(255,67,55);
}
.search-mobile {
	padding-right:2rem;
	top:2rem;
	background-image: url('../img/icon-close.svg');
	background-size:contain;
	background-size: 33%;
    background-repeat: no-repeat;
    background-position: 1.4rem 0.6rem;
}
.search-mobile-img {
	transition: opacity 0.2s;
	background-color: white;
}
.search-mobile-active {
	opacity: 0;
}
.search-mobile a {
	display:none;
}
.search-mobile img {
	width:3.4rem;
	height:3.4rem;
}
.featured, .single-article {
	padding-top:7.71rem;
}
footer {
		padding-top: 2rem;
	padding-bottom: 2rem;
	margin-top: 1.4rem;
	}
	footer ul {
		padding-left: 2rem;
		padding-right:2rem;
		padding-bottom: 2rem;
		width:100%%;
		width:100%;
		float: left;
	}
	.archive-links {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
		-webkit-column-gap: 2rem; /* Chrome, Safari, Opera */
		-moz-column-gap: 2rem; /* Firefox */
		column-gap: 2rem;
	}
	aside {
		display: none;
	}
	.single-article h2 {
		padding-top: 2rem;
	}
	.single-article h3 {
		padding-top: 0;
		padding-bottom: 1rem;
	}
	.single-article > article > p {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.single-article img {
		width: 100%;
		height: auto;
	}
	.single-article {
		padding-bottom: 4rem;
	}
	.wp-caption {
		width: 100% !important;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
	}
	.wp-caption-text {
		padding-left: 0;
		padding-right: 0;
		padding-top:1rem;
		padding-bottom: 0;
		font-family: "proxima-nova", sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		
	}
	.featured .more-link:after {
	padding-top: 0.4rem;
    padding-left: 0.3rem;
    content: " →";
    position: absolute;
}
.grid .more-link:after {
	padding-top: 0.4rem;
    padding-left: 0.3rem;
    content: " →";
    position: absolute;
}
.search-wrapper {
	    float: left;
    width: 100%;
    position: fixed;
    top: 3.5rem;
    height: 4.3rem;
    z-index: -1;
    transition: top 0.2s ease;
}
.search-expand {
	top: 7.71rem;
}
#header form {
	background-color: white;
	padding-top:0.55rem;
	border-bottom:1px solid rgb(170,170,170);
	padding-bottom: 0.6rem;
}
.search-input {
	font-size: 2.4rem;
	text-align: left;
	padding-left: 2rem;
}
.search-mobile {
	cursor: pointer;
}
.search-submit {
	width: 3.2rem;
    font-size: 0;
    height: 3.2rem;
    border: 0px;
    position: absolute;
    right: 2.1rem;
}
#header li:first-child {
	background-color: white;
	border-bottom:1px solid rgb(170,170,170);
}
.more-posts {
	padding-top: 2rem;
}

.page-numbers, .title-page-numbers {
	display: none;
}

.menu-button-target {
	    position: fixed;
    width: 4rem;
    height: 4rem;
    right: 7.2rem;
    top: 2rem;
    z-index: 999;
    display: block;
    cursor: pointer;
}
.pagetitle {
	margin-top: 10rem;
}
.grid-image-container {
	border: 1px solid rgb(230,230,230);
}

  }
 
 
@font-face {
    font-family: 'Ingeborg';
    src: url('../fonts/Ingeborg-Regular.eot');
    src: url('../fonts/Ingeborg-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ingeborg-Regular.woff') format('woff'),
         url('../fonts/Ingeborg-Regular.svg#Ingeborg-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ingeborg';
    src: url('../fonts/Ingeborg-Italic.eot');
    src: url('../fonts/Ingeborg-Italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ingeborg-Italic.woff') format('woff'),
         url('../fonts/Ingeborg-Italic.svg#Ingeborg-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Ingeborg';
    src: url('../fonts/Ingeborg-Bold.eot');
    src: url('../fonts/Ingeborg-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ingeborg-Bold.woff') format('woff'),
         url('../fonts/Ingeborg-Bold.svg#Ingeborg-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Ingeborg';
    src: url('../fonts/Ingeborg-BoldItalic.eot');
    src: url('../fonts/Ingeborg-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Ingeborg-BoldItalic.woff') format('woff'),
         url('../fonts/Ingeborg-BoldItalic.svg#Ingeborg-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
  font-family: 'Avenir-Book';
  src: url('../fonts/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvenirLTStd-Book.otf')  format('opentype'),
	     url('../fonts/AvenirLTStd-Book.woff') format('woff'), url('../fonts/AvenirLTStd-Book.ttf')  format('truetype'), url('../fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir-Medium';
  src: url('../fonts/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvenirLTStd-Medium.otf')  format('opentype'),
	     url('../fonts/AvenirLTStd-Medium.woff') format('woff'), url('../fonts/AvenirLTStd-Medium.ttf')  format('truetype'), url('../fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}