*, ::after, ::before {
	box-sizing: border-box;
}

body {
	color: #152332;
}

.h1,
h1 {
	font-size: calc(1.4302rem + 2.1624vw);
	line-height: 1.25;
	font-weight: 600;
}

@media (min-width:1200px) {

	.h1,
	h1 {
		font-size: 3.052rem
	}
}

.h2,
h2 {
	font-size: calc(1.3691rem + 1.4292vw);
	line-height: 1.25;
	font-weight: 600;
}

@media (min-width:1200px) {

	.h2,
	h2 {
		font-size: 2.441rem
	}
}

.h3,
h3 {
	font-size: calc(1.3203rem + .8436vw);
	line-height: 1.25;
	font-weight: 600;
}

@media (min-width:1200px) {

	.h3,
	h3 {
		font-size: 1.953rem
	}
}

.h4,
h4 {
	font-size: calc(1.2813rem + .3756vw);
	line-height: 1.25;
	font-weight: 600;
}

@media (min-width:1200px) {

	.h4,
	h4 {
		font-size: 1.563rem
	}
}

.h5,
h5 {
	font-size: 1.25rem;
	line-height: 1.25;
	font-weight: 600;
}

.h6,
h6 {
	font-size: 1rem;
	line-height: 1.25;
	font-weight: 600;
}

b {
	font-weight: 600;
}

.headline {
	padding: 10px 0;
	text-align: center;
}
/*
.limit {
	padding: 10px 0;
}
*/


.main { 
	padding: 10px;

}
.main-body {
/*    display: flex; 
    flex-flow: row wrap; */
    justify-content: space-around;
}
.main-content {
/*    flex: 0 1 auto; */
}

/**
VoiceDemo form

.box {
	background-color: #132a45;
	color: rgb(255, 255, 255);
	flex: 0 0 auto;
	width: 100%;
}

.fieldset {
	display: flex; 
    flex-flow: row wrap;
}

.data.left {
	border-right: 1px solid lightgray;
}
.data {
	border-bottom: 1px solid lightgray;
	flex: 1 100%;
	min-height: 5rem;
	display: flex; 
	flex-flow: row wrap;
}

.data span {
	flex: 1 100%;
	text-align: center;
}

.panel-text-container {
	padding-right: 1px;
	padding-left: 1px;
	flex: 1 100%;
}
.panel-text {
	border: none;
	background-color: #132a45;
	color: rgb(255, 255, 255);
	padding: 1rem 1.5rem;
	min-height: 120px !important;
	width: 100%;
	font-size: 1rem;
	resize: vertical;
}

.voice-demo-listen {
	border-top: 1px solid lightgray;
	width: 100%;
	flex: 1 100%;
	min-height: 5rem;
	padding: 1rem;
}

.listen-button {
	width: 100%;
	height: 100%;
	color: #fff;
	background-color: #583ebd;
	border-color: #583ebd;
}
*/

.pure-g-end {
    align-self: center;
}
@media screen and (min-width: 637px)
{    .space {
        justify-content: space-between;
}
    .pure-g-end {
        align-self: flex-end;
}}
.wrapper {
    width: 95%;
    margin: 0 auto;
}
@media screen and (min-width: 762px){
	   .wrapper { 
        width: 80%;
	}
}
.space {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
  }
.center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
  
.pure-img {
	max-width: 350px;
  }
.box {
	border-bottom: 1px solid lightgray;
}

.column-language {
	border-right: 1px solid lightgray;
}

.title {
	color: rgba(255, 255, 255, .6);
	font-size: small;
	padding-bottom: 10px;
}

.box,
.title,
.selected {
	text-align: center;
}

.box-inner {
	padding: 10px;
	height: 80px;
}

fieldset,
textarea {
	border: none;
}

textarea {
	resize: vertical;
	padding: 1rem 1.5rem;
	min-height: 120px;
}

fieldset {
	width: 100%;
	padding: 0;
	border-bottom: 1px solid lightgray;
}

.voice-demo-listen {
	float: right;
}

.pure-button, #readspeaker-panel-mini-player, #rsbtn_simple_player {
	width: 100%;
	height: 100%;
}

#rsbtn_simple_player {
	line-height: 60px;
	display: block;
}

#rsbtn_simple_player span {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}

.pure-button, #rsbtn_simple_player {
	background-color: #583ebd;
	border-color: #583ebd;
	color: #fff;
}

textarea,
#voice-demo-panel-form {
	background-color: #132a45;
	color: #fff;
}

.copy {
	text-align: center;
}

.terms {
	font-size: 0.8em;
	display: none;
	align-self: flex-end;
}

.mobile .terms {
	display: block;
}

@media (min-width:768px) {
/*	.terms {
		display: block;
	}

    .main-content {
        flex: 1 50%; 
    }
*/
    .limit {
        margin-bottom: 20px;
		text-align: center;
    }

/*	.mobile,
	.mobile .terms {
		display: none;
	} 

	.data {
		flex: 1 50%;
		min-height: 5rem;
	}
	
	.panel-text-container {
		padding-right: 1px;
		padding-left: 1px;
		flex: 1 100%;
	}
	.panel-text {
		padding: 1rem 1.5rem;
		min-height: 120px !important;
		width: 100%;
		font-size: 1rem;
		resize: vertical;
	}
	
	.voice-demo-listen {
		width: 100%;
		flex: 1 100%;
		min-height: 5rem;
	}
	
	.listen-button {
		float: right;	  
	}
*/
}