@media only screen and (max-width : 320px) {
	header {
		width: 320px;
	}
	.maincontent {
		width: 320px;
	}
	p {
		padding-left: 5px;
		padding-right: 5px;
	}
	.ytembed {
		width: 300px;
		height: 169px;
	}
	label,input,.formnote,p.form,.theme,.themeday,.themeup {
		width: 300px;
	}
	label,.formnote,p.form .formbutton,.themeday {
		margin-left: 0px;
	}
	label {
		text-align: left;
	}
	.themedesc {
		padding-left: 0px;
	}
}

@media only screen and (min-width : 321px) and (max-width : 409px)  {
	header {
		width: 320px;
	}
	.maincontent {
		width: 320px;
	}
	p {
		padding-left: 5px;
		padding-right: 5px;
	}
	.ytembed {
		width: 300px;
		height: 169px;
	}
	label,input,.formnote,p.form,.theme,.themeday,.themeup {
		width: 300px;
	}
	label,.formnote,p.form .formbutton,.themeday {
		margin-left: 0px;
	}
	label {
		text-align: left;
	}
	.themedesc {
		padding-left: 0px;
	}
}

@media only screen and (min-width : 410px) and (max-width : 639px) {
	header {
		width: 410px;
	}
	.maincontent {
		width: 410px;
	}
	p {
		padding-left: 5px;
		padding-right: 5px;
	}
	.ytembed {
		width: 400px;
		height: 225px;
	}
	label,input,.formnote,p.form,.theme,.themeday,.themeup {
		width: 400px;
	}
	label,.formnote,p.form .formbutton,.themeday {
		margin-left: 0px;
	}
	label {
		text-align: left;
	}
	.themedesc {
		padding-left: 0px;
	}
}

@media only screen and (min-width : 640px) and (max-width : 767px)  {
	header {
		width: 640px;
	}
	.maincontent {
		width: 640px;
	}
	p {
		padding-left: 5px;
		padding-right: 5px;
	}

}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
	header {
		width: 768px;
	}
	.maincontent {
		width: 768px;
	}
	p {
		padding-left: 5px;
		padding-right: 5px;
	}

}