@media print {

	@page {
		size: A4 portrait; 
		margin-right: 15mm;	
		margin-left: 15mm;
		margin-top: 15mm;
		margin-bottom: 15mm;
		@bottom-center {
			content: "Page " counter(page) " / " counter(pages);
			font-size: 10pt;
			text-align: center;
		}
	}
	
	@page:first {
		@bottom-center {
			content: none;
		}
	}
	
	/* Hide page number on second page */
	@page:nth(2) {
		@bottom-center {
			content: none; /* removes the counter */
		}
	}
	
	body {
		font-family: 'Trebuchet MS', sans-serif;
		color: black;
		background-color: transparent;
		margin: 0mm; 
		font-size: 12pt; 
	}
	
	nav {
		width: 0px;
		display: none;
	}
	
	#myNavbar {
		display: none;
	}
	
	#main {
		margin-right: 0mm;
		margin-left: 0px;
		padding: 0px;
		line-height: 1.2; 
		color: black;
	}
	
	ul {
		page-break-before: avoid;
		margin-right: 50px;
	}
	
	li {
		page-break-before: avoid;
	}

	header h1 {
		font-size: 28pt; 
		page-break-before: avoid;
		padding-top: 6cm;
		text-align: center;
	}
	
	header h2 {
		font-size: 18pt; 
		padding-top: 3cm;
		text-align: center;
	}
	
	h1 {
		page-break-before: always;
		color: black;
	}
	
	h2, h3 {
		page-break-inside: avoid;
		page-break-after: avoid;
		color: black;
	}

	a {
		font-weight: normal;
		color: black;
		text-decoration: none;
		font-style: normal;
	}
	
	a[href]::after {
		content: "	(" attr(href) ")"
	}
	
	img {
		float: left;
		padding-right: 30px;
		padding-left: 5px;
		padding-bottom: 5px;
		display:block;
		break-inside: avoid;
		page-break-inside: avoid;
	}
	
	p img {
		float: inherit;
		page-break-inside: avoid;
		padding-right: inherit;
		display:block;
	}
	
	li img {
		float: left;
		page-break-inside: avoid;
		padding-right: inherit;
		display:block;
	}
	
	table {
		width: auto;
		font-size: 10pt; 
		page-break-inside: avoid;
		border: 2px solid;
	}
	
	tr {
		border: 1px solid;
	}
	
	table {
		width:100%;
	}
	
	table, td, th {
		border: 1px solid black;
	}
	th, td {
		padding: 2px;
		text-align: left;
	}

	table th {
		text-align: center;
		background-color: #fff;
		color: black;
		font-weight: bolder;
	}
		
	footer {
		display: none;
	}
	
	hr {
		display: none;
	}
	
	.logo-container {
		/* position: absolute;		
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		page-break-after: always;*/
		
		display: flex;
		justify-content: center;
		align-items: center;
		top: 50%;
		left: 50%;
		height: 100vh; /* fill one page */
		page-break-after: always;
	}
	
	.masterlogo {
		max-width: 512px; 
		height: auto;
	}
	
	.trip-info-container{
		page-break-before: always;
	}
	
	.trip-info{
		border: 2px solid black;
		padding: 10px;
		margin: 5px;
	}
	
	.trip-info-datasheet{
		border: 2px solid black;
		padding: 10px;
		margin: 5px;
	}
	
}