@media print
{
	@page
	{
		margin: 2cm 1cm;
	}
	
	body {
		font-size: 10pt;
		background-color: blue;
	}
	
	h2 {
		margin-top: 0;
	}
	
	.container {
		padding: 0;
		max-width: 100%;
	}
	
	a[href]:after {
		content: none;
	}
	
	.footer {
		display: none;
	}
	
	
	/* Map
	----------------------------------------------------------------*/
	
	.map {
		height: 500px;
	}
	
	
	
	/* Report details
	----------------------------------------------------------------*/
	
	.report-tag {
		page-break-inside: avoid;
		page-break-after: always;
	}
	
	.report-tag-photo {
		height: auto;
		width: auto;
	}
	
	.report-tag-photo .tag-thumbnail {
		height: auto;
		width: 100%;
		position: static;
	}

	.btn {
		display: none;
	}
}

/* 
	Because we're making the font size of print smaller, we can actually fit more
	elements on a page. This is to remove the smallest grid width as we're assuming
	the smallest page it will be printed on is A4
 */
@media print and (max-width: 767px)
{
	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-10,
	.col-sm-11 {
	  float: left;
	}

	.col-sm-1 {
	  width: 8.333333333333332%;
	}

	.col-sm-2 {
	  width: 16.666666666666664%;
	}

	.col-sm-3 {
	  width: 25%;
	}

	.col-sm-4 {
	  width: 33.33333333333333%;
	}

	.col-sm-5 {
	  width: 41.66666666666667%;
	}

	.col-sm-6 {
	  width: 50%;
	}

	.col-sm-7 {
	  width: 58.333333333333336%;
	}

	.col-sm-8 {
	  width: 66.66666666666666%;
	}

	.col-sm-9 {
	  width: 75%;
	}

	.col-sm-10 {
	  width: 83.33333333333334%;
	}

	.col-sm-11 {
	  width: 91.66666666666666%;
	}

	.col-sm-12 {
	  width: 100%;
	}
}