/* roboto-300 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v48-latin-300.woff2') format('woff2'); 
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v48-latin-regular.woff2') format('woff2'); 
}

/* roboto-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v48-latin-500.woff2') format('woff2'); 
}


body {
  font-family: 'Roboto', sans-serif;
}

body { color: #000; }
.secondary { color: #2279bc; }
.gallery img { width: 100%; height: auto; cursor: pointer; }
.footer { margin-top: 2rem; padding: 1rem 0; border-top: 1px solid #ccc; text-align: center; }

@media (max-width: 640px) {

	header.container.py-3 {
	  display: block !important;
	}

	header.container.py-3 h1 { 
	width:100%;
	display:block;
	}
	header.container.py-3 a { 
	width:100%;
	display:block;
	margin-bottom:20px;
	}

}

@media (min-width: 768px) {

	.gallery img {
	  width: 100%;
	  height: 250px;
	  object-fit: cover;
	  border-radius: 4px;
	}

}