* {
-webkit-tap-highlight-color: transparent;
word-wrap: break-word;
box-sizing: border-box;
}
html {
-webkit-overflow-scrolling: touch;
min-height: 100%;
margin-top: 0 !important;
background: $background-color;
font-size: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
// Disable iOS/WinMobile font size changes
@include breakpoint(max-width $breakpoint-xs-width-max) {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
body {
color: $text-color;
font-family: $font-family-base;
font-size: $font-size-base;
font-weight: $font-weight-regular;
line-height: $line-height-base;
img {
max-width: 100%;
.logo {
max-width: 40%;
.container {
@include container;
width: $max-width;
padding: 0 40px;
.flex-container {
display: flex;
flex-direction: column;
justify-content: space-around;
justify-content: space-evenly;
align-items: center;
text-align: center;
height: 100vh;