#aloitusruutu{
	margin-top:30%;
}

img{
	width: 90%;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.ui-dialog .ui-header {
	margin: 2% auto 15px auto; 
}

.center {
	text-align:center;
}

.big { 
	height: 80px;
}
.big .ui-btn-inner { 
	padding-top:25px; 
}

body,
.ui-loader-verbose h1,
.ui-bar,
.ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6,
.ui-btn-inner,
.ui-fullsize .ui-btn-inner,
label.ui-submit,
.ui-collapsible-heading,
.ui-controlgroup-label,
.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label,
.ui-popup .ui-title,
label.ui-select,
label.ui-input-text,
input.ui-input-text, textarea.ui-input-text,
.ui-li-heading,
label.ui-slider,
.ui-field-contain input.ui-slider-input,
span.ui-slider-label {
	font-size: 18px;
}
 
.ui-header .ui-title {
	line-height: 38px;
	margin-top: 22px;
	margin-bottom: 22px;
	font-size: 38px;
}
 
@media all and (min-width: 450px) {
	.ui-popup .ui-field-contain label.ui-submit,
	.ui-popup .ui-field-contain .ui-controlgroup-label,
	.ui-popup .ui-field-contain label.ui-select,
	.ui-popup .ui-field-contain label.ui-input-text {
		font-size: 18px;
	}
}

/* styles added by JCO Digital -> */
.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b {
	width: 100%;
}
@media all and (min-width: 768px) {
	.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b {
		width: 50%;
	}
}

.ui-header .ui-title {
	white-space: normal;
	font-size: 24px;
}
@media all and (min-width: 768px) {
	.ui-header .ui-title {
		font-size: 38px;
	}
}