@media only screen and (max-width: 768px) {
	body {
		width: 100%;
		background-color: AntiqueWhite;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		margin-bottom:0;
		font-size: 100%;
		font-family: Constantia;
		/*text-shadow: 2px 2px red; gölgeli yazı*/
	}
	table {
		table-layout: fixed;
		border:1px; /*Tabloda 2 pixel kalınlığında kenarlık olacak*/
		border-color: black; /*Tablonun kenarlık rengi*/
		border-style: groove; /*Tablo kenarlığının sitili*/
		border-radius: 15px; /*Tablo kenarlıkları bükük hale getirildi*/
		width:100%; /*Tablo genişliği*/
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		margin-bottom:0;
	}
	th.year {
		border:1px; /*Tabloda 2 pixel kalınlığında kenarlık olacak*/
		border-color: black; /*Tablonun kenarlık rengi*/
		border-style: groove; /*Tablo kenarlığının sitili*/
		border-radius: 15px; /*Tablo kenarlıkları bükük hale getirildi*/
		text-shadow: 3px 5px 3px DarkKhaki;
		text-align: center;
		font-size: 20px;
		font-family: Brush Script MT;
	}
	th.month {
		background-color: Khaki;
		font-family: Brush Script MT;
		font-size: 20px;
	}
	th.month:hover{
		background-color: LightSalmon;
	}
	table.month {
		width: 100%;
	}
	a{
		color: black;
		text-decoration: none; /*Linklerde alt çizgi olmamasını sağladık*/
	}
	a:hover{
		background-color: LavenderBlush; /*Cursor üzerine geldiğinde renk değiecek*/
	}
	.month{
		border:2px;
		border-color: DarkOliveGreen;
		border-style: groove;
		border-radius: 5px;
		min-width: 100%;
	}
	.month:hover{
		background-color: PaleTurquoise; /*Cursor bir ayın üzerine geldiğinde renk değiecek*/
	}
	.sem {
		color: DarkOliveGreen; /*Yazı tipi rengi seçildi*/
		font-weight: bold;
		font-size: 14px; /*Yazı tipi boyutu ekrana göre normalleştirildi*/
		text-align: center; /*Yazı içeriği merkeze hizalandı*/
	}
	th.sem {
		font-size: 10px;
		text-align: center;
	}
	.sem:hover{
		background-color: LavenderBlush; /*Cursor üzerine geldiğinde renk değiecek*/
		cursor: context-menu; /*Cursor ok olarak seçildi*/
	}
	.kam {
		color: OrangeRed;
		font-weight: bold; /*Yazı tipi ekrana göre normalleştirildi*/
		font-size: 14px; /*Yazı tipi boyutu ekrana göre normalleştirildi*/
		text-align: center;
	}
	th.kam {
		font-size: 10px;
		text-align: center;
	}
	.kam:hover{
		background-color: LavenderBlush; /*Cursor üzerine geldiğinde renk değiecek*/
		cursor: context-menu; /*Cursor ok olarak seçildi*/
	}
	.mar {
		color: Navy;
		font-weight: bold;
		font-size: 14px; /*Yazı tipi boyutu ekrana göre normalleştirildi*/
		text-align: center;
	}
	th.mar {
		font-size: 10px;
		text-align: center;
	}
	.mar:hover{
		background-color: LavenderBlush; /*Cursor üzerine geldiğinde renk değiecek*/
		cursor: context-menu; /*Cursor ok olarak seçildi*/
	}
	.mer {
		color: DarkRed;
		font-weight: bold;
		font-size: 14px; /*Yazı tipi boyutu ekrana göre normalleştirildi*/
		text-align: center;
	}
	th.mer {
		font-size: 10px;
		text-align: center;
	}
	.mer:hover{
		background-color: LavenderBlush; /*Cursor üzerine geldiğinde renk değiecek*/
		cursor: context-menu; /*Cursor ok olarak seçildi*/
	}
	.ruk {
		color: DarkSlateGray;
		font-weight: bold;
		font-size: 14px; /*Yazı tipi boyutu ekrana göre normalleştirildi*/
		text-align: center;
	}
	th.ruk {
		font-size: 10px;
		text-align: center;
	}
	.ruk:hover{
		background-color: LavenderBlush; /*Cursor üzerine geldiğinde renk değiecek*/
		cursor: context-menu; /*Cursor ok olarak seçildi*/
	}
	.cum {
		color: ForestGreen;
		font-weight: bold;
		font-size: 14px; /*Yazı tipi boyutu ekrana göre normalleştirildi*/
		text-align: center;
	}
	th.cum {
		font-size: 10px;
		text-align: center;
	}
	.cum:hover{
		background-color: LavenderBlush; /*Cursor üzerine geldiğinde renk değiecek*/
		cursor: context-menu; /*Cursor ok olarak seçildi*/
	}
	.sab {
		color: MidnightBlue;
		font-weight: bold;
		font-size: 14px; /*Yazı tipi boyutu ekrana göre normalleştirildi*/
		text-align: center;
	}
	th.sab {
		font-size: 10px;
		text-align: center;
	}
	.sab:hover{
		background-color: LavenderBlush; /*Cursor üzerine geldiğinde renk değiecek*/
		cursor: context-menu; /*Cursor ok olarak seçildi*/
	}
}

@media only screen and (min-width: 768px) {
	body {
		background-color: AntiqueWhite;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 3px;
		padding-top: 3px;
		font-family: Constantia;
	}

	/*Genel Tablo sınıfını düzenliyor.*/
	table {
		table-layout: fixed;
		border:2px; /*Tabloda 2 pixel kalınlığında kenarlık olacak*/
		border-color: black; /*Tablonun kenarlık rengi*/
		border-style: groove; /*Tablo kenarlığının sitili*/
		border-radius: 15px; /*Tablo kenarlıkları bükük hale getirildi*/
		/*max-width:250px; Tablo genişliği*/
		width: 100%;
	}
	th.year {
		text-shadow: 3px 5px 3px DarkKhaki;
		text-align: left;
		font-size: 30px;
		font-family: Brush Script MT;
		text-align: center;
	}
	a{
		color: black;
		text-decoration: none; /*Linklerde alt çizgi olmamasını sağladık*/
	}
	a:hover{
		background-color: LavenderBlush; /*Cursor üzerine geldiğinde renk değiecek*/
	}
	.month{
		border:2px;
		border-color: DarkOliveGreen;
		border-style: groove;
		border-radius: 15px;	
	}
	table.month{
		width: 100%;
	}
	.month:hover{
		background-color: PaleTurquoise; /*Cursor bir ayın üzerine geldiğinde renk değiecek*/
	}
	th.month {
		background-color: Khaki;
		font-family: Brush Script MT;
		font-size: 25px;
	}
	th.month:hover{
		background-color: LightSalmon;
	}
	.sem {
		color: DarkOliveGreen; /*Yazı tipi rengi seçildi*/
		font-weight: bold; /*Yazı tipi kalınlaştırıldı*/
		text-align: center; /*Yazı içeriği merkeze hizalandı*/
		font-size: 19px;
	}
	.sem:hover{
		background-color: LavenderBlush; /*Cursor üzerine geldiğinde renk değiecek*/
		cursor: context-menu; /*Cursor ok olarak seçildi*/
	}
	.kam {
		color: OrangeRed;
		font-weight: bold;
		text-align: center;
		font-size: 19px;
	}
	.kam:hover{
		background-color: LavenderBlush; /*Cursor üzerine geldiğinde renk değiecek*/
		cursor: context-menu; /*Cursor ok olarak seçildi*/
	}
	.mar {
		color: Navy;
		font-weight: bold;
		text-align: center;
		font-size: 19px;
	}
	.mar:hover{
		background-color: LavenderBlush; /*Cursor üzerine geldiğinde renk değiecek*/
		cursor: context-menu; /*Cursor ok olarak seçildi*/
	}
	.mer {
		color: DarkRed;
		font-weight: bold;
		text-align: center;
		font-size: 19px;
	}
	.mer:hover{
		background-color: LavenderBlush; /*Cursor üzerine geldiğinde renk değiecek*/
		cursor: context-menu; /*Cursor ok olarak seçildi*/
	}
	.ruk {
		color: DarkSlateGray;
		font-weight: bold;
		text-align: center;
		font-size: 19px;
	}
	.ruk:hover{
		background-color: LavenderBlush; /*Cursor üzerine geldiğinde renk değiecek*/
		cursor: context-menu; /*Cursor ok olarak seçildi*/
	}
	.cum {
		color: ForestGreen;
		font-weight: bold;
		text-align: center;
		font-size: 19px;
	}
	.cum:hover{
		background-color: LavenderBlush; /*Cursor üzerine geldiğinde renk değiecek*/
		cursor: context-menu; /*Cursor ok olarak seçildi*/
	}
	.sab {
		color: MidnightBlue;
		font-weight: bold;
		text-align: center;
		font-size: 19px;
	}
	.sab:hover{
		background-color: LavenderBlush; /*Cursor üzerine geldiğinde renk değiecek*/
		cursor: context-menu; /*Cursor ok olarak seçildi*/
	}
}