html, body {margin: 0; padding: 0; text-align: center; }
body {font-family: 'Roboto', Helvetica, Arial, 'Sans Serif', Tahoma; font-weight: 400; line-height: 1.5; color: #494948; background: #fff; text-align: center; }
body {scroll-behavior: smooth; }
body {overflow-x: hidden; -webkit-text-size-adjust: none; }




/*
	C O L O R S
*/

.grey {color: #494949; }
.bg-grey {background-color: #494949; }
.silver {color: #eaeaea; }
.bg-silver {background-color: #eaeaea; }
.yellow {color: #ffde00; }
.bg-yellow {background-color: #ffde00; }
.red {color: #dc0032; }
.bg-red {background-color: #ed1c24; }
.blue {color: #044d7f; }
.bg-blue {background-color: #044d7f; }


h1 {font-size: 1.5rem; margin: 1.5em 0 30px 0; }
h1::after {content: ''; display: block; margin: .4em auto 0 auto; background: #ed1c24; width: 250px; height: 2px; }

.btn {cursor: pointer; display: inline-block; margin: 10px; padding: 19px 20px 18px 20px; background: #ffde00; border-radius: 3px; box-shadow: 0 2px 3px rgba(0,0,0,.2); color: #044d7f; font-size: 13px; font-weight: 700; line-height: 16px; text-align: center; text-transform: uppercase; transition: color .25s ease-out; text-decoration: none !important; }
.btn:hover, .btn.viewed {background: #ed1c24; color: #fff; box-shadow: none; }


body {width: 100%; min-height: 100vh; display: flex; flex-direction: column; flex-grow: 0; justify-content: center; align-items: center; }