body {
margin-left:auto ;
margin-right:auto ;
font-size: 17px ;
color: black ;
background: url(../images/edebiyatTanitim/fakulte3.png) ;
background-color: #f0ffff ;
background-repeat: no-repeat ;
background-position : center center;
background-attachment: fixed ;
}

div .sol {float: left ;}
div .sag {float: right; position:absolute ;}
div.tanitimkomple {float: center; }

#tanitimkomple { height: auto ; width: 900px ; margin-top:50px ; }
#sol { height: auto ; width: 440px ; margin-top: 50px ; float: left; }
#sag { height: auto ; width: 440px ; margin-top: 50px ; float: right; }

font.baslik1 {
	font: bold 16px "Avantgarde" ;
	color: green ;
	border-bottom: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	border-radius: 10px 10px;
	border-color: green;
	letter-spacing: 2px;
	text-align: center;
	padding: 5px;
	background: white repeat-x;
}

font.ana {
	border-radius: 10px 10px;
	background: white ;
	font-size: 24px ;
	font-family: monospace ;
	color: olive ; 
	color: black ;
}
h4 {}

@media only screen and (max-width: 767px){
    img{width:50%;height:auto} 
    div .sol {float: left ;}
	div .sag {float: left; position:absolute ;}
	div.tanitimkomple {float: center; background-color: #f0ffff ;}
	body {background-position: top center;}
	#tanitimkomple { height: auto ; width: 450px ; margin-top:10px ; }
	#sol { height: auto ; width: 220px ; margin-top: 10px ; margin-top: 10px ; float: left; }
	#sag { height: auto ; width: 220px ; margin-top: 10px ; float: right; }
}

.button {
				background-color: #4CAF50;
				border: none;
				color: white;
				padding: 16px 32px;
				text-align: center;
				text-decoration: none;
				display: inline-block;
				font-size: 17.5px;
				margin: 4px 2px;
				-webkit-transition-duration: 0.4s;
				transition-duration: 0.4s;
				cursor: pointer;
			}
			
			.button3 {
				background-color: white; 
				color: black; 
				border: 2px solid green;
				border-radius: 12px;
			}

			.button3:hover {
				background-color: green;
				color: white;
			}
			.button4 {
				background-color: darkgreen; 
				color: white; 
				font-size: 26px;
				border: 2px solid green;
				border-radius: 12px;
			}
			
			
			.button4:hover {
				background-color: #fffafa;
				color: black;
			}
			
			.active {
				background-color: #4CAF50;
			}
/*
fffafa snow
f0ffff azure
f2f2f2 kırık beyaz
fffaf0 floral white
 */