@font-face {
  font-family: 'Peralta';
  font-style: normal;
  font-weight: 400;
  src: local('Peralta'), local('Peralta-Regular'), url(font.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  /*font-display: swap;*/
}

h1 {
	font-family: 'Peralta', serif;
	font-size: 60px;
	font-weight: normal;
}

h1:hover {
	/*transform: rotate(+2deg);*/
}

h1 a:hover {
	color: #007bff;
}

h1 a {
	text-decoration: none!important;
}

h1 span {
	color: #f7931a;
}

header h1:after {
	content: '\00AE';
	/*content: '\2122';*/
	color: #007bff;
	font-family: Arial;
	font-size: 16px;
	letter-spacing: 0;
	vertical-align: super;
}

main {
	background-image: url("../images/rocket.png");
	background-position: right bottom;
	background-repeat: no-repeat;
}

#qrcode {
    margin: 0 auto;
    display: block;
    min-height: 250px;
}

@media screen and (max-width: 600px) {
	h1 {font-size: 40px;}
}

.jumbotron {
    padding: 1.5rem 0;
}

.bg-gray {
	background-color: #e9ecef;
}

.topfix {
    position: relative;
    top: -2px;
}

/* Banners */

#b1 {
	position: absolute;
	top: 15px;
	left: 15px;
}

#b2 {
	position: absolute;
	top: 15px;
	right: 15px;
}

#b2 img {
	outline: 1px solid #212529;
}

.cursor-help {
	cursor: help;
}

@media screen and (max-width: 1200px) {
	#b1, #b2 {
		position: static!important;
		text-align: center;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	main {background-image: none;}
}