.body .topic {
	padding-right: 4.5em;
	line-height: 1.4;
}

.topic-title {
	font-size: 18px;
	margin: 0.2em 0 0.7em 0;
}

.topic-text {
	font-size: 13px;
}

.topic-text ul {
	margin-left: 12px;
}

.body .main {
	width: 53.5%;
	margin-left: -33px
}

.main-header {
	font-size: 2.1em;
	margin-bottom: 14px;
}

.form-separator {
	margin: 26px 0 27px 0;
}

.form-separator hr {
	margin: 0;
}

.form-note {
	margin-bottom: 1.05em;
}

.form-title {
	font-size: 1.35em;
	line-height: 1.2;
}

.form-frame .form-field {
	width: 65%;
}

.form-frame .form-error-list a {
	margin-bottom: 0;
}

.access-help {
	margin: 15px 0 31px 0;
}

.grid-buttons {
	display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin-botton: 10px;
}

.form-button {
	width: 100%;
    justify-content: center;
}

@media only screen and (max-width: 640px) {
	.body .topic {
	  padding-right: 0;
	}
	
	.topic-title {
		margin-top: 3em;
	}
	
	.body .main {
		width: 100%;
		margin-top: 3em;
		margin-left: 0;
	}
}

.grid {
	display: flex;
	flex-wrap: wrap;
}

.topic {
	order: 1;
}

.main {
	order: 2;
}

@media screen and (max-width: 640px) {
    .main {
        order: 1;
    }

    .topic {
        order: 2;
    }

}

/*  Extras  */

.ui-button.blue-style-button {
	width: 50% !important;
}

.grid-buttons .link {
	flex: 1 1 40%;
	display: flex;
	padding: 0;
}
.grid-buttons .link img {
	width: 100%;
	height: auto;
}
@media (min-width: 768px) {
	.grid-buttons .p-link {
		flex: 1 1 calc(33.333% - 1rem);
		margin: 0.5rem;
	}
}