html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	font-family: 'Graphik', sans-serif !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    -moz-font-feature-settings: "ss01";
    -webkit-font-feature-settings: "ss01";
    font-feature-settings: "ss01";
}

h4 {
	font-weight: 500;
}

h2, h4 {
	font-weight: 600;
}

h5 {
	font-weight: 500;
	margin-bottom: 0px;
}

h6 {
	margin: 0 0 16px;
}

p {
    padding-bottom: 24px;
}

body a {
	color: #111;
}

body .wpb_text_column a:hover {
	text-decoration: underline;
}

/* background */
@media (min-width: 1000px) {
/*	.ocm-effect-wrap {
		background-image: url( '/wp-content/uploads/2020/12/background-effect-fundacion-making-science.svg' );
		background-position: left top;
		background-repeat: no-repeat;
		background-size: contain;
	}*/
}

@media (max-width: 999px) {
/*	.mobile-background-effect .row-bg-overlay {
		background-image: url( '/wp-content/uploads/2020/12/background-effect-fundacion-making-science.svg' );
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
		height: 200% !important;
	}*/
}

img.img-width-100 {
	width: 100%;
}

@media (min-width: 1000px) {
	.hidden-lg {
		display: none !important;
	}
}

@media (max-width: 999px) {
	.hidden-no-lg {
		display: none !important;
	}
}

.text-white, .text-white p {
	color: #ffffff;
}

.font-size-14 {
	font-size: 14px;
	line-height: 1.6;
}

/* header */


@media (max-width: 999px) {
	body #header-outer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
/*	#header-outer #top .span_9 {
		display: none !important;	
	}*/
	
	#header-outer #top .span_3 {
		text-align: center !important;
	}
	
	#header-outer #top .span_3 img {
		margin-left: auto !important;	
		margin-right: auto !important;	
	}
	
}

@media (min-width: 1000px) {
}

body #header-outer:not([data-format="centered-menu-under-logo"]):not([data-format="centered-menu-bottom-bar"]) #top nav >ul >li[class*="button_"] >a:before {
	box-shadow: 2px 2px 8px rgb(0 0 0 / 0.2);
}

body #header-outer[data-header-button_style="default"] #top nav >ul >li[class*="button_solid_color"] >a:hover:before {
	opacity: 1 !important;
	background: #242424 !important;
}

#top nav > ul > li > a {
	font-weight: 400 !important;
}

/*body.material #header-outer[data-full-width="true"]:not([data-format="left-header"]) #top nav >.buttons {
	display: none;
}*/

/*#header-space, #header-outer, .container-wrap {
	background-color: transparent !important;
}*/

.header-menu-mobile ul {
	text-align: center;
	display: block;
	margin-left: 0;
	margin-bottom: 20px;
}

.header-menu-mobile ul, .header-menu-mobile ul li {
	list-style: none;
	list-style-position: outside;
}

.header-menu-mobile ul li {
	display: inline-block;
	padding: 0 14px;
	font-size: 16px;
	font-weight: 500;
}

/*.header-menu-mobile .menu-haz-tu-donacion {
	display: none;
}*/


.ms-quote:before {
	content: '\201C';
    display: block;
    font-size: 110px;
    line-height: 1;
    padding-right: 10px;
    font-weight: 500;
}

@media (max-width: 999px) {
	.ms-quote:before {
		line-height: 15px;	
		padding-top: 40px;
	}

}

@media (min-width: 1000px) {
	.ms-quote {
		padding-left: 80px;
	}
	.ms-quote:before {
		transform: translate(-100%,-5px);
		position: absolute;
	}
}

#haz-tu-donacion {
	margin-bottom: 0 !important;
}

@media (min-width: 1000px) and (max-width: 1516px) { 
	.half-colum-w-wide-container .vc_column-inner {
		padding-left: 95px !important;
	}
}

@media (min-width: 1000px) {
	.half-colum-w-wide-container .vc_column-inner {
	    max-width: calc(1320px/2);
	    padding-left: 45px;
		margin-left: auto;
	}
/*	#haz-tu-donacion_c .half-colum-w-wide-container .vc_column-inner  {
		//padding-left: 20px;
	}*/
	
	#haz-tu-donacion_c .half-colum-w-wide-container .vc_column-inner  .wpb_wrapper {
		max-width: 450px;
	}
}

@media (max-width: 1000px) {
	.half-colum-w-wide-container .vc_column-inner {
		padding-top: 50px;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 692px) {
	.half-colum-w-wide-container .vc_column-inner {
		max-width: 460px;
		padding-left: 20px;
		padding-right: 20px;
	}
	body.home span.border-wrap {
		display: none;
	}
	.partners__img img {
		width: 100%;
	}
}

@media (max-width: 479px) {
	.half-colum-w-wide-container .vc_column-inner {
		max-width: 360px;
	}
}

.flickity-viewport {
	margin-top: 0 !important;
}

.fake-column {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
}

.flickity-slider .cell {
	padding: 0 !important;
}

.no-extra-padding img {
	margin-bottom: 0 !important;
}

.footer-donate-columns .standard_section {
	margin-bottom: 0 !important;
}

.donate-footer-button {
	font-weight: 500;
	font-size: 18px !important;
}

.nectar-button.regular-button.extra-color-2.donate-footer-button:hover {
	background: #000000 !important;
	color: #ffffff !important;
	opacity: 1 !important;
	-ms-transform: none !important;
	transform: none !important;
	-webkit-transform: none !important;
}


#footer-widgets {
	font-size: 14px;
}

@media (min-width: 1000px) {
	.footer-disclaimer {
		max-width: 300px;
	}
}

.footer-disclaimer {
	line-height: 1.7;
}

.footer-disclaimer-title, .footer-disclaimer-title b, .footer-disclaimer-title strong {
	font-weight: 500;
}

.footer-disclaimer-title {
	padding-bottom: 10px;
}

.footer-legal-links a {
	color: #ffffff;
	margin-right: 30px;
}

.footer-legal-links a:hover {
	text-decoration: underline;
	background: none !important;
}

@media (max-width: 999px) {
	.footer-legal-links a {
		float: left;
		clear: both;	
	}
}


.footer-copyright, 
.footer-copyright p {
	color: #CECECE;
}

#footer-outer .footer-copyright .widget {
	margin-bottom: 0;
}


#footer-outer ul.social {
	display: block;
	text-align: right;	
}

@media (max-width: 999px) {
	#footer-outer ul.social {
		text-align: center;	
	}
	.footer-social {
		width: 100% !important;
	}
	#footer-outer .col {
		width: 100% !important;
		padding-bottom: 30px !important;
	}
	
	#footer-outer ul.social {
		text-align: center;	
		margin-bottom: 20px !important;
	}
}

#footer-outer .social li {
	display: inline-block;

}

.footer-text-mob .widget {
	margin-bottom: 0 !important;
}

#footer-outer .social a {
	background: none !important;
	padding: 0 15px;
	
}

#footer-outer .social a i:before {
	color: #ffffff;
	display: block;
	font-family: FontAwesome;
	font-size: 24px;
	line-height: 24px;
}


.fixed-footer-button {
	position: fixed;
	bottom: 30px;
	left: 30px;
	right: 30px;
	z-index: 10000;
}

.fixed-footer-button li {
	list-style-position: outside;
	list-style: none;
	width: 100%;
	text-align: center;
}

.fixed-footer-button a {
	display: inline-block;
	background-color: #c53a63!important;
	color: #ffffff;
	border-radius: 200px;
	padding: 15px 30px;
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	box-shadow: 2px 2px 8px rgb(0 0 0 / 0.2);
	width: 80%;
	max-width: 300px;
}

@media (min-width: 1000px) {

		.fixed-footer-button {
			display: none !important;
		}
	
}

#haz-tu-donacion_m .nectar-button {
	margin-bottom: 0;
}

.nectar-video-box img {
	width: 100%;
}
@media (min-width: 1000px) {
	.nectar-flickity .img-with-video .nectar-video-box { 
		padding-right: 50px;
	}
}

.img-with-video .nectar_video_lightbox svg {
	width: 30px;
	height: 30px;
}

.noticias h4 {
	font-size: 22px !important;
}

.nectar-button.accent-color:hover {
	background-color: #000000 !important;
}



/*#ajax-content-wrap .vc_row.right_padding_50px .row_col_wrap_12 {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}*/

.projects-carousel, .projects-carousel  p {
	font-size: 16px;
	line-height: 27px;
	
}

.projects-carousel p {
	padding-bottom: 23px;
}


.nectar-flickity[data-controls*="arrows_overlaid"] .flickity-prev-next-button:before {
	background-color: #c53a63;
}

.nectar-flickity[data-controls*="arrows_overlaid"] .flickity-prev-next-button .arrow {
	fill: #ffffff;
}
 
.nectar-flickity[data-controls*="arrows_overlaid"] .flickity-prev-next-button:after {
	background-color: #ffffff;
}


/* HOME PAGE */

.full-width-section.bg__auto .row-bg {
    background-size: auto;
}
.partners__img .col.span_12 {
	justify-content: center;
}
.wpb_row.img__align__center .col .wpb_column .vc_column-inner .wpb_wrapper > .img-with-aniamtion-wrap {
    text-align: center;
}
.wpb_column.max_width_desktop_75pct {
    margin: 0 auto !important;
}

.wpb_row.partners__img img {
    max-width: 160px;
}

.bannerwhite__hp .iwithtext .iwt-icon img {
    width: 48px !important;
}
.bannerwhite__hp .iwithtext .iwt-icon {
    position: relative;
    left: 0;
    top: 0;
}
.bannerwhite__hp .iwithtext {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.bannerwhite__hp .iwithtext .iwt-text {
    padding-left: 16px;
}
.bannerwhite__hp h2 {
	padding-bottom: 24px;
}


.wpb_column.ms-fancy-box:after, .work-item.ms-fancy-box:after {
    z-index: 1;
    content: '';
    height: 2px;
    background-color: #000;
    position: relative;
    visibility: visible;
    -webkit-transition: -webkit-transform .3s ease-out,border-color .3s ease-out;
    transition: transform .3s ease-out,border-color .3s ease-out;
    transform-origin: left;
    display: block;
    width: 100%;
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    margin-top: 20px;
}

.wpb_column.ms-fancy-box:hover:after,  .work-item.ms-fancy-box:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.row__clients .wpb_column .vc_column-inner, .partners__img .wpb_column .vc_column-inner{
    margin: 20px 0px;
}

@media (max-width: 768px) {
	.disp__desk {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.disp__mob{
		display: none !important;
	}
}

/* FOOTER */

.fixed_footer_top .wpb_row {
    margin-bottom: 0px !important;
}

.fixed_footer_top a {
    color: #fff;
    display: inline-block;
	text-decoration: none !important;
}

.fixed_footer_top p {
    font-size: 14px;
}

.fixed_footer_top p a:after {
    z-index: 1;
    content: '';
    height: 1px;
    background-color: #fff;
    position: relative;
    visibility: visible;
    -webkit-transition: -webkit-transform .3s ease-out,border-color .3s ease-out;
    transition: transform .3s ease-out,border-color .3s ease-out;
    transform-origin: left;
    display: block;
    width: 100%;
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    margin-bottom: 10px;
}
.fixed_footer_top .nectar_icon i {
    -webkit-transition: .3s linear;
    transition: .3s linear;
}

.fixed_footer_top .nectar_icon:hover i {
    opacity: 0.8;
}

.fixed_footer_top p a:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
@media (max-width: 768px) {
	.divider-wrap.height_phone_0px {
	    display: none;
	}
}
@media (min-width: 1000px) {
	.footer__link__politica .wpb_text_column p a {
	    margin-right: 38px;
	}
	.footer__link__politica .wpb_text_column p {
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: flex-end;
	    font-size: 12px;
	}
}


.mapa-compania .modal {
	position: absolute;
}

.mapa-compania .modal-content {
	box-shadow: 0 5px 15px rgb(0 0 0 / 10%) !important;
}

.mapa-compania .modal-content {
	text-align: left;
}

.mapa-compania .modal-header {
	border-bottom-width: 0px;
	font-size: 24px;
	line-height: 32px;
}

.mapa-compania a.link {
	font-weight: 500;
}

.mapa-compania a.link svg {
	margin-left: 5px;
}

.mapa-compania .modal-content {
	padding: 15px;
}

@media (min-width: 768px){
	.modal-dialog {
		width: 400px;
	}
}

.mapa-compania  .close {
	opacity: 0.6;
}

/* BLOG */

body.single .author .image {
    margin-bottom: 15px;
    width: 90%;
    max-width: 140px;
}
.img__author {
	border-radius: 100%;
}
body.single .author .position {
    font-size: 14px;
    font-weight: 400;
    color: #888;
}
body.single .author .name {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 0px;
}

body.single .topics-list .topic {
    margin-left: 3px;
    background: #fff;
    color: #333B44;
    border: 1px solid #333B44;
    border-radius: 50px;
    padding: 6px 12px 4px 12px;
    transition: all 0.3s ease;
}

body.single .topics-list .text {
    font-weight: 600;
    font-size: 14px;
    color: #3e3e3e !important;
}

body.single .topics-list {
    margin-bottom: 20px;
    color: #3E3E3E;
    font-size: 14px;
}

body.single .topics-list .topic:hover {
    background: #333B44;
    color: #fff;
    transition: all 0.3s ease;
}

body.single .info-container {
    color: #888;
    font-size: 12px;
    margin-bottom: 50px;
}
body.single .info-container .category {
    display: inline-block;
    margin-right: 10px;
    font-family: "Maison Mono",Helvetica,Arial,Verdana,sans-serif;
}
body.single .info-container .date {
    display: inline-block;
    margin-right: 10px;
}
body.single .info-container .time {
    display: inline-block;
    margin-right: 10px;
}
body.single .info-container .time:before {
    content: "|";
    margin-right: 10px;
}
body.single .info-container .date:before {
    content: "|";
    margin-right: 10px;
}
body.single .row.heading-title.hentry {
    padding-bottom: 0px;
}
body.single .post .wpb_text_column h4 {
	margin-top: 0px;
}
body.single .post .wpb_text_column h4 {
    margin-top: 0px;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
}
body.single .post .wpb_text_column p {
    color: #666;
}
body.single .post .wpb_text_column ul li{
    color: #666;
}
body.single .container.main-content > .wpb_row {
    margin-bottom: 0px;
}
@media only screen and (max-width: 690px){
	body.single .wpb_row.reverse_columns_column_phone .col.span_12 {
	    flex-direction: column-reverse;
	}
	.post .content-inner {
	    padding-bottom: 0px;
	}
}

/*.fixed_blog_top ul {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}*/

.page-submenu.stuck.fixed_blog_top .full-width-content {
    -webkit-box-shadow: 0 0 3px 0 rgb(0 0 0 / 22%);
    box-shadow: 0 0 3px 0 rgb(0 0 0 / 22%);
}
.page-submenu.fixed_blog_top .full-width-content {
	transition: box-shadow 0.42s ease, opacity 0.3s ease, transform 0.32s ease;
}
body.archive .masonry-blog-item.post h3.title {
	color: #000 !important;
}
@media only screen and (min-width: 1000px){
	body.home .masonry-blog-item {
		width: 33%;
	}
	body.home .post-content.classic {
		padding: 0px 20px 0 0;
	}
}
body.home .masonry-blog-item .article-content-wrap {
	padding: 0px;
}
body.archive .masonry-blog-item.post h3.title,
body.page-template-template-owb-blog .masonry-blog-item.post h3.title {
    margin-bottom: 4px;
    font-size: 20px !important;
    line-height: 30px !important;
}
body.archive .masonry-blog-item,
body.page-template-template-owb-blog .masonry-blog-item,
body.home .masonry-blog-item {
    vertical-align: top;
}
body.archive .content-inner,
body.page-template-template-owb-blog .content-inner,
body.home .content-inner {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    border-bottom: none !important;
}
body.archive .post-content,
body.page-template-template-owb-blog .post-content,
body.home .post-content {
    padding: 0px 15px;
}
body.home .masonry-blog-item.post h3.title{
	margin-bottom: 3px;
	letter-spacing: -0.2px;
	font-size: 16px;
	line-height: 23px;
}
.fixed_blog_top ul li.cat-item a {
    position: relative;
    font-size: 13px;
    font-weight: 500;
    color: #AAAAAA !important;
    padding: 15px 0px !important;
    -webkit-transition: .3s linear;
    transition: .3s linear;
}
.masonry-blog-item .article-content-wrap {
    padding: 20px 0px;
    margin-bottom: 45px;
}
.post-header span {
    color: #888;
    font-size: 13px;
    letter-spacing: 0.5px;
}
span.cat a {
    font-family: 'Maison Mono' !important;
}
body.archive h1 {
    font-size: 32px;
}
body.archive .masonry-blog-item:first-child .inner-wrap .post-content,
body.page-template-template-owb-blog .masonry-blog-item:first-child .inner-wrap .post-content {
    padding: 0px;
}
.fixed_blog_top ul li.cat-item a:after {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #222222;
    opacity: 0; 
}
.fixed_blog_top ul li.cat-item.current-cat a:after {
    opacity: 1;
}
.fixed_blog_top ul li.cat-item a:hover{
    color: #000 !important;
}
.fixed_blog_top ul li.cat-item.current-cat a {
    color: #000 !important;
}
.home .blog-recent .col .post-header h3 a,
.blog-recent .post-header h3 a {
	color: #000 !important;
	font-size: 20px;
}
.home .blog-recent .col .post-header h3 a:hover,
.blog-recent .post-header h3 a:hover {
	color: #000 !important;
}
.home .blog-recent .col .post-header,
.blog-recent .post-header {
	padding: 20px 0px;
	margin-bottom: 15px !important;
}
.post-header > span:not(:last-child):after {
	background-color: #888;
	width: 1px;
	margin: 0 4px;
	height: 11px;
	content: '';
	display: inline-block;
}
.blog-recent .col:after {
	z-index: 1;
	content: '';
	height: 1px;
	background-color: #000;
	position: relative;
	visibility: visible;
	-webkit-transition: -webkit-transform .3s ease-out,border-color .3s ease-out;
	transition: transform .3s ease-out,border-color .3s ease-out;
	transform-origin: left;
	display: block;
	width: 100%;
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	margin-top: 20px;
}
.blog-recent .col:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
body.home .blog-recent div:not(.col) .post-header:after{
	z-index: 1;
	content: '';
	height: 1px;
	background-color: #000;
	position: relative;
	visibility: visible;
	-webkit-transition: -webkit-transform .3s ease-out,border-color .3s ease-out;
	transition: transform .3s ease-out,border-color .3s ease-out;
	transform-origin: left;
	display: block;
	width: 100%;
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	margin-top: 20px;
}
body.home .blog-recent div:not(.col):hover .post-header:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
body.home .wpb_text_column a:hover {
	text-decoration: none;
}
.home .blog-recent:not([data-style="list_featured_first_row"]) .col .post-header a:hover {
	clear: #000 !important;
}
.header_empleo_title span{
	margin-right: 10px;
}
.sidebar__empleo h5 {
	padding-bottom: 15px;
}
.sidebar__empleo a.nectar-button {
	margin: 15px 0px;
}
.portfolio-wrap.owb-empleos-container h2 {
	padding-bottom: 40px;
}



@media only screen and (min-width: 1000px){
	body.archive .masonry-blog-item,
	body.page-template-template-owb-blog .masonry-blog-item{
	    width: 33%;
	}
	body.page-template-template-owb-blog .masonry-blog-item:first-child,
	body.archive .masonry-blog-item:first-child {
	    width: 67%;
	    display: block;
	    margin: 0 auto;
	}
	body.archive .masonry-blog-item:first-child {
    	margin-top: calc(-100vw * 0.05);
	}
	body.page-template-template-owb-blog .masonry-blog-item:nth-child(2),
	body.page-template-template-owb-blog .masonry-blog-item:nth-child(3),
	body.archive .masonry-blog-item:nth-child(2),
	body.archive .masonry-blog-item:nth-child(3) {
		width: 49.7%;
	}
	.nectar-cta.cta-inline-right {
		float: right;
	}
}
@media only screen and (min-width: 1300px){
	body.archive .container,
	body.page-template-template-owb-blog .container {
		width: 90%;
    	max-width: 1600px;
	}
	body.page-template-template-owb-blog .masonry-blog-item:nth-child(2),
	body.page-template-template-owb-blog .masonry-blog-item:nth-child(3),
	body.archive .masonry-blog-item:nth-child(2),
	body.archive .masonry-blog-item:nth-child(3) {
		width: 49.7%;
	}
}
body[data-bg-header="true"] .container-wrap {
	padding-bottom: 0px;
}








@font-face {
    font-family: 'Maison Mono';
    src: url('./fonts/MaisonMono-BoldOblique.eot');
    src: url('./fonts/MaisonMono-BoldOblique'),
        url('./fonts/MaisonMono-BoldOblique.eot?#iefix') format('embedded-opentype'),
        url('./fonts/MaisonMono-BoldOblique.woff2') format('woff2'),
        url('./fonts/MaisonMono-BoldOblique.woff') format('woff'),
        url('./fonts/MaisonMono-BoldOblique.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Maison Mono Demi';
    src: url('./fonts/MaisonMono-Demi.eot');
    src: url('./fonts/MaisonMono-Demi'),
        url('./fonts/MaisonMono-Demi.eot?#iefix') format('embedded-opentype'),
        url('./fonts/MaisonMono-Demi.woff2') format('woff2'),
        url('./fonts/MaisonMono-Demi.woff') format('woff'),
        url('./fonts/MaisonMono-Demi.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Maison Mono';
    src: url('./fonts/MaisonMono-LightOblique.eot');
    src: url('./fonts/MaisonMono-LightOblique'),
        url('./fonts/MaisonMono-LightOblique.eot?#iefix') format('embedded-opentype'),
        url('./fonts/MaisonMono-LightOblique.woff2') format('woff2'),
        url('./fonts/MaisonMono-LightOblique.woff') format('woff'),
        url('./fonts/MaisonMono-LightOblique.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Maison Mono';
    src: url('./fonts/MaisonMono-Light.eot');
    src: url('./fonts/MaisonMono-Light'),
        url('./fonts/MaisonMono-Light.eot?#iefix') format('embedded-opentype'),
        url('./fonts/MaisonMono-Light.woff2') format('woff2'),
        url('./fonts/MaisonMono-Light.woff') format('woff'),
        url('./fonts/MaisonMono-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Maison Mono';
    src: url('./fonts/MaisonMono-Regular.eot');
    src: url('./fonts/MaisonMono-Regular'),
        url('./fonts/MaisonMono-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/MaisonMono-Regular.woff2') format('woff2'),
        url('./fonts/MaisonMono-Regular.woff') format('woff'),
        url('./fonts/MaisonMono-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Maison Mono';
    src: url('./fonts/MaisonMono-RegularOblique.eot');
    src: url('./fonts/MaisonMono-RegularOblique'),
        url('./fonts/MaisonMono-RegularOblique.eot?#iefix') format('embedded-opentype'),
        url('./fonts/MaisonMono-RegularOblique.woff2') format('woff2'),
        url('./fonts/MaisonMono-RegularOblique.woff') format('woff'),
        url('./fonts/MaisonMono-RegularOblique.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Maison Mono Demi';
    src: url('./fonts/MaisonMono-DemiOblique.eot');
    src: url('./fonts/MaisonMono-DemiOblique'),
        url('./fonts/MaisonMono-DemiOblique.eot?#iefix') format('embedded-opentype'),
        url('./fonts/MaisonMono-DemiOblique.woff2') format('woff2'),
        url('./fonts/MaisonMono-DemiOblique.woff') format('woff'),
        url('./fonts/MaisonMono-DemiOblique.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Maison Mono';
    src: url('./fonts/MaisonMono-MediumOblique.eot');
    src: url('./fonts/MaisonMono-MediumOblique'),
        url('./fonts/MaisonMono-MediumOblique.eot?#iefix') format('embedded-opentype'),
        url('./fonts/MaisonMono-MediumOblique.woff2') format('woff2'),
        url('./fonts/MaisonMono-MediumOblique.woff') format('woff'),
        url('./fonts/MaisonMono-MediumOblique.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Maison Mono';
    src: url('./fonts/MaisonMono-Medium.eot');
    src: url('./fonts/MaisonMono-Medium'),
        url('./fonts/MaisonMono-Medium.eot?#iefix') format('embedded-opentype'),
        url('./fonts/MaisonMono-Medium.woff2') format('woff2'),
        url('./fonts/MaisonMono-Medium.woff') format('woff'),
        url('./fonts/MaisonMono-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Maison Mono';
    src: url('./fonts/MaisonMono-Bold.eot');
    src: url('./fonts/MaisonMono-Bold'),
        url('./fonts/MaisonMono-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/MaisonMono-Bold.woff2') format('woff2'),
        url('./fonts/MaisonMono-Bold.woff') format('woff'),
        url('./fonts/MaisonMono-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}