* {
    font-family: 'Public Sans', sans-serif;
}

body, html {
	margin:0px;
	padding:0px;
}

.header {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
	border-bottom: 1px solid rgb(204, 204, 204);
	padding:16px;
}

.header img {
	flex: 0 1 auto;
    align-self: center;
}

.header h1 {
	flex: 0 1 auto;
    align-self: center;
	margin:0px;
	padding:0px;
	font-size: 18px;
	display: inline-block;
	padding-left: 17px;
	color: rgb(34, 72, 156);
	font-weight: 700;
	line-height: 1.3em;
	vertical-align: middle;
}

h2 {

	color: rgb(240, 103, 36);
	font-size: 38px;
	margin-top: 38px;
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;;
}

div.qr {
	width: 293px;
	margin-left:auto;
	margin-right:auto;
}

div.pass {
	display:block;
	width: 100vw;
	padding:16px;
	box-sizing: border-box;
	padding-bottom:50px;
}

div.qr-header, div.qr-footer {
	display:flex;
	justify-content: space-between;
}

div.qr-header *, div.qr-footer * {
	align-self: center;
}

div.qr-footer {
	font-weight: 700; 
	font-size: 18px;
}

.govlogo {
	width:45px !important;
}

div.data {
	text-align: center;
	margin-top:30px;
}

.qrcode {
	margin-left:-16px;
	margin-right:-16px;
	width: calc(100% + 32px) !important;;
}

.data {
	padding-bottom:50px;
}

.data p {
	font-size:14px;
	margin:0px;
	line-height: 22px;
}

.data hr {
	height: 1px;
	color: #000;
	background-color: #000;
    border: 0;
    opacity: .25;
	margin: .35rem 0;
}

.footer {
	text-align: center;
	background-color: rgb(249, 249, 249);
	padding: 16px;
	padding-bottom:32px;
}

.vaccines {
	width:100vw;
}

.owl-item {
	width: 100wv;
}

.idcard {
	width: 100%;
	margin-top: 30px;
	display:block;
	box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.45), 0px 2px 1px -1px rgba(0,0,0,0.5);
}