/* html,
body {
  font: 16px 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 1.4em;
	background: #f5f5f5;
	color: #4d4d4d;

	margin: 0 auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 300;
	padding: 0;
} */

html {
	scroll-behavior: smooth; 
}

html,body {
  /* font: 20px 'Avenir', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; */
  height: 100%;
  color: #5a5a5a;
  background: #ffffff;
}

#page-container {
	position: relative;
	padding-bottom: 60px;
	min-height: 100vh;
}

button {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	font-size: 100%;
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	color: inherit;
	-webkit-appearance: none;
	appearance: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


*, ::after, ::before {
     box-sizing: content-box; 
}

:focus {
	outline: 0;
}

.hidden {
	display: none;
}

.placeholder {
    width: 100%;
    /* height: 300; */
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('https://placehold.it/150x150');
}

header h1 {
    width: 100%;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    margin-top: 80px;
    color: rgba(175, 47, 47, 0.7);
    /* color: rgba(253, 153, 0, 0.7); */
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
}


.progress-placeholder {
  color: black;
  text-align:center;
}

.scrollable-menu {
    height: auto;
    max-height: 300px;
    overflow-x: hidden;
}