/*
	Theme Name: Contrapunto BBDO
	Theme URI: http://www.contrapunto.es
	Description: BBDO Wordpress Template
	Version: 1.0
	Author: Andreu Llos & Aitor Murillo
	Author URI: http://andreullos.com
*/


/*	Typography
	---------- */
	

	@font-face {
		font-family: 'Gotham Book';
		src: url('fonts/Gotham-Book.eot'); /* IE9 Compat Modes */
		src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('fonts/Gotham-Book.woff') format('woff'), /* Modern Browsers */
			 url('fonts/Gotham-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
			 url('fonts/Gotham-Book.svg#65526539dec42e535893223c14767f58') format('svg'); /* Legacy iOS */
		
		font-style:   normal;
		font-weight:  400;
	}

	@font-face {
		font-family: 'Gotham Black';
		src: url('fonts/Gotham-Black.eot'); /* IE9 Compat Modes */
		src: url('fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('fonts/Gotham-Black.woff') format('woff'), /* Modern Browsers */
			 url('fonts/Gotham-Black.ttf')  format('truetype'), /* Safari, Android, iOS */
			 url('fonts/Gotham-Black.svg#ba4ac0babd0f10b69ed14d91cd5c8788') format('svg'); /* Legacy iOS */
		
		font-style:   normal;
		font-weight:  400;
	}
	
	@font-face {
		font-family: 'Gotham Bold Italic';
		src: url('fonts/Gotham-BoldItalic.eot'); /* IE9 Compat Modes */
		src: url('fonts/Gotham-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('fonts/Gotham-BoldItalic.woff') format('woff'), /* Modern Browsers */
			 url('fonts/Gotham-BoldItalic.ttf')  format('truetype'), /* Safari, Android, iOS */
			 url('fonts/Gotham-BoldItalic.svg#bb194a57758ada0a8b047fc8c3107b1c') format('svg'); /* Legacy iOS */
		
		font-style:   normal;
		font-weight:  700;
	}


/*	Grids

	8items 12.5%
	7items 14.28571428571429%
	6items 16.66666666666667%
	5items 20%
	4items 25%
	3items 33.33333333333333%
	2items 50%;

	----- */


/*	Misc
	---- */
	
	body{ overflow-x: hidden; margin: 0; padding: 0; width: 100%; height: 100%; background: #1f1e1e; font-family: 'Gotham Book'; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased;}
	
	a:hover, a:focus, a:active{ text-decoration: none}
	
	.container-fluid{ margin: 0;}
	.img-responsive{ width: 100%;}
	.transition{ transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; }
	.fluid-embed{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; z-index: 2;} 
	.fluid-embed iframe, .fluid-embed object, .fluid-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.margintop{ top: 96px;}
	.archive .margintop{ top:156px;}
	
	.trans7 { transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out;  -webkit-transition: all .7s ease-in-out; }
	
	
/*	Header
	------ */
		
	header{ position: fixed; top: 0; height: 96px; line-height: 96px; background: #fff; width: 100%; z-index: 99; text-align: right}
	header .logo{ position: absolute; left: 50px; top: 38px; height: 20px}
	header .toggle-main-menu{ display: none}
	
/*	Navigation
	---------- */

	header .menu{ list-style: none; display: table; width: auto; margin: 0; padding: 0; float: right; font-family: 'Gotham Black'; text-transform: uppercase;}
	header .menu li{ display: inline-block; font-size: 14px; margin-right: 50px;}
	header .menu li a{ color: #747474; transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out;}
	header .menu li a:hover, header .menu li.current-menu-item a { color: #ed1c24; }
		
	header .socialmedia{ list-style: none; display: table; width: auto; margin: 0 50px 0 0; padding: 0; float: right}
	header .socialmedia li{ display: inline-block; margin: 0 5px; opacity: .5}
	header .socialmedia li img{ width: 30px; height: 30px;}
	
	header nav.filters{ position: fixed; top: 96px; height: 60px; width: 100%; background: #e9e8e8; line-height: 60px;}
	header nav.filters .type{ display: table; margin: 0; padding: 0; margin-left: 50px; list-style: none; float: left}
	header nav.filters .type li{ display: inline-block; margin-right: 50px; text-transform: uppercase; font-family: 'Gotham Black';}
	header nav.filters .type li a{ color: #6e6e6e}
	header nav.filters .type li a:hover,
	header nav.filters .type li.current-cat a{ color: #ed1c24;transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out;}

	header .drop-container{ display: table; float: left; margin-left: 50px; font-family: 'Gotham Black'; color: #6e6e6e; text-transform: uppercase;}
	header .drop-container .toggle-taxonomy{ cursor: pointer}
	header .drop-container .items-list{ background: #e9e8e8; line-height: 16px; position: absolute; z-index: 100; margin: 0; padding: 10px 20px; display: table; display: none; font-size: 12px; max-width: 1100px; margin-left: -8px; width: 160px; }
	header .drop-container .items-list#client { width: 60%;  }
	header .drop-container .items-list ul{ list-style: none; float: left; padding: 0; margin: 0; }
	header .drop-container .items-list#client ul { width: 20%  }
	header .drop-container .items-list ul li{ margin: 0; padding: 0; margin-bottom: 6px; }
	header .drop-container .items-list ul li a{ color: #6e6e6e; text-transform: uppercase;}
	header .drop-container .items-list ul li:hover a{ color: #ed1c24}
	header .drop-container .toggle-taxonomy > div{ background: #fff; border: 1px solid #aaa; display: inline-block; height: 30px; line-height: 30px; padding-left: 12px; padding-right: 12px}
	header .drop-container .toggle-taxonomy > div > span{ margin-left: 10px; border-top: 6px solid; border-right: 6px solid transparent; border-left: 6px solid transparent;}
	header .drop-container .toggle-taxonomy.open > div > span{ transform: rotate(180deg);}
	header .drop-container:hover  .toggle-taxonomy > div{ color: #ed1c24; border-color: #ed1c24}
	header .drop-container:hover .items-list{ display: block;}
	header .drop-container:hover .toggle-taxonomy > div > span{ transform: rotate(180deg);}
	
	header .drop-container-mobile .items-list { font-size: 14px; }
	header .drop-container-mobile { margin-left: 0; }
	header .drop-container-mobile .toggle-taxonomy { display: none;  }
	header .drop-container-mobile .items-list { display: block; position: static; padding: 0; margin: 0; width: auto; }
	header .drop-container-mobile .items-list ul li { float: left; height: 50px; line-height: 60px; margin: 0 0 0 50px; }
	
	
	
	
/*	Projects
	-------- */
	
	.portfolio{ width: 100%; margin: 0; padding: 0; color: #fff; float: left; position: absolute; z-index: 8; overflow: hidden; left: 0; padding-bottom: 50px; }
	
	.portfolio .layer{ width: 100%; height: 100%; background: #000; opacity: .7; position: absolute; left: 0; top: 0; z-index: 99; display: none; }
	
	.portfolio.active { left: 50%; position: fixed; }
	.portfolio.active .layer{ display: block}
	
	.portfolio .flexPholio{ width: 33.333333%; float: left; margin: 0; padding: 0; position: relative;}
	.portfolio .flexPholio .flexslider li > a.post-link { display: block; display: block; position: absolute; right: 0; bottom: 0; left: 0; top: 0;}
	.portfolio .flexPholio .caption{ position: absolute; width: 100%; bottom: -1px; left: 0; background: #ed1c24; color: #fff; z-index: 9; padding: 0px 46px 0;}
	.portfolio .flexPholio .caption .play{ position: absolute; left: 15px; width: 18px; top:15px; height: 18px;}
	.portfolio .flexPholio .caption a{ color: #fff;}
	.portfolio .flexPholio .caption .hidden{ display: block; visibility: visible}
	.portfolio .flexPholio .caption h1{ font-family: 'Gotham Black'; font-size: 23px; text-transform: uppercase; padding: 0;margin: 0;display: inline;}
	.portfolio .flexPholio .caption h3{ font-family: 'Gotham Book'; font-size: 17px; margin: 0; padding: 0; display: inline-block; padding-bottom: 4px;}
	.portfolio .flexPholio .caption h3:before { content: " / "; position: relative; bottom: 2px; margin-left: 3px; }
	
	.portfolio .flexPholio .caption .caption-content{ margin: 13px 0 8px 0;}

	.portfolio .flexPholio .flexslider li img{ width: 100%}
	.portfolio .flexPholio .flexslider .flex-control-nav{ margin: 0; bottom: 0; padding: 0; opacity: 1}
	.portfolio .flexPholio .flexslider .flex-control-nav li a{ border-radius: 0; background: #fff; width: 15px; height: 15px; margin: 0 5px}
	.portfolio .flexPholio .flexslider .flex-control-nav li a:hover,
	.portfolio .flexPholio .flexslider .flex-control-nav li a.flex-active{ background: #ed1c24;}
	.portfolio .flexPholio .flexslider .flex-direction-nav a{ width: 47px; height: 47px; text-align: center; line-height: 47px; opacity: 1; margin-top: -26px; top: 50%}
	.portfolio .flexPholio .flexslider .flex-direction-nav .flex-next{ right: 0; background: #ed1c24 url(img/arrow-right.svg) center center no-repeat; background-size: 18px 18px;}
	.portfolio .flexPholio .flexslider .flex-direction-nav .flex-prev{ left: 0; background: #ed1c24 url(img/arrow-left.svg) center center no-repeat; background-size: 18px 18px;}
	.portfolio .flexPholio .flexslider .slides > li { position: relative; }
	
	.homeSlider li{ background-size: cover; background-position: center center; background-repeat: no-repeat;}
	
	.portfolio .itemPortfolio{ width: 16.6667%; float: left; position: relative; overflow: hidden; display: none;}
	.portfolio .itemPortfolio .case,
	.portfolio .itemPortfolio .classic{ position: absolute; left: 0; top: 0; z-index: 2; }
	.portfolio .itemPortfolio .case img,
	.portfolio .itemPortfolio .classic img{ width: 70px;}
	.portfolio .itemPortfolio a > img{ width: 100%; position: relative; bottom: 10px; }
	.portfolio .itemPortfolio .caption{ position: relative; z-index: 4; background: black; }	
	.portfolio .itemPortfolio .caption-container { position: absolute; width: 100%; left: 0; bottom: -1px; background: #000; }
	.portfolio .itemPortfolio .caption a{ color: #fff; display: block;}
	.portfolio .itemPortfolio .caption h3{ margin: 0; padding: 10px 15px 0; font-size: 12px; font-family: 'Gotham Black'; color: #fff; text-transform: uppercase;  width: 95%; height: 22px; overflow: hidden}
	.portfolio .itemPortfolio .caption h4{ margin: 0; padding: 2px 15px 10px; font-size: 12px; font-family: 'Gotham Book'; color: #fff}
	.portfolio .itemPortfolio .caption .award{ position: absolute; right: 15px; bottom: 4px; margin: 0; width: 28px; opacity: .5}
	.portfolio .itemPortfolio .caption-container .award-list { position: absolute; z-index: 2; bottom: -160px; background: #e9e8e8; padding: 15px; padding-bottom: 2px; width: 100%; color: #6e6e6e; font-size: 12px; opacity: 0; }
	.portfolio .itemPortfolio .caption-container .award-list.active { bottom: 47px; opacity: 1; }
	.portfolio .itemPortfolio .caption-container .award-list ul { padding-left: 15px; }
	.portfolio .itemPortfolio .caption-container .award-list strong { font-size: 12px; font-family: 'Gotham Black'; text-transform: uppercase; font-weight: normal; }
	.portfolio .itemPortfolio:hover .caption{ background: #ed1c24;}
	.portfolio .itemPortfolio:hover .caption .award{ opacity: 1}
	

/*	Single Project
	-------------- */
	
	
	/*#project-container-inner { padding-top: 25px; height: 100%; } abajo fix para fondo gris "cortado" altura pagina about en Chrome */
	#project-container-inner { padding-top: 25px; }
	#project-container{ width: 50%; position: absolute; height: 100%; left: -50%; z-index: 9;  z-index: 9; background: #fff; }
	#project-container.active { left: 0}
	#project-container-inner.page { background: #222; }
	
	#project-container .close{ font-family: 'Gotham Book'; font-size: 18px; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #000; position: fixed; right: 0; top: 96px;  opacity: 1; left: 0; margin-left: -50px; z-index: 99999; display: block; }
	body.archive #project-container .close { top: 156px; }
	#project-container.active .close { left: 50%; }
	#project-container .main-blog{ font-family: 'Gotham Book'; font-size: 18px; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #000; position: fixed; left: 0; top: 147px; z-index: 99; opacity: 1; margin-left: -50px;  }
	body.archive #project-container .main-blog { top: 207px; }
	#project-container.active .main-blog { left: 50%; }
	#project-container .close:hover,
	#project-container .main-blog:hover{ background: #ed1c24;}
	
	#project-container .content { background: #fff; }
	#project-container .text { padding: 25px 50px; background: #ffffff; }
	#project-container .text p { max-width: 920px; }
	#project-container .text > ul, #project-container .text > ol { padding-left: 25px;max-width: 920px; }
	#project-container .text img{ width: 100%; height: auto}
	#project-container .text .premio{ margin-bottom:5px;}
	#project-container .text .premio a { font-family: 'Gotham Book'; border-width: 1px; }
	#project-container .text.flash { margin-top: 30px; margin-bottom: 30px; max-width: none; text-align: center;}
	#project-container .text.flash object, #project-container .text.flash iframe { margin: 0 auto; display: block; max-width: 100%; }
	#project-container .text.image { max-width: none; }
	#project-container .text.image img { margin: 0 auto; display: block; width: auto; }
	#project-container .text.image.slider { padding-left: 0; padding-right: 0; }
	
	#project-container .flexProject{ margin: 0; padding: 0; width: 100%; text-align: center; position: relative}
	#project-container .flexProject li{}
	#project-container .flexProject li img{ max-width: 100%; }
	#project-container .flexProject .flex-control-nav{ margin: 0; bottom: 20px; padding: 0; opacity: 1}
	#project-container .flexProject .flex-control-nav li a{ border-radius: 0; background: #fff; width: 10px; height: 10px; margin: 0 1px;border:1px solid red;}
	#project-container .flexProject .flex-control-nav li a:hover,
	#project-container .flexProject .flex-control-nav li a.flex-active{ background: #ed1c24;}
	#project-container .flexProject .flex-direction-nav a{ width: 47px; height: 47px; text-align: center; line-height: 47px; opacity: 1; margin-top: -24px; top: 50%; border: 0; }
	#project-container .flexProject .flex-direction-nav .flex-next{ right: 0; background: #ed1c24 url(img/arrow-right.svg) center center no-repeat; background-size: 18px 18px;}
	#project-container .flexProject .flex-direction-nav .flex-prev{ left: 0; background: #ed1c24 url(img/arrow-left.svg) center center no-repeat; background-size: 18px 18px;}
	.flex-control-paging li a { border: 0; }
	
/*	Single Post
	----------- */
	.the_post .text .fluid-embed,
	.the_post .text img{ margin: 25px 0 25px}
	
	.post-navigation{ margin: 25px 0; padding: 0; width: 100%;}
	.post-navigation > div{ width: 50%; float: left}
	
	.content { font-family: 'Gotham Book'; font-size: 14px; line-height: 25px; color: #3f3f3f; }
	.content h1{ font-family: 'Gotham Black'; font-size: 34px; line-height: 34px; text-transform: uppercase; margin: 0 0 20px 0; padding: 0; font-weight: normal; }
	.content h2{ font-family: 'Gotham Black'; font-size: 25px; line-height: 25px; text-transform: uppercase; margin: 0 0 20px 0; padding: 0; font-weight: normal; }
	.content strong, .content b { font-weight: normal; font-family: 'Gotham Black'; }
	.content a { color: #747474; text-decoration: none; font-family: 'Gotham Black'; padding-bottom: 2px; border-bottom: 2px solid #747474; }
	.content a:hover { color: #ed1c24; transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; text-decoration: none; border-color: #ed1c24; }
	.content a.btn { border: 0; color: white; padding: 0; transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; -webkit-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; -ms-transition: color .2s ease-in-out; }
	.content a.btn:hover { color: white;  }
	.content i, .content em { }
	a.project-link { border: 0; }
	#project-container .the_post .text { max-width: none; }
	.img-caption { margin-top: 2px; font-size: 12px; }
	.mejs-container { margin-top: 1.5em; margin-bottom: 1.5em; }
	
/*	About
	---- */

	#about{ position: relative}
	.container-about{ max-width: 1200px; margin: 25px 20px 50px 20px; color: #999999; font-size: 15px; line-height: 26px}
	.container-about h1{ color: #fff; padding-left: 0; font-family: 'Gotham Black'; margin-bottom: 25px; font-size: 25px; line-height: 36px}
	.container-about article{ padding: 0 30px}
	.container-about a { color: white; }
	.container-about a:hover { color: #ed1c24; }

	.container-about .clients{ margin-top: 30px}
	.container-about .logotipos > div{ margin-bottom: 20px}
	.container-about .logotipos img{ max-height: 50px; max-width: 100%; width: auto; margin: 0 auto;}
	
	
	
/*	Contact
	---- */	
	



/*	Blog
	---- */

	.readmore{ margin: 20px 0; background: #ed1c24; color: #fff; font-size: 12px; text-transform: uppercase; width: 150px; height: 35px; line-height: 35px; padding: 0; font-family: 'Gotham Black'; border: 0; border-radius: 0}
	.readmore:hover{ background: #333333; color: #fff;}
	
	
/*	Footer
	------ */
		


/*	Mediqueries
	----------- */



@media (max-width: 1800px) {
	
	#project-container{ width: 60%; left: -60%;}
	.portfolio .flexPholio{ width: 60%;}
	.portfolio.active, #project-container.active .close, #project-container.active .main-blog { left: 60%;}
	.portfolio .itemPortfolio{ width: 20%;}
}

@media (max-width: 1600px) {
	header .drop-container #client.items-list ul { width: 30%; margin-right:3.33333333333333%; margin-bottom: 10% }
	header .drop-container .items-list#client { width: 50%; }
}

@media (max-width: 1200px) {
	header .socialmedia li img{ width: 20px; height: 20px;}
	header .logo{ height: 15px}
	header .drop-container .items-list#client { width: 35%; }
	#project-container{ width: 100%; left: -100%;}
	.portfolio .flexPholio{ width: 100%;}
	.portfolio.active, #project-container.active .close, #project-container.active .main-blog{ left: 100%;}
	.portfolio .itemPortfolio{ width: 33.33333333333333%;}

}

/* Client Menu fix */
@media screen and (min-width:1201px) and (max-width: 1600px) {
	header .drop-container #client.items-list ul {
		width: 30%;
		margin-right:3.33333333333333%;
		margin-bottom: 10%;
		height: 88px;
	}
}
@media screen and (min-width:800px) and (max-width: 1200px) {
	header .drop-container #client.items-list ul {
		height: 166px;
	}
}
@media screen and (min-width:701px) and (max-width: 800px) {
	header .drop-container #client.items-list {
		overflow-y: scroll;
		max-height: 600px;
	}
}





@media (max-width: 1100px) {
	header .socialmedia{ display: none}
	header .drop-container #client.items-list ul { width: 45%; margin-right: 5%; }
	
}
@media (max-width: 992px) {
	
	header .menu li{ margin-right: 25px}
}

@media (max-width: 800px) {
	
	header{ height: 60px; line-height: 60px;}
	header .logo{ top: 24px; height: 12px}
	header .toggle-main-menu{ display: block; cursor: pointer;}
	header .toggle-main-menu img{ width: 32px; margin-right: 32px;}
	header .menu{ list-style: none; display: block; width: 100%; float: none; background-color: #fff; display: none; z-index: 99; position: relative; }
	header .menu li{ display: list-item; text-align: left; border-top: 1px solid #747474; margin-left: 15px}
	header nav.filters { top: 60px; }
	.margintop{ top: 60px;}
	.archive .margintop { top: 120px; }
	header nav.filters { font-size: 12px; }
	header .drop-container .items-list { font-size: 12px; }
	header nav.filters .type li  { margin-right: 15px; }
	header .drop-container .items-list, header .drop-container-mobile .items-list { padding: 10px; margin-left: -5px;}
	header .drop-container, header .drop-container-mobile { margin-left:15px; }
	header .drop-container #client.items-list ul { width: 100%; }
	header .drop-container .toggle-taxonomy > div, header .drop-container-mobile .toggle-taxonomy > div { padding-left: 6px; padding-right: 6px; line-height: 26px; height: 26px;}
	header .drop-container .toggle-taxonomy > div > span, header .drop-container-mobile .toggle-taxonomy > div > span { margin-left: 1px; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
	.portfolio .flexPholio .caption h1 { font-size: 18px; }
	.portfolio .flexPholio .caption h3 { font-size: 14px; padding-bottom: 2px; position: relative; top:-1px;}
	.portfolio .flexPholio .caption .caption-content { margin: 18px 0 11px 0; }
	#project-container .close { top: 58px;}
	#project-container .flexProject .flex-direction-nav { display: none; }
	body.archive #project-container .close { top: 120px; }
	
	header .drop-container-mobile .items-list { font-size: 12px; }
	header .drop-container-mobile { margin-left: 15px; }
	header .drop-container-mobile .toggle-taxonomy { display: block;  }
	header .drop-container-mobile .items-list { display: none; position: absolute;  }
	header .drop-container-mobile .items-list ul li{ margin: 0; padding: 0; margin-bottom: 6px; line-height: 16px; height: auto; float: none; }
	
}	
	
@media (max-width: 700px) {
	
	header .logo{ left: 15px;}
	header .toggle-main-menu{ display: block; cursor: pointer}
	header .toggle-main-menu img{ margin-right: 15px;}
	
	.portfolio .itemPortfolio{ width: 100%;}
	header .drop-container #client.items-list { overflow-y: scroll; max-height: 300px; }
	header nav.filters .type { margin-left: 15px; }
}

@media (min-width: 768px) and (max-height: 700px) {
	#project-container .text.image img { max-height: 600px; }
}
@media (min-width: 768px) and (max-height: 600px) {
	#project-container .text.image img { max-height: 500px; }
}
@media (min-width: 320px) and (max-height: 600px) {
	#project-container .text { padding: 25px; background: #ffffff; }
	#project-container .text.image { min-width: 270px; }
}


/*	Print
	----- */
	
@media print {
	* { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important;}
	a, a:visited { text-decoration:underline;}
	a[href]:after { content:" (" attr(href) ")";}
	abbr[title]:after { content:" (" attr(title) ")";}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after { content:"";}
	pre,blockquote { border:1px solid #999; page-break-inside:avoid;}
	thead { display:table-header-group;}
	tr,img { page-break-inside:avoid;}
	img { max-width:100% !important;}
	
	@page { margin:0.5cm;}
	p, h2, h3 { orphans:3; widows:3;}
	h2, h3 { page-break-after:avoid;}
}