@media (max-width: 400px)
{
	.YaDreamSaverLite .submitted .icon
	{
		font-size: 64px;
	}
	
	.YaDreamSaverLite .submitted p
	{
	    font-size: 16px;
	}
}

@media (min-width: 400px)
{
	.YaDreamSaverLite .submitted .icon
	{
	    font-size: 125px;
	}
	
	.YaDreamSaverLite .submitted p
	{
	    font-size: 22px;
	}
}

.YaDreamSaverLite
{
	color: white;
	text-align: center;
}

.YaDreamSaverLite .form
{
	text-align: center;
}

.YaDreamSaverLite td
{
	padding-bottom: 6px;
}

.YaDreamSaverLite input,
.YaDreamSaverLite textarea
{
	color: white;
	font-size: 17px;
	border: none;
	background: rgba(255,255,255,.3);
}

.YaDreamSaverLite input:hover,
.YaDreamSaverLite textarea:hover,
.YaDreamSaverLite input:focus,
.YaDreamSaverLite textarea:focus
{
	background: rgba(255,255,255,.42);
}

.YaDreamSaverLite .dream
{
	height: 300px;
	width: 85%;
	max-width: 750px;
	padding: 7px;
	resize: none;
}

.YaDreamSaverLite .email
{
	height: 42px;
	width: 200px;
	padding: 0 7px;
}

.YaDreamSaverLite button
{
	color: white;
	height: 42px;
	width: 174px;
	margin-top: 6px;
    padding: 6px 32px;
    font-size: 18px;
    border: none;
    background: hsla(240, 100%, 17%, 1);
    
    transition: .3s all;
    -webkit-transition: .3s all;
}

.YaDreamSaverLite button:hover
{
    background: hsla(240, 100%, 24%, 1);
}

.YaDreamSaverLite .error
{
	color: red;
}

.YaDreamSaverLite .submitted
{
	display: none;
	margin-top: 34px;
}

.YaDreamSaverLite .submitted p
{
	color: rgba(255,255,255,.85);
    max-width: 560px;
    margin: auto;
    padding: 12px;
}

.YaDreamSaverLite .submitted .icon
{
    background: rgba(0,0,0,.3);
    border-radius: 50%;
    padding: 22px;
    color: rgba(255,255,255,.85);
}

::placeholder/* Chrome, Firefox, Opera, Safari 10.1+ */
{
    opacity: .74;
    color: white;
    font-style: italic;
}

:-ms-input-placeholder /* Internet Explorer 10-11 */
{
    opacity: .74;
    color: white;
    font-style: italic;
}

::-ms-input-placeholder /* Microsoft Edge */
{
    opacity: .74;
    color: white;
    font-style: italic;
}