html {
	scroll-behavior: smooth;
	scroll-padding-top: 4.5rem;
}
.container {
	font-family: Roboto,Arial,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: break-word;
}
.v-navigation-drawer {
    top: 64px !important;
    height: calc(100% - 64px) !important;
}
.v-list-item__content {
    padding: 0.5rem;
}
.v-overlay {
    margin-top: 3.5rem;
}
.v-overlay#big_overlay {
	margin-top: 4rem;
}
.v-main
{
	background-color: #f5f5f5;
	padding-top: 64px !important;
}
p
{
	max-width: 40em;
	margin-bottom: 1rem;
}
li
{
	max-width: 40em;
	margin-bottom: 1rem;
	margin-left: 18px;
}
.v-alert
{
	max-width: 40em;
	margin-bottom: 1rem;
}
.expandable-image
{
	max-width: 35em;
	margin-bottom: 1.5rem;

}
.expandable-image.vertical img
{
	max-height: 60em !important;

}
.expandable-image.Instrument__2 img
{
	max-width: 25em !important;
	max-height: 45em !important;

}
.expandable-image img
{
	max-width: 35em;
	max-height: 35em;
	margin-bottom: 1.5rem;
}
.expandable-image.expanded
{
	max-width: 100%;
	max-height: 100%;
}
.expandable-image.expanded img
{	
	max-height: 100% !important;
}
.expand-button {
  z-index: 1 !important;
}
.expand-button path {
  	fill: #F44336 !important; 
}
h1
{
	margin-bottom: 1.5rem;
}
h2
{
	margin-bottom: 1rem;
}
.v-overlay__content {
   pointer-events: initial !important;
}
video {
  height: auto;
  width: 100%;
  padding-right: 2rem;
  object-fit: contain;
  margin-bottom: 1rem;
}
a:hover {
	cursor: pointer
}
u:hover {
	cursor: pointer
}
img {
  height: auto;
  width: 100%;
  max-width: 700px;
}
.p-image-toolbar {
    color: #fff;
}
.p-image {
    margin-bottom: 1.5rem;
}