article#sekil-iletisim{
	width:100%;
	background-image: url('../img/iletisim.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
	height:450px; 
	margin-top:0px;
}

.iletisim-sonuc{
	width:100%;
	background:lightgreen;
	text-align:center;
}
.iletisim-sonuc h1{
 	font:normal 25px "FrutigerLTW01-55Roman",Arial;
	color:black;
}
div.kesfet-img {
	width:100%;
	background:#1f5c79;
	margin-top:150px;
	
	
}
div.kesfet-img img {
	width:100%;
	background:#1f5c79;
	
	
}
h2.orange-h2 {
	color:orange;
}

section#iletisim {	
	margin:0px;
	padding:0px; 
	padding-top:0px;
  
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top;  
	width:100%; 
	display:inline-block;
}
div.iletisim { 
	margin:25px;
	padding:20px;
	box-sizing: border-box;
    float: left;
	width:47%;
	color:white;
	background:#1f5c79;
	border-radius:7px;
}
div.iletisim-card {
	margin:25px;
	padding:20px;	
	box-sizing: border-box;
    float: left;
	width:45%;
	color:white;
	background:#1f5c79;
}
/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    width: 50%; /* Full width */
    padding: 12px; /* Some padding */  
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
 
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background:#1f5c79;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
   background:rgba(0,185,255,0.7);
}

/* Add a background color and some padding around the form */
.iletisim-card {
		border-radius:7px;
}

.container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
	width:100%;

}

.card-img {
	width:100%;
	margin:auto; 
	display:block;
	
}
.card-img figure {
	width:100%;
}
.card-img figure img {
	width:100%;
}
.card-phone {
	background:#1f5c79;
	color:white;
	width:98%;
	padding-top:25px;
	padding-bottom:25px;
	margin:auto; 
	margin-top:-5px;
	display:block;
	padding-left:2%;
	font:normal 16px "FrutigerLTW01-55Roman",Arial;
}
  .card-phone img {
	width:40%;
	margin-left:150px;
 }
.card-i   { 
	color:white;
	display:block;
}
.card-i span {
	font:normal 16px "FrutigerLTW01-55Roman",Arial;
}
.card-i:hover  { 
	color:orange;
	display:block;
}



/*============================================================ 
	Responsive Styles
 ============================================================*/

/*============================================================
	For Small Desktop
==============================================================*/

@media (min-width: 980px) and (max-width: 1280px) {
	article#sekil-iletisim{
	width:100%;
	background-image: url('../img/iletisim.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
	height:400px; 
	margin-top:0px;
}
	
	
	div.kesfet-img {
	width:100%;
	background:#1f5c79;
	margin-top:180px;
	
	
}
div.kesfet-img img {
	width:100%;
	background:#1f5c79;
	
	
}
section#iletisim {	
	margin:0px;
	padding:0px; 
	padding-top:170px;
	background:lightgrey;
	width:100%; 
	display:inline-block;
}
div.iletisim { 
	margin:25px;
	padding:20px;
	box-sizing: border-box;
	width:95%;
	color:white;
	background:#1f5c79;
	border-radius:7px;
}
div.iletisim-card {
	margin:25px;
	padding:20px;	
	box-sizing: border-box;
	width:95%;
	color:white;
	background:#1f5c79;
}
/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */  
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
 
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background:#1f5c79;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #45a049;
}

/* Add a background color and some padding around the form */
.iletisim-card {
		border-radius:7px;
}

.container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;

}

.card-img {
	width:100%;
	margin:auto; 
	display:block;
	
}
.card-img figure {
	width:100%;
}
.card-img figure img {
	width:100%;
}
.card-phone {
	background:#1f5c79;
	color:white;
	width:98%;
	padding-top:25px;
	padding-bottom:25px;
	margin:auto; 
	margin-top:-5px;
	display:block;
	padding-left:2%;
	font:normal 16px "FrutigerLTW01-55Roman",Arial;
}
 .card-phone img {
	width:40%;
	margin-left:150px;
 } 
.card-i   { 
	color:white;
	display:block;
}
.card-i span {
	font:normal 16px "FrutigerLTW01-55Roman",Arial;
}
.card-i:hover  { 
	color:orange;
	display:block;
}

div.franchise-h3 h3{ 
	background:rgba(0,145,255,0.9);
	color:#fff;
    position:relative;
	margin-top:20px;
	margin-right:20px;
	margin-left:55px;
	margin-bottom:20px;
	display:inline-block;
	list-style:none;
	font:bold 30px Fontasi;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	padding-top:20px;
	border-radius:15px;
	transform:rotateZ(8deg);
	transition: all 0ms;
  }	
		
}

/*============================================================
	Tablet (Portrait) Design for a width of 768px
==============================================================*/

@media (min-width: 768px) and (max-width: 979px) {
article#sekil-iletisim{
	width:100%;
	background-image: url('../img/iletisim.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
	height:380px; 
	margin-top:0px;
}
	div.kesfet-img {
	width:100%;
	background:#1f5c79;
	margin-top:180px;
	
	
}
div.kesfet-img img {
	width:100%;
	background:#1f5c79;
	
	
}
section#iletisim {	
	margin:0px;
	padding:0px; 
	padding-top:170px;
	background:white;
	width:100%; 
	display:inline-block;
}
div.iletisim { 
	margin:1%;
	padding:1%;
	box-sizing: border-box;
	width:98%;
	color:white;
	background:#1f5c79;
	border-radius:7px;
}
div.iletisim-card {
	margin:1%;
	padding:1%;	
	box-sizing: border-box;
	width:98%;
	color:white;
	background:#1f5c79;
}
/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */  
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
 
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background:#1f5c79;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #45a049;
}

/* Add a background color and some padding around the form */
.iletisim-card {
		border-radius:7px;
}

.container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;

}

.card-img {
	width:100%;
	margin:auto; 
	display:block;
	
}
.card-img figure {
	width:100%;
}
.card-img figure img {
	width:100%;
}
.card-phone {
	background:#1f5c79;
	color:white;
	width:98%;
	padding-top:25px;
	padding-bottom:25px;
	margin:auto; 
	margin-top:-5px;
	display:block;
	padding-left:2%;
	font:normal 16px "FrutigerLTW01-55Roman",Arial;
}
  .card-phone img {
	width:40%;
	margin-left:150px;
 }
.card-i   { 
	color:white;
	display:block;
}
.card-i span {
	font:normal 16px "FrutigerLTW01-55Roman",Arial;
}
.card-i:hover  { 
	color:orange;
	display:block;
}

div.franchise-h3 h3{ 
	background:rgba(0,145,255,0.9);
	color:#fff;
    position:relative;
	margin-top:20px;
	margin-right:20px;
	margin-left:55px;
	margin-bottom:20px;
	display:inline-block;
	list-style:none;
	font:bold 24px Fontasi;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	padding-top:20px;
	border-radius:15px;
	transform:rotateZ(8deg);
	transition: all 0ms;
  }	
	
	}

/*============================================================
	Mobile (Portrait) Design for a width of 320px
==============================================================*/

@media only screen and (max-width: 767px) {

article#sekil-iletisim{
	width:100%;
	background-image: url('../img/iletisim.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
	height:350px; 
	margin-top:0px;
}
div.kesfet-img {
	width:100%;
	background:#1f5c79;
	margin-top:220px;
	
	
}
div.kesfet-img img {
	width:100%;
	background:#1f5c79;
	
	
}
	section#iletisim {	
	margin:0px;
	padding:0px; 
	padding-top:0px;
	background:white;
	width:100%; 
	display:inline-block;
}
div.iletisim { 
	margin:1%;
	padding:1%;
	box-sizing: border-box;
	width:98%;
	color:white;
	background:#1f5c79;
	border-radius:7px;
}
div.iletisim-card {
	margin:1%;
	padding:1%;	
	box-sizing: border-box;
	width:98%;
	color:white;
	background:#1f5c79;
}
/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */  
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
 
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background:#1f5c79;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #45a049;
}

/* Add a background color and some padding around the form */
.iletisim-card {
		border-radius:7px;
}

.container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;

}

.card-img {
	width:100%;
	margin:auto; 
	display:block;
	
}
.card-img figure {
	width:100%;
}
.card-img figure img {
	width:100%;
}
.card-phone {
	background:#1f5c79;
	color:white;
	width:98%;
	padding-top:25px;
	padding-bottom:25px;
	margin:auto; 
	margin-top:-5px;
	display:block;
	padding-left:2%;
	font:normal 16px "FrutigerLTW01-55Roman",Arial;
}
  .card-phone img {
	width:40%;
	margin-left:100px;
 }
.card-i   { 
	color:white;
	display:block;
}
.card-i span {
	font:normal 16px "FrutigerLTW01-55Roman",Arial;
}
.card-i:hover  { 
	color:orange;
	display:block;
}
div.franchise-h3 h3{ 
	background:rgba(0,145,255,0.9);
	color:#fff;
    position:relative;
	margin-top:20px;
	margin-right:20px;
	margin-left:55px;
	margin-bottom:20px;
	display:inline-block;
	list-style:none;
	font:bold 18px Fontasi;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	padding-top:20px;
	border-radius:15px;
	transform:rotateZ(8deg);
	transition: all 0ms;
  }
	
	
	}

 

/*============================================================
	Mobile (Landscape) Design for a width of 480px
==============================================================*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
article#sekil-iletisim{
	width:100%;
	background-image: url('../img/iletisim.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
	height:350px; 
	margin-top:0px;
}
 div.kesfet-img {
	width:100%;
	background:#1f5c79;
	margin-top:220px;
	
	
}
div.kesfet-img img {
	width:100%;
	background:#1f5c79;
	
	
}
 section#iletisim {	
	margin:0px;
	padding:0px; 
	padding-top:50px;
	background:white;
	width:100%; 
	display:inline-block;
}
div.iletisim { 
	margin:1%;
	padding:1%;
	box-sizing: border-box;
	width:98%;
	color:white;
	background:#1f5c79;
	border-radius:7px;
}
div.iletisim-card {
	margin:1%;
	padding:1%;	
	box-sizing: border-box;
	width:98%;
	color:white;
	background:#1f5c79;
}
/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */  
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
 
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background:#1f5c79;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #45a049;
}

/* Add a background color and some padding around the form */
.iletisim-card {
		border-radius:7px;
}

.container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;

}

.card-img {
	width:100%;
	margin:auto; 
	display:block;
	
}
.card-img figure {
	width:100%;
}
.card-img figure img {
	width:100%;
}
.card-phone {
	background:#1f5c79;
	color:white;
	width:98%;
	padding-top:25px;
	padding-bottom:25px;
	margin:auto; 
	margin-top:-5px;
	display:block;
	padding-left:2%;
	font:normal 16px "FrutigerLTW01-55Roman",Arial;
}
 .card-phone img {
	width:40%;
	margin-left:100px;
 }
 
.card-i   { 
	color:white;
	display:block;
}
.card-i span {
	font:normal 16px "FrutigerLTW01-55Roman",Arial;
}
.card-i:hover  { 
	color:orange;
	display:block;
}

div.franchise-h3 h3{ 
	background:rgba(0,145,255,0.9);
	color:#fff;
    position:relative;
	margin-top:20px;
	margin-right:20px;
	margin-left:55px;
	margin-bottom:20px;
	display:inline-block;
	list-style:none;
	font:bold 16px Fontasi;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	padding-top:20px;
	border-radius:15px;
	transform:rotateZ(8deg);
	transition: all 0ms;
  }	

}