.content {
    text-align: left;
    padding-top: 8%;
}

.button.main-button {
    border-radius: 10px;
    width: 300px;
}

.button.button-small {
    padding: 5px 20px;
}

.ion-checkmark {
	color: green;
}


html {
height: 100%;
font-size: 62.5%; /* Setting base font to 10px and define all your units in rem. 1rem = 10px */
}
body {
margin: 0;
height: 100%;
display: block;
overflow: hidden;
font-family: sans-serif;
}
.hidden {
visibility: hidden;
}
section[role="region"] {
height: 100%;
background: #fff;
}
section[role="region"] > header.fixed:first-child {
position: absolute;
width: 100%;
}
.scrollable {
overflow: scroll;
height: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
position: relative;
}
.scrollable.header {
height: calc(100% - 5rem);
top: 5rem;
}

/* Fonts */
h1 { /* Main header */
font-size: 2.5rem;
font-weight: normal;
}
h2 { /* Subheader, Dialog title */
font-size: 1.6rem;
font-weight: normal;
}
p {
font-size: 1.9rem;
font-weight: normal;
line-height: 2.5rem;
}
p.large { /* Dialog body */
font-size: 2.3rem;
font-weight: 300;
line-height: 3rem;
}
p.alt { /* Body medium, Buttons */
font-size: 1.7rem;
font-weight: 500;
line-height: 2.2rem;
}
p.small { /* Status bar */
font-size: 1.5rem;
line-height: 2rem;
}
p.mini { /* Fine print */
font-size: 1.4rem;
line-height: 1.9rem;
}
p.micro { /* App icon label */
font-size: 1.3rem;
line-height: 1.8rem;
}
ul, ol, li {
list-style: none;
margin: 0;
padding: 0;
font-size: 1.9rem;
font-weight: normal;
line-height: 2.5rem;
}