@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

html {
	font-family: Roboto, Segoe UI, Frutiger, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
	font-size: 1rem; 
}

@include media-breakpoint-up(sm) {
  html {
    font-size: 1.2rem;
  }
}

@include media-breakpoint-up(md) {
  html {
    font-size: 1.4rem;
  }
}

@include media-breakpoint-up(lg) {
  html {
    font-size: 1.6rem;
  }
}

body {
	font-family: Roboto, Segoe UI, Frutiger, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
}

h5 {
	font-size: 1.1rem;	
}

.top{
	height:160px;
	text-align: center;
}

.block {
	display: inline-block;
	height:18px;
	width: 18px;
}

.block img {
	height:18px;
	display: inline;
	margin-bottom: 3px;
}

.top img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 160px;
	height: 160px;
	text-align: center; 
}

.wrapper {
	width: auto;
	max-width: 680px;	
	min-width: 425px;
	margin: 0 auto;
	padding: 10px 20px; 
}

.btn-group-xs > .btn, .btn-xs {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}
.btn-info {
  color: #ffffff !important;
  background-color: #2887a6 !important;
	border-color: #2887a6 !important;
}
.btn-info:hover {
  background-color: #106b89 !important;
	border-color: #106b89 !important;
}
.text-info {
	color: #2887a6 !important;
}