@font-face {
    font-family: "Merck Web";
    src: url("../font/M_Web-Regular.ttf"),
    	 url("../font/M_Web-Regular.woff") format('woff'),
    	 url("../font/M_Web-Regular.woff2") format('woff2');
}

@font-face {
    font-family: "Lato";
    src: url("../font/Lato-Regular.ttf");
}

@font-face {
    font-family: "Lato";
    src: url("../font/Lato-Bold.ttf");
    font-weight: bold;
}

@font-face {
    font-family: "Lato";
    src: url("../font/Lato-Light.ttf");
    font-weight: 300;

}			


body {
	background-color: var(--bg-color);
	font-family: 'Lato';
    margin: 0;
    padding: 0;
		
}

h3 {
	font-size: 1.8rem;
	margin: 5px 0;
}

#main
{
    width: 100%;
    height:800px; 
    flex-wrap: wrap;
    padding: 10px;
}

@media only screen and (max-height: 768px) {
   #main
    {
        height: 90vh !important;
    } 
}

#footer {
    position: absolute;
    bottom: 0;
    /*text-align: center;*/
    width: 100%;
    padding: 10px;
}

.version-tag {
    color: var(--secondary-color);
    font-size: 0.7rem;
    cursor: help;
}

.merck-purple {
    color: var(--merck_purple);
}
.merck-pink {
    color: var(--merck_pink);
}
.merck-blue {
    color: var(--merck_blue);
}
.merck-cyan {
    color: var(--merck_cyan);
}
.merck-limegreen {
    color: var(--merck_limegreen);
}
.merck-red {
    color: var(--merck_red);
}
.merck-yellow {
    color: var(--merck_yellow);
}
.merck-green {
    color: var(--merck_green);
}

.merck-web {
    font-family: 'Merck Web';
}

svg#tour-info-icon{
  /* fill: var(--other); */
  fill: var(--secondary-color);
  cursor: pointer;
}

svg#tour-info-icon:hover{
  /*fill: var(--primary);*/
  fill: var(--primary-color);
}