/* CSS Document */

@media screen and (max-width: 768px) {
	.kids-googlecalendar_wrap{
		width: 92.5%;
		margin: 0 auto 0 auto;
	}
	.kids-googlecalendar_wrap iframe{
		width: 100%;
		height: 450px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
	.kids-googlecalendar_wrap{
		width: 90%;
		max-width: 960px;
		margin: 0 auto;
	}
	.kids-googlecalendar_wrap iframe{
		height: 450px;
		width: 100%;
	}
}

@media screen and (min-width: 1200px) {
	.kids-googlecalendar_wrap{
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
	}
	.kids-googlecalendar_wrap iframe{
		height: 550px;
		width: 100%;
	}
}