*{
 margin: 0;
 padding: 0;
 border: 0;
 }

 body {
      font-family: 'Dosis' ,cursive;
 }


h1{
	font-family: 'Bungee',cursive;
}
h2,p{
	font-family: 'Yanone Kaffeesatz',cursive;
}

a {
	text-decoration: none;
     color: #000000;
}
ul {
	list-style-type: none;
}

@media screen and (min-width: 1366px) {

 /* *** Header Başlangıç *** */
		 header#mainHeader {
		 	 width: 100%;
		 	 height: 750px;
		 	 position: relative;
		 	 background: url(../images/nakliye.jpg);
		 	 background-size: cover;
		 	 background-repeat: no-repeat;
		 	 background-position: center;
		 }
		 header#contentHeader{ 

		 	width: 100%;
		 	height: 400px;
		 	position: relative;
		 }

		div#headerContainer {
		     width: 1346px;
		     height: 750px;
		     position: relative;
		     margin:auto;
		     margin: auto;
		}

		div#contentHeaderContainer {
			  width: 1346px;
		     height: 400px;
		     position: relative;
		     margin:auto;
		     margin: auto;
		}

		div#headerTop {
			width: 1346px;
			height:50px;
			position: relative; 
		}

		ul#ulTopLeft {
		    list-style-type: none;
		    display: inline-block;
		    float: left;
		}

		ul#ulTopLeft li {
		     display: inline-block; 
		     line-height: 50px;
		     border-right: 1px solid #95a5a6;
		     padding: 0 10px; 
		 }

		 ul#ulTopLeft li:first-child {
		 	padding-left: 0;
		 }

		 ul#ulTopLeft li:last-child {
		 	border-right: 0;
		 }

		 ul#ulTopLeft li a {
		 	text-decoration: none;
		 	color: #95a5a6;

		 }
		 ul#ulTopLeft li a:hover {
		 	  color: black;
		 }

		 div#topRight{
		 	height: 50px;
		 	position: relative;
		 	float: right;
		 }

		 div.topContactLogo{
		 	width: 30px;
		 	height:	30px;
		 	margin-top: 10px;
		 	float: left;
		    margin-left: 20px;
		}

		div.topContactText {
			height: 50px;
			line-height: 50px;
			float: left; 
			margin-left: 20px;
			color: #000000;
		}

		/* *** Nav Başlangıcı *** */

		   div#navMobileButton{
        	display: none;
        }

       ul#ulNavMobile {
       	display: none

       }
		nav {
			width: 100%;
			height: 80px;
			position: absolute;
			background: rgba(0,0,0,0.5);
			top: 50px;
		}

		div#navContainer {
			width: 1346px;
			height: 80px;
			position: relative;
			margin:auto;
		}

		div#navLogo {
			font-family: 'Bungee', cursive;
			color: #ffffff;
			font-size: 30px;
			line-height: 80px;
			display: inline;

		}

		ul#ulNavRight {
			list-style-type: none;
			display: inline-block;
			float: right;

		}
		ul#ulNavRight li {
			display: inline-block;
			line-height: 80px;
			margin-left: 10px;
		}

		ul#ulNavRight li a{
			color: #ffffff;
			text-decoration: none;
		}
		ul#ulNavRight li a:hover {
			color: #95a5a6;

		}

		div#headerText {
			margin-top: 259px;
			color: black;
		}

		div#headerText h1{
			line-height: 80px;
			font-size: 40px;
			text-shadow: 5px 5px 10px #ffffff
		}

		div#headerText h2{
			line-height: 60px;
			font-size: 40px;
		    text-shadow: 5px 5px 10px #ffffff;
		}

		div#headerText p{
			line-height: 30px;
			font-size: 20px; 
		    display: inline-block;
		    text-shadow: 1px 1px 1px #ffffff;
		    padding-right: 20px;
		    transition: all .2s ease-in-out;
		    text-shadow: 1px 1px 1px #000000;
		}
		div#headerButtons {
			margin-top: 20px;
		}
		div#headerButtons a{
			line-height: 60px;
			border: 1px solid #ffffff;
			display: inline-block;
			color: #ffffff;
			padding: 0 20px;
			text-shadow: 1px 1px 1px #000000;

		}

		div#headerButtons a{
			margin-left: 20px;
			background: grey;
		}
		div#headerButtons a:hover{
			background: transparent;
		}

		/* *** Section Başlangıcı *** */

		/* *** Birinci Section *** */

		section.limitedSec{
			width: 1346px;
			position: relative;
			margin: auto;
			background: white;
			margin-top: 50px;
		}
		section.limitedSec h1, section.limitedSec h2 {
			text-align: center;
		}

		section.limitedSec img {
			width: 663px;
			margin-top: 50px;
			border: 1px solid #000000;
			padding: 10px;
			box-sizing: border-box;
			float: left;
		}

		section.limitedSec article {
			width: 663px;
			float: right;
			margin-top: 50px;
		}

		section.limitedSec article p {
			margin-top: 30alipx;
			text-align: justify;

		}
		/* *** İkinci Section *** */
		section.unlimitedSec {
			width: 100%;
			position: relative;
			background: #424242;
			margin-top: 50px;

		}

		section.unlimitedSec div#menuContainer {
			width: 1346px;
			height: 700px;
			position: relative;
			margin: auto;
			display: flex;
			flex-direction: row;
			justify-content: center;
			flex-wrap: wrap;
			align-content: center;
		}
		section.unlimitedSec div#menuContainer img{
			width: 330px;
			height: 330px;
		    opacity: 0.5;
		    transition: all .2s  ease-in-out;
		}
		section.unlimitedSec div#menuContainer img:hover{
			opacity: 1;
			transform: scale(1.05);
		}
		section.unlimitedSec div#menuContainer div#menuLinkContainer{
			width: 900px;
			height: 300px;
			position: absolute;
			border:1px solid #ffffff;
		    margin-top: 170px;
		    text-align: center;
		}
		section.unlimitedSec div#menuContainer div#menuLinkContainer h1{
			color: #ffffff;
			letter-spacing: 3px;
			
			line-height:60px;
		    margin-top: 90px;
		}
		section.unlimitedSec div#menuContainer div#menuLinkContainer  a {
		    width: 240px;
		    height: 60px;
		    border: 1px solid #ffffff;
		    display: inline-block;
		    color: #ffffff;
		    line-height: 60px;
		    font-size: 20px;
		    transition: all .2s ease-in-out;
		}
		section.unlimitedSec div#menuContainer div#menuLinkContainer  a:hover { 
			background: #e74c3c; 
		} 
		/* *** Üçüncü Section *** */
		section.limitedSec div#teamContainer {
			width: 1200px;
			height: 500px;
			position: relative;
			margin: auto;
			height: 600px;
			
		}
		section.limitedSec div#teamContainer div.teamTile {
			width: 350px;
			position: relative;
			float: left;
			margin-left: 37.5px;
			overflow: hidden;
		}
		section.limitedSec div#teamContainer div.teamTile img {
			width: 350px;
			height: 525px;
		}
		section.limitedSec div#teamContainer div.teamTile div.teamHover{
			width: 350px;
			height: 525px;
			background: grey;
			position: absolute;
			top: 50px;
			left: -350px;
			transition: all .5s ease;
			opacity: 0.7;
		}
		section.limitedSec div#teamContainer div.teamTile:hover div.teamHover{
		  left: 0;
		}
		section.limitedSec div#teamContainer div.teamTile div.teamHover div.teamText {
			background: #000000;
			color:#ffffff;
			line-height: 60px;
			margin-top:202.5px;
			text-shadow: 1px 1px 1px #000000
		}
		/* *** Dördüncü Section *** */
		section.unlimitedSec div.unlimitedSecContainer {
			width: 1346px;
			height: 650px;
			position: relative;
			margin: auto;
		}
		section.unlimitedSec div.unlimitedSecContainer div.unlimitedSecLeft {
			width: 673px;
			height: 650px;
			position: relative;
			background: rgba(0,0,0,0.5);
			float: left;
			color:#ffffff;
			text-align: center;
			text-shadow: 1px 1px 1px #000000;
		}
		section.unlimitedSec div.unlimitedSecContainer div.unlimitedSecLeft h1 {
			font-size: 40px;
			line-height: 80px;
			margin-top: 134px;
		}
		section.unlimitedSec div.unlimitedSecContainer div.unlimitedSecLeft h2 {
			font-size: 30px;
			line-height: 60px;
		}
		section.unlimitedSec div.unlimitedSecContainer div.unlimitedSecLeft p {
			width: 500px;
			font-size: 20px;
			line-height: 32px;
			margin: auto;
			margin-top: 20px;
		}

		section.contentContainer {
			width: 1346px;
			position: relative;
			margin: 50px auto;
			text-align: center;
		}

		section.contentContainer p {
			margin: 20px 0;
			line-height: 25px;

		}

		/* *** İletişim Başlangıç *** */
		section.contentContainer div.contactParts {
			width: 640px;
			position: relative;
			float: left;
			margin-left: 22px;
		}
		section.contentContainer div.contactParts h2,p,{
			text-align: left;
			margin-bottom: 20px;
		}
		section.contentContainer div.contactParts input.input{
			width: 310px;
			height: 40px;
			position: relative;
			border: 1px solid #95a5a6;
			box-sizing: border-box;
			margin-top: 20px;
			text-align: center;
			border-radius: 10px;

		}
		section.contentContainer div.contactParts input.inputLeft{
			float: left;
		}
		section.contentContainer div.contactParts input.inputRight{
			float: right;
		}
		section.contentContainer div.contactParts textarea {
			width: 640px;
			height: 320px;
			position: relative;
			border: 1px solid #95a5a6;
			box-sizing: border-box;
			margin-top: 20px;
			padding: 10px;
			resize: none;
			border-radius: 10px;

		}



		section.contentContainer div.contactParts input.submit {
			width: 310px;
			height: 40px;
			position: relative;
			border: 1px solid #95a5a6;
			box-sizing: border-box;
			margin-top: 20px;
			background: transparent;
			margin-left: 35px;
		    transition: all .2s ease;
		    border-radius: 10px;

		}

		section.contentContainer div.contactParts input.submit:hover {
			cursor: pointer;
			background: #e74c3c;
			color: #ffffff;
			border: 1px solid #e74c3c;
		}

		section.unlimitedsec iframe {
			width: 100%;
			height: 450px;
			position: relative;
		}



		/* *** Galeri Başlangıç *** */
	.galeriresim{width: 23%; height: 200px; border-radius: 10px; box-shadow: 3px 7px 13px rgba(3, 7, 13, 0.21);
	margin: 5px; object-fit: cover; opacity: 0.7; transition: opacity 0.7s;}
	.galeriresim:hover{opacity: 1; border: 5px solid white;}
	.link{text-decoration: none;}



		/* ***Footer Başlangıç *** */
		footer {
			width: 100%;
			height: 500px;
			position: relative;
			background: #424242;
		}

		footer div#footerContainer {
			width: 1200px;
			position: relative;
			margin: auto;
			padding: 100px 0;
		}

		footer div#footerContainer div.footerBox {
			width: 400px;
			position: relative;
			float: left;
			text-align: center;
			color: #ffffff;
		}
		footer div#footerContainer div.footerBox h1 {
			font-family: 'Dosis' , cursive;
			font-size: 40px;
		    margin-top: 35px;
		}

		footer div#footerContainer div.footerBox h2 {
			font-size: 30px;
			line-height: 60px;
			border-bottom: 2px solid #ffffff;
			width: 350px;
			margin: center;
			margin-top: 80px;
		}

		footer div#footerContainer div.footerBox p {
		    text-align: center;
		    line-height: 30px;
		    width: 350px;
		    margin: auto;
		} 
		footer div#footerContainer div.footerBox input {
			width: 350px;
			height: 40px;
			margin-top: 20px;
		}
		footer div#copyright {
			width: 100%;
			background: #000000;
			color: #ffffff;
			font-size: 14px;
			padding: 10px 0;
			text-align: center;
		}
}


@media screen and ( min-width: 960px) and (max-width: 1365px) {

 /* *** Header Başlangıç *** */

		 header#mainHeader {
		 	 width: 100%;
		 	 height: 750px;
		 	 position: relative;
		 	 background: url(../images/nakliye.jpg);
		 	 background-size: cover;
		 	 background-repeat: no-repeat;
		 	 background-position: center;
		 }
		 header#contentHeader{

		 	width: 100%;
		 	height: 400px;
		 	position: relative;
		 }

		div#headerContainer {
		     width: 940px;
		     height: 750px;
		     position: relative;
		     margin: auto;
		     margin: auto;
		}

		div#contentHeaderContainer {
			  width: 940px;
		     height: 400px;
		     position: relative;
		     margin:auto;
		     margin: auto;
		}

		div#headerTop {
			width: 940px;
			height:50px;
			position: relative; 
		}

		ul#ulTopLeft {
		    list-style-type: none;
		    display: inline-block;
		    
		}

		ul#ulTopLeft li {
		     display: inline-block; 
		     line-height: 50px;
		     border-right: 1px solid #95a5a6;
		     padding: 0 10px; 
		 }

		 ul#ulTopLeft li:first-child {
		 	padding-left: 0;
		 }

		 ul#ulTopLeft li:last-child {
		 	border-right: 0;
		 }

		 ul#ulTopLeft li a {
		 	text-decoration: none;
		 	color: #95a5a6;

		 }
		 ul#ulTopLeft li a:hover {
		 	  color: black;
		 }

		 div#topRight{
		 	height: 50px;
		 	position: relative;
		 	float: right;
		 }

		 div.topContactLogo{
		 	width: 30px;
		 	height:	30px;
		 	margin-top: 10px;
		 	float: left;
		    margin-left: 20px;
		}

		div.topContactText {
			height: 50px;
			line-height: 50px;
			float: left; 
			margin-left: 20px;
			color: #000000;
		}

		/* *** Nav Başlangıcı *** */

		   div#navMobileButton{
        	display: none;
        }

       ul#ulNavMobile {
       	display: none;

       }
		nav {
			width: 100%;
			height: 80px;
			position: absolute;
			background: rgba(0,0,0,0.5);
			top: 50px;
		}

		div#navContainer {
			width: 940px;
			height: 80px;
			position: relative;
			margin:auto;
		}

		div#navLogo {
			font-family: 'Bungee', cursive;
			color: #ffffff;
			font-size: 30px;
			line-height: 80px;
			display: inline;

		}

		ul#ulNavRight {
			list-style-type: none;
			display: inline-block;
			float: right;

		}
		ul#ulNavRight li {
			display: inline-block;
			line-height: 80px;
			margin-left: 20px;
		}

		ul#ulNavRight li a{
			color: #000000;
			text-decoration: none;
		}
		ul#ulNavRight li a:hover {
			color: #95a5a6;

		}

		div#headerText {
			margin-top: 180px;
			color: black;
		}

		div#headerText h1{
			line-height: 80px;
			font-size: 40px;
			text-shadow: 5px 5px 10px #ffffff
		}

		div#headerText h2{
			line-height: 60px;
			font-size: 40px;
		    text-shadow: 5px 5px 10px #ffffff;
		}

		div#headerText p{
			line-height: 40px;
			font-size: 20px; 
		    display: inline-block;
		    text-shadow: 1px 1px 1px #ffffff;
		    padding-right: 20px;
		    transition: all .2s ease-in-out;
		    text-shadow: 1px 1px 1px #000000;
		}
		div#headerButtons {
			margin-top: 20px;
		}
		div#headerButtons a{
			line-height: 60px;
			border: 1px solid #ffffff;
			display: inline-block;
			color: #ffffff;
			padding: 0 20px;
			text-shadow: 1px 1px 1px #000000;

		}

		div#headerButtons a{
			margin-left: 20px;
			background: grey;
		}
		div#headerButtons a:hover{
			background: transparent;
		}

		/* *** Section Başlangıcı *** */

		/* *** Birinci Section *** */

		section.limitedSec{
			width: 940px;
			position: relative;
			margin: auto;
			background: white;
			margin-top: 50px;
			text-align: center;
		}
		section.limitedSec h1, section.limitedSec h2 {
			text-align: center;
		}

		section.limitedSec img {
			width: 663px;
			margin-top: 50px;
			border: 1px solid #000000;
			padding: 10px;
			box-sizing: border-box;
			
		}

		section.limitedSec article {
			width: 663px;
			margin: auto;
			margin-top: 50px;
		}

		section.limitedSec article p {
			margin-top: 30alipx;
			text-align: justify;

		}
		/* *** İkinci Section *** */
		section.unlimitedSec {
			width: 100%;
			position: relative;
			background: #424242;
			margin-top: 50px;

		}

		section.unlimitedSec div#menuContainer {
			width: 940px;
			height: 640px;
			position: relative;
			margin: auto;
			display: flex;
			flex-direction: row;
			justify-content: center;
			flex-wrap: wrap;
			align-content: center;
		}
		section.unlimitedSec div#menuContainer img{
			width: 235px;
			height: 235px;
		    opacity: 0.5;
		    transition: all .2s  ease-in-out;
		}
		section.unlimitedSec div#menuContainer img:hover{
			opacity: 1;
			transform: scale(1.05);
		}
		section.unlimitedSec div#menuContainer div#menuLinkContainer{
			width: 705px;
			height: 300px;
			position: absolute;
			border:1px solid #ffffff;
		    margin-top: 170px;
		    text-align: center;
		}
		section.unlimitedSec div#menuContainer div#menuLinkContainer h1{
			color: #ffffff;
			line-height:60px;
		    margin-top: 100px;
		}
		section.unlimitedSec div#menuContainer div#menuLinkContainer  a {
		    width: 240px;
		    height: 50px;
		    border: 1px solid #ffffff;
		    display: inline-block;
		    color: #ffffff;
		    line-height: 50px;
		    font-size: 20px;
		    transition: all .2s ease-in-out;
		}
		section.unlimitedSec div#menuContainer div#menuLinkContainer  a:hover { 
			background: #e74c3c; 
		} 
		/* *** Üçüncü Section *** */
		section.limitedSec div#teamContainer {
			width: 940px;
			position: relative;
			margin: auto;
			
		}
		section.limitedSec div#teamContainer div.teamTile {
			width: 300px;
			position: relative;
			float: left;
			margin-left: 10px;
			overflow: hidden;
		}
		section.limitedSec div#teamContainer div.teamTile img {
			width: 300px;
			height: 450px;
		}
		section.limitedSec div#teamContainer div.teamTile div.teamHover{
			width: 300px;
			height: 450px;
			background: grey;
			position: absolute;
			top: 50px;
			left: -300px;
			transition: all .5s ease;
			opacity: 0.7;
		}
		section.limitedSec div#teamContainer div.teamTile:hover div.teamHover{
		  left: 0;
		}

		section.limitedSec div#teamContainer div.teamTile div.teamHover div.teamText {
			background: #000000;
			color:#ffffff;
			line-height: 50px;
			margin-top:175px;
			text-shadow: 1px 1px 1px #000000;
		}
		/* *** Dördüncü Section *** */
		section.unlimitedSec div.unlimitedSecContainer {
			width: 940px;
			height: 500px;
			position: relative;
			margin: auto;
		}
		section.unlimitedSec div.unlimitedSecContainer div.unlimitedSecLeft {
			width: 470px;
			height: 500px;
			position: relative;
			background: rgba(0,0,0,0.5);
			float: left;
			color:#ffffff;
			text-align: center;
			text-shadow: 1px 1px 1px #000000;
		}
		section.unlimitedSec div.unlimitedSecContainer div.unlimitedSecLeft h1 {
			font-size: 35px;
			line-height: 80px;
			margin-top: 75px;
		}
		section.unlimitedSec div.unlimitedSecContainer div.unlimitedSecLeft h2 {
			font-size: 25px;
			line-height: 60px;
		}
		section.unlimitedSec div.unlimitedSecContainer div.unlimitedSecLeft p {
			width: 450px;
			font-size: 18px;
			line-height: 28px;
			margin: auto;
			margin-top: 20px;
		}
		section.contentContainer {
			width: 940px;
			position: relative;
			margin: 50px auto;
		}

		/* *** Hakkımızda Başlangıç *** */

		section.contentContainer h1, section.contentContainer h2{
			text-align: center;
		}


		section.contentContainer p {
			margin: 20px 0;
			line-height: 25px;
	         text-align: justify;
		}


		/* *** İletişim Başlangıç *** */
		section.contentContainer div.contactParts {
			width: 640px;
			position: relative;
	        margin: auto;
		}
		section.contentContainer div.contactParts h2,p,{
			text-align: left;
			margin-bottom: 20px;
		}
		section.contentContainer div.contactParts input.input{
			width: 310px;
			height: 40px;
			position: relative;
			border: 1px solid #95a5a6;
			box-sizing: border-box;
			margin-top: 20px;
			text-align: center;
			border-radius: 10px;

		}
		section.contentContainer div.contactParts input.inputLeft{
			float: left;
		}
		section.contentContainer div.contactParts input.inputRight{
			float: right;
		}
		section.contentContainer div.contactParts textarea {
			width: 640px;
			height: 320px;
			position: relative;
			border: 1px solid #95a5a6;
			box-sizing: border-box;
			margin-top: 20px;
			padding: 10px;
			resize: none;
			border-radius: 10px;

		}



		section.contentContainer div.contactParts input.submit {
			width: 310px;
			height: 40px;
			position: relative;
			border: 1px solid #95a5a6;
			box-sizing: border-box;
			margin-top: 20px;
			background: transparent;
			margin-left: 35px;
		    transition: all .2s ease;
		    border-radius: 10px;

		}

		section.contentContainer div.contactParts input.submit:hover {
			cursor: pointer;
			background: #e74c3c;
			color: #ffffff;
			border: 1px solid #e74c3c;
		}

		section.unlimitedSec iframe {
			width: 100%;
			height: 350px;
			position: relative;
		}
		/* *** Galeri Başlangıç *** */
	.galeriresim{width: 23%; height: 200px; border-radius: 10px; box-shadow: 3px 7px 13px rgba(3, 7, 13, 0.21);
	margin: 5px; object-fit: cover; opacity: 0.7; transition: opacity 0.7s;}
	.galeriresim:hover{opacity: 1; border: 5px solid white;}
	.link{text-decoration: none;}

		/* ***Footer Başlangıç *** */
		footer {

			width: 100%;
			height: 500px;
			position: relative;
			background: #424242;
		}

		footer div#footerContainer {
			width: 940px;
			position: relative;
			margin: auto;
			padding: 100px 0;
		}

		footer div#footerContainer div.footerBox {
			width: 313.3px;
			position: relative;
			float: left;
			text-align: center;
			color: #ffffff;
		}
		footer div#footerContainer div.footerBox h1 {
			font-family: 'Dosis' , cursive;
			font-size: 40px;
		    margin-top: 35px;
		}

		footer div#footerContainer div.footerBox h2 {
			font-size: 30px;
			line-height: 60px;
			border-bottom: 2px solid #ffffff;
			width: 300px;
			margin: center;
			margin-top: 80px;
		}

		footer div#footerContainer div.footerBox p {
		    text-align: center;
		    line-height: 30px;
		    width: 300px;
		    margin: auto;
		} 
		footer div#footerContainer div.footerBox input {
			width: 300px;
			height: 40px;
			margin-top: 20px;
		}
		footer div#copyright {
			width: 100%;
			background: #000000;
			color: #ffffff;
			font-size: 14px;
			padding: 10px 0;
			text-align: center;
		}
}


@media screen and (min-width: 720px) and (max-width: 959px) {



	/* *** Header Başlangıç *** */

		 header#mainHeader {
		 	 width: 100%;
		 	 height: 450px;
		 	 position: relative;
		 	 background: url(../images/nakliye.jpg);
		 	 background-size: cover;
		 	 background-repeat: no-repeat;
		 	 background-position: center;
		 }
		 header#contentHeader{

		 	width: 100%;
		 	height: 300px;
		 	position: relative;
		 }

		div#headerContainer {
		     width: 700px;
		     height: 500px;
		     position: relative;
		     margin: auto;
		}

		div#contentHeaderContainer {
			  width: 700px;
		     height: 300px;
		     position: relative;
		     margin:auto;
		}

		div#headerTop {
			width: 700px;
			height: 40px;
			position: relative; 
		}

		ul#ulTopLeft {
		    list-style-type: none;
		    display: inline-block;
		    
		}

		ul#ulTopLeft li {
		     display: inline-block; 
		     line-height: 40px;
		     border-right: 1px solid #95a5a6;
		     padding: 0 10px; 
		 }

		 ul#ulTopLeft li:first-child {
		 	padding-left: 0;
		 }

		 ul#ulTopLeft li:last-child {
		 	border-right: 0;
		 }

		 ul#ulTopLeft li a {
		 	text-decoration: none;
		 	color: #95a5a6;

		 }
		 ul#ulTopLeft li a:hover {
		 	  color: black;
		 }

		 div#topRight{
		 	height: 40px;
		 	position: relative;
		 	float: right;
		 }

		 div.topContactLogo{
		 	width: 30px;
		 	height:	30px;
		    margin-top: 5px;
		 	float: left;
		    margin-left: 20px;
		}

		div.topContactText {
			height:40px;
			line-height: 40px;
			float: left; 
			margin-left: 20px;
			color: #000000;
		}

		/* *** Nav Başlangıcı *** */
		nav {
			width: 100%;
			height: 60px;
			position: absolute;
			background: rgba(0,0,0,0.5);
			top: 40px;

		}

		div#navContainer {
			width: 700px;
			height: 60px;
			position: relative;
			margin:auto;
		}

		div#navLogo {
			font-family: 'Bungee', cursive;
			color: #ffffff;
			font-size: 30px;
			line-height: 60px;
			display: inline;

		}

		ul#ulNavRight {
			list-style-type: none;
			display: inline-block;
			float: right;
			display: none;

		}

		/* Desktop Nav
		ul#ulNavRight li {
			display: inline-block;
			line-height: 80px;
			margin-left: 20px;
		}

		ul#ulNavRight li a{
			color: #000000;
			text-decoration: none;
		}
		ul#ulNavRight li a:hover {
			color: #95a5a6;

		}
		*/
         /*  *** Nav Mobile *** */

        div#navMobileButton{
        	position:relative;
        	padding: 0;
        	float: right;
        	background: url(../images/ola.png);
        	margin-top: 10px;
        	width: 40px;
        	height: 40px;

        }

       ul#ulNavMobile {
       	width: 700px;
       	position: absolute;
       	top: 60px;
       	background: #e74c3c;
       	

       }
       ul#ulNavMobile li {
       	text-align: center;
       	border-bottom: 1px solid #ffffff;

       }
       ul#ulNavMobile li:last-child {
       	border: 0;
       } 

       ul#ulNavMobile li a  {
       	width: 700px;
       	line-height: 45px;
       	color: #ffffff;
       	display: block;
       }
       ul#ulNavMobile li a:hover {
       	background: #ffffff;
       	color: #e74c3c;
       }
		div#headerText {
			margin-top: 100px;
			color: black;
		}

		div#headerText h1{
			line-height: 80px;
			font-size: 30px;
			text-shadow: 5px 5px 10px #ffffff;
		}

		div#headerText h2{
			line-height: 60px;
			font-size: 30px;
		    text-shadow: 5px 5px 10px #ffffff;
		}

		div#headerText p{
			line-height: 40px;
			font-size: 18px; 
		    display: inline-block;
		    text-shadow: 1px 1px 1px #ffffff;
		    padding-right: 20px;
		    transition: all .2s ease-in-out;
		    text-shadow: 1px 1px 1px #000000;
		}
		div#headerButtons {
			margin-top: 20px;
		}
		div#headerButtons a{
			line-height: 50px;
			border: 1px solid #ffffff;
			display: inline-block;
			color: #ffffff;
			padding: 0 20px;
			text-shadow: 1px 1px 1px #000000;
			

		}

		div#headerButtons a{
			margin-left: 20px;
			background: grey;
		}
		div#headerButtons a:hover{
			background: transparent;
		}

		/* *** Section Başlangıcı *** */

		/* *** Birinci Section *** */

		section.limitedSec{
			width: 700px;
			position: relative;
			margin: auto;
			background: white;
			margin-top: 50px;
			text-align: center;
		}
		section.limitedSec h1, section.limitedSec h2 {
			text-align: center;
		}

		section.limitedSec img {
			width: 663px;
			margin-top: 50px;
			border: 1px solid #000000;
			padding: 10px;
			box-sizing: border-box;
			
		}

		section.limitedSec article {
			width: 663px;
			margin: auto;
			margin-top: 50px;
		}

		section.limitedSec article p {
			margin-top: 30px;
			text-align: justify;

		}
		/* *** İkinci Section *** */
		section.unlimitedSec {
			width: 100%;
			position: relative;
			background: #424242;
			margin-top: 50px;

		}

		section.unlimitedSec div#menuContainer {
			width: 700px;
			height: 500px;
			position: relative;
			margin: auto;
			display: flex;
			flex-direction: row;
			justify-content: center;
			flex-wrap: wrap;
			align-content: center;
		}
		section.unlimitedSec div#menuContainer img{
			width: 175px;
			height: 175px;
		    opacity: 0.5;
		    transition: all .2s  ease-in-out;
		}
		section.unlimitedSec div#menuContainer img:hover{
			opacity: 1;
			transform: scale(1.05);
		}
		section.unlimitedSec div#menuContainer div#menuLinkContainer{
			width: 680px;
			position: absolute;
		    text-align: center;
		    padding: 198px 0px;
		}
		section.unlimitedSec div#menuContainer div#menuLinkContainer h1{
			color: #ffffff;
			line-height: 60px;
		}
		section.unlimitedSec div#menuContainer div#menuLinkContainer  a {
		    width: 220px;
		    height: 40px;
		    border: 1px solid #ffffff;
		    display: inline-block;
		    color: #ffffff;
		    line-height: 40px;
		    transition: all .2s ease-in-out;
		   
		}
		section.unlimitedSec div#menuContainer div#menuLinkContainer  a:hover { 
			background: #e74c3c; 
		} 
		/* *** Üçüncü Section *** */
		section.limitedSec div#teamContainer {
			width: 700px;
			position: relative;
			margin: auto;
			
		}
		section.limitedSec div#teamContainer div.teamTile {
			width: 220px;
			position: relative;
			float: left;
			margin-left: 10px;
			overflow: hidden;
		}
		section.limitedSec div#teamContainer div.teamTile img {
			width: 220px;
			height: 320px;
		}
		section.limitedSec div#teamContainer div.teamTile div.teamHover{
			width: 220px;
			height: 320px;
			background: grey;
			position: absolute;
			top: 50px;
			left: -220px;
			transition: all .5s ease;
			opacity: 0.7;
			background-size: cover;
			background-position: center;
		}
		section.limitedSec div#teamContainer div.teamTile:hover div.teamHover{
		  left: 0;
		}

		section.limitedSec div#teamContainer div.teamTile div.teamHover div.teamText {
			background: #000000;
			color:#ffffff;
			line-height: 50px;
			margin-top:110px;
			text-shadow: 1px 1px 1px #000000;
		}
		/* *** Dördüncü Section *** */
		section.unlimitedSec div.unlimitedSecContainer {
			width: 700px;
			position: relative;
			margin: auto;
		}
		section.unlimitedSec div.unlimitedSecContainer div.unlimitedSecLeft {
			width: 700px;
			position: relative;
			background: rgba(0,0,0,0.5);
			float: left;
			color:#ffffff;
			text-align: center;
			text-shadow: 1px 1px 1px #000000;
			padding: 50px 0;
		}
		section.unlimitedSec div.unlimitedSecContainer div.unlimitedSecLeft h1 {
			line-height: 60px;
				}
		section.unlimitedSec div.unlimitedSecContainer div.unlimitedSecLeft h2 {
			line-height: 40px;
		
		}
		section.unlimitedSec div.unlimitedSecContainer div.unlimitedSecLeft p {
			width: 450px;
			font-size: 18px;
			line-height: 28px;
			margin: auto;
			margin-top: 20px;
		}
		section.contentContainer {
			width: 700px;
			position: relative;
			margin: 50px auto;
		}

		/* *** Hakkımızda Başlangıç *** */

		section.contentContainer h1, section.contentContainer h2{
			text-align: center;
		}


		section.contentContainer p {
			margin: 20px 0;
			line-height: 25px;
	         text-align: justify;
		}


		/* *** İletişim Başlangıç *** */
		section.contentContainer div.contactParts {
			width: 640px;
			position: relative;
	        margin: auto;
		}
		section.contentContainer div.contactParts h1{
			margin-top: 50px;
		}
		section.contentContainer div.contactParts h2,p{
			text-align: left;
			margin-bottom: 20px;
		}
		section.contentContainer div.contactParts input.input{
			width: 310px;
			height: 40px;
			position: relative;
			border: 1px solid #95a5a6;
			box-sizing: border-box;
			margin-top: 20px;
			text-align: center;
			border-radius: 10px;

		}
		section.contentContainer div.contactParts input.inputLeft{
			float: left;
		}
		section.contentContainer div.contactParts input.inputRight{
			float: right;
		}
		section.contentContainer div.contactParts textarea {
			width: 640px;
			height: 320px;
			position: relative;
			border: 1px solid #95a5a6;
			box-sizing: border-box;
			margin-top: 20px;
			padding: 10px;
			resize: none;
			border-radius: 10px;

		}



		section.contentContainer div.contactParts input.submit {
			width: 310px;
			height: 40px;
			position: relative;
			border: 1px solid #95a5a6;
			box-sizing: border-box;
			margin-top: 20px;
			background: transparent;
			margin-left: 35px;
		    transition: all .2s ease;
		    border-radius: 10px;

		}

		section.contentContainer div.contactParts input.submit:hover {
			cursor: pointer;
			background: #e74c3c;
			color: #ffffff;
			border: 1px solid #e74c3c;
		}

		section.unlimitedSec iframe {
			width: 100%;
			height: 350px;
			position: relative;
		}
		/* *** Galeri Başlangıç *** */
	.galeriresim{width: 23%; height: 200px; border-radius: 10px; box-shadow: 3px 7px 13px rgba(3, 7, 13, 0.21);
	margin: 5px; object-fit: cover; opacity: 0.7; transition: opacity 0.7s;}
	.galeriresim:hover{opacity: 1; border: 5px solid white;}
	.link{text-decoration: none;}

		/* ***Footer Başlangıç *** */
		footer {

			width: 100%;
			position: relative;
			background: #424242;
		}

		footer div#footerContainer {
			width: 700px;
			position: relative;
			margin: auto;
			padding: 50px 0;
		}

		footer div#footerContainer div.footerBox {
			width: 400px;
			position: relative;
			margin: auto;
			text-align: center;
			color: #ffffff;
			
		}
		footer div#footerContainer div.footerBox h1 {
			font-size: 40px;
		    margin-top: 45px;
		}

		footer div#footerContainer div.footerBox h2 {
			font-size: 30px;
			line-height: 60px;
			border-bottom: 2px solid #ffffff;
			width: 300px;
			margin: center;
			margin: 25px auto 0;
		}

		footer div#footerContainer div.footerBox p {
		    text-align: center;
		    line-height: 30px;
		    width: 300px;
		    margin: auto;
		} 
		footer div#footerContainer div.footerBox input {
			width: 220px;
			height: 35px;
			margin: auto;
		}
		footer div#copyright {
			width: 100%;
			background: #000000;
			color: #ffffff;
			font-size: 14px;
			padding: 10px 0;
			text-align: center;
		
		}
}

@media screen and (min-width: 480px) and (max-width: 719px) {




	/* *** Header Başlangıç *** */

		 header#mainHeader {
		 	 width: 100%;
		 	 height: 400px;
		 	 position: relative;
		 	 background: url(../images/nakliye.jpg);
		 	 background-size: cover;
		 	 background-repeat: no-repeat;
		 	 background-position: center;
		 }
		 header#contentHeader{

		 	width: 100%;
		 	height: 300px;
		 	position: relative;
		 }

		div#headerContainer {
		     width: 460px;
		     height: 400px;
		     position: relative;
		     margin: auto;
		}

		div#contentHeaderContainer {
			  width: 460px;
		     height: 300px;
		     position: relative;
		     margin:auto;
		}

		div#headerTop {
			width: 460px;
			height: 40px;
			position: relative; 
		}

		ul#ulTopLeft {
		    display: none;   
		}

		 div#topRight{
		 	display: none;		 }
		/* *** Nav Başlangıcı *** */
		nav {
			width: 100%;
			height: 60px;
			position: absolute;
			background: rgba(0,0,0,0.5);
			top: 40px;

		}

		div#navContainer {
			width: 460px;
			height: 60px;
			position: relative;
			margin:auto;
		}

		div#navLogo {
			font-family: 'Bungee', cursive;
			color: #ffffff;
			font-size: 30px;
			line-height: 60px;
			display: inline;

		}

		ul#ulNavRight {
			list-style-type: none;
			display: inline-block;
			float: right;
			display: none;

		}

		/* Desktop Nav
		ul#ulNavRight li {
			display: inline-block;
			line-height: 80px;
			margin-left: 20px;
		}

		ul#ulNavRight li a{
			color: #000000;
			text-decoration: none;
		}
		ul#ulNavRight li a:hover {
			color: #95a5a6;

		}
		*/
         /*  *** Nav Mobile *** */

        div#navMobileButton{
        	width: 40px;
        	height: 40px;
        	position: relative;
        	float: right;
        	background: url(../images/ola.png);
        	margin-top: 10px;
        }

       ul#ulNavMobile {
       	width: 460px;
       	position: absolute;
       	top: 60px;
       	background: #e74c3c;
       	display: none;
       	z-index: 1px;
       	

       }
       ul#ulNavMobile li {
       	text-align: center;
       	border-bottom: 1px solid #ffffff;

       }
       ul#ulNavMobile li:last-child {
       	border: 0;
       } 

       ul#ulNavMobile li a  {
       	width: 460px;
       	line-height: 45px;
       	color: #ffffff;
       	display: block;
       }
       ul#ulNavMobile li a:hover {
       	background: #ffffff;
       	color: #e74c3c;
       }
		div#headerText {
			margin-top: 100px;
			color: black;
		}

		div#headerText h1{
			line-height: 50px;
			font-size: 25px;
			text-shadow: 5px 5px 10px #ffffff;
		}

		div#headerText h2{
			line-height: 50px;
			font-size:25px;
		    text-shadow: 5px 5px 10px #ffffff;
		}

		div#headerText p{
			line-height:32px;
		    display: inline-block;
		    text-shadow: 1px 1px 1px #ffffff;
		    padding-right: 20px;
		    transition: all .2s ease-in-out;
		    text-shadow: 1px 1px 1px #000000;
		}
		div#headerButtons {
			margin-top: 20px;
		}
		div#headerButtons a{
			line-height: 40px;
			border: 1px solid #ffffff;
			display: inline-block;
			color: #ffffff;
			padding: 0 20px;
			text-shadow: 1px 1px 1px #000000;
	

		}

		div#headerButtons a{
			margin-left: 20px;
			background: grey;

		}
		div#headerButtons a:hover{
			background: transparent;
		}

		/* *** Section Başlangıcı *** */

		/* *** Birinci Section *** */

		section.limitedSec{
			width: 460px;
			position: relative;
			margin: auto;
			background: white;
			margin-top: 50px;
			text-align: center;
		}
		section.limitedSec h1, section.limitedSec h2 {
			text-align: center;
		}

		section.limitedSec img {
			width: 400px;
			margin-top: 50px;
			border: 1px solid #000000;
			padding: 10px;
			box-sizing: border-box;
			
		}

		section.limitedSec article {
			width: 460px;
			margin: auto;
			margin-top: 50px;
		}

		section.limitedSec article p {
			margin-top: 30px;
			text-align: justify;

		}
		/* *** İkinci Section *** */
		section.unlimitedSec {
			width: 100%;
			position: relative;
			background: #424242;
			margin-top: 50px;

		}

		section.unlimitedSec div#menuContainer {
			width: 460px;
			height: 300px;
			position: relative;
			margin: auto;
			display: flex;
			flex-direction: row;
			justify-content: center;
			flex-wrap: wrap;
			align-content: center;
		}
		section.unlimitedSec div#menuContainer img{
			width: 115px;
			height: 115px;
		    opacity: 0.5;
		    transition: all .2s  ease-in-out;
		}
		section.unlimitedSec div#menuContainer img:hover{
			opacity: 1;
			transform: scale(1.05);
		}
		section.unlimitedSec div#menuContainer div#menuLinkContainer{
			width: 440px;
			position: absolute;
		    text-align: center;
            

		}
		section.unlimitedSec div#menuContainer div#menuLinkContainer h1{
			color: #ffffff;
		    font-size: 18px;
		    line-height: 60px;
		    padding: 114px 0;
		}
		section.unlimitedSec div#menuContainer div#menuLinkContainer  a {
		    width: 160px;
		    height: 30px;
		    border: 1px solid #ffffff;
		    display: inline-block;
		    color: #ffffff;
		    line-height: 30px;
		    transition: all .2s ease-in-out;
		    font-size: 15px;
		    
		   
		}

		section.unlimitedSec div#menuContainer div#menuLinkContainer  a:hover { 
			background: #e74c3c;

		} 
		/* *** Üçüncü Section *** */
		section.limitedSec div#teamContainer {
			width: 460px;
			position: relative;
			margin: auto;
			
		}
		section.limitedSec div#teamContainer div.teamTile {
			width: 220px;
			position: relative;
			overflow: hidden;
			margin: auto;
		}
		section.limitedSec div#teamContainer div.teamTile img {
			width: 220px;
			height: 320px;
		}
		section.limitedSec div#teamContainer div.teamTile div.teamHover{
			width: 220px;
			height: 320px;
			background: grey;
			position: absolute;
			top: 50px;
			left: -220px;
			transition: all .5s ease;
			opacity: 0.7;
			background-size: cover;
			background-position: center;
		}
		section.limitedSec div#teamContainer div.teamTile:hover div.teamHover{
		  left: 0;
		}

		section.limitedSec div#teamContainer div.teamTile div.teamHover div.teamText {
			background: #000000;
			color:#ffffff;
			line-height: 50px;
			margin-top:110px;
			text-shadow: 1px 1px 1px #000000;
		}
		/* *** Dördüncü Section *** */
		section.unlimitedSec div.unlimitedSecContainer {
			width: 460px;
			position: relative;
			margin: auto;
		}
		section.unlimitedSec div.unlimitedSecContainer div.unlimitedSecLeft {
			width: 460px;
			position: relative;
			background: rgba(0,0,0,0.5);
			float: left;
			color:#ffffff;
			text-align: center;
			text-shadow: 1px 1px 1px #000000;
			padding: 50px 0;
		}
		section.unlimitedSec div.unlimitedSecContainer div.unlimitedSecLeft h1 {
			line-height: 60px;
				}
		section.unlimitedSec div.unlimitedSecContainer div.unlimitedSecLeft h2 {
			line-height: 40px;
		
		}
		section.unlimitedSec div.unlimitedSecContainer div.unlimitedSecLeft p {
			width: 450px;
			font-size: 18px;
			line-height: 28px;
			margin: auto;
			margin-top: 10px;
		}
		section.contentContainer {
			width: 460px;
			position: relative;
			margin: 50px auto;
		}

		/* *** Hakkımızda Başlangıç *** */

		section.contentContainer h1, section.contentContainer h2{
			text-align: center;
		}


		section.contentContainer p {
			margin: 20px 0;
		
	         text-align: justify;
		}


		/* *** İletişim Başlangıç *** */
		section.contentContainer div.contactParts {
			width: 460px;
			position: relative;
	        margin: auto;
		}

		section.contentContainer div.contactParts h1 {
			margin-top: 50px;
		}
		section.contentContainer div.contactParts h2,p{
			text-align: left;
			margin-bottom: 20px;
		}
		section.contentContainer div.contactParts input.input{
			width: 310px;
			height: 40px;
			position: relative;
			border: 1px solid #95a5a6;
			box-sizing: border-box;
			margin: 25px auto 0;
			display: block;
			text-align: center;
			border-radius: 10px;

		}
		section.contentContainer div.contactParts input.inputLeft{
			margin: 25px auto 0;
			display: block;
		}
		section.contentContainer div.contactParts input.inputRight{
			margin: 25px auto 0;
			display: block;
		}
		section.contentContainer div.contactParts textarea {
			width: 460px;
			height: 230px;
			position: relative;
			border: 1px solid #95a5a6;
			box-sizing: border-box;
			margin-top: 20px;
			padding: 10px;
			resize: none;
			border-radius: 10px;

		}



		section.contentContainer div.contactParts input.submit {
			width: 310px;
			height: 40px;
			position: relative;
			border: 1px solid #95a5a6;
			box-sizing: border-box;
			margin: 25px auto 0;
			display: block;
			background: transparent;
		    transition: all .2s ease;
		    border-radius: 10px;

		}

		section.contentContainer div.contactParts input.submit:hover {
			cursor: pointer;
			background: #e74c3c;
			color: #ffffff;
			border: 1px solid #e74c3c;
		}

		section.unlimitedSec iframe {
			width: 100%;
			height: 350px;
			position: relative;
		}
		/* *** Galeri Başlangıç *** */
	.galeriresim{width: 30%; height: 130px; border-radius: 10px; box-shadow: 3px 7px 13px rgba(3, 7, 13, 0.21);
	margin: 5px; object-fit: cover; opacity: 0.7; transition: opacity 0.7s;}
	.galeriresim:hover{opacity: 1; border: 5px solid white;}
	.link{text-decoration: none;}

		/* ***Footer Başlangıç *** */
		footer {

			width: 100%;
			position: relative;
			background: #424242;
		}

		footer div#footerContainer {
			width: 460px;
			position: relative;
			margin: auto;
			padding: 50px 0;
		}

		footer div#footerContainer div.footerBox {
			width: 300px;
			position: relative;
			text-align: center;
			color: #ffffff;
			margin: auto;
		}
		footer div#footerContainer div.footerBox h1 {
			font-family: 'Dosis' , cursive;
			font-size: 40px;
		    
		}

		footer div#footerContainer div.footerBox h2 {
			font-size: 30px;
			line-height: 60px;
			border-bottom: 2px solid #ffffff;
			width: 300px;
			margin: 25px auto 0;
		}

		footer div#footerContainer div.footerBox p {
		    text-align: center;
		    line-height: 30px;
		    width: 300px;
		    margin: auto;
		} 
		footer div#footerContainer div.footerBox input {
			width: 300px;
			height: 35px;
			margin-top: 20px;
		}
		footer div#copyright {
			width: 100%;
			background: #000000;
			color: #ffffff;
			font-size: 14px;
			padding: 10px 0;
			text-align: center;
		

		}
}

@media screen and (min-width: 320px) and (max-width: 479px) {




	/* *** Header Başlangıç *** */

		 header#mainHeader {
		 	 width: 100%;
		 	 height: 400px;
		 	 position: relative;
		 	 background: url(../images/nakliye.jpg);
		 	 background-size: cover;
		 	 background-repeat: no-repeat;
		 	 background-position: center;
		 }
		 header#contentHeader{

		 	width: 100%;
		 	height: 300px;
		 	position: relative;
		 }

		div#headerContainer {
		     width: 300px;
		     height: 400px;
		     position: relative;
		     margin: auto;
		}

		div#contentHeaderContainer {
			  width: 300px;
		     height: 300px;
		     position: relative;
		     margin:auto;
		}

		div#headerTop {
			width: 300px;
			height: 40px;
			position: relative; 
		}

		ul#ulTopLeft {
		    display: none;   
		}

		 div#topRight{
		 	display: none;	
		 		 }
		/* *** Nav Başlangıcı *** */
		nav {
			width: 100%;
			height: 50px;
			position: absolute;
			background: rgba(0,0,0,0.5);
			top: 40px;

		}

		div#navContainer {
			width: 300px;
			height: 50px;
			position: relative;
			margin:auto;
		}

		div#navLogo {
			font-family: 'Bungee', cursive;
			color: #ffffff;
			font-size: 15px;
			line-height: 50px;
			display: inline;

		}

		ul#ulNavRight {
			list-style-type: none;
			display: inline-block;
			float: right;
			display: none;

		}

		/* Desktop Nav
		ul#ulNavRight li {
			display: inline-block;
			line-height: 80px;
			margin-left: 20px;
		}

		ul#ulNavRight li a{
			color: #000000;
			text-decoration: none;
		}
		ul#ulNavRight li a:hover {
			color: #95a5a6;

		}
		*/
         /*  *** Nav Mobile *** */

        div#navMobileButton{
        	width: 40px;
        	height: 40px;
        	position: relative;
        	float: right;
        	background: url(../images/ola.png);
        	margin-top: 2px;
        }

       ul#ulNavMobile {
       	width: 300px;
       	position: absolute;
       	top: 50px;
       	background: #e74c3c;
       	display: none;
       	z-index: 1px;
       	

       }
       ul#ulNavMobile li {
       	text-align: center;
       	border-bottom: 1px solid #ffffff;

       }
       ul#ulNavMobile li:last-child {
       	border: 0;
       } 

       ul#ulNavMobile li a  {
       	width: 300px;
       	line-height: 45px;
       	color: #ffffff;
       	display: block;
       }
       ul#ulNavMobile li a:hover {
       	background: #ffffff;
       	color: #e74c3c;
       }
		div#headerText {
			margin-top: 100px;
			color: black;
		}

		div#headerText h1{
			line-height: 50px;
			font-size: 18px;
			text-shadow: 5px 5px 10px #ffffff;
		}

		div#headerText h2{
			line-height: 40px;
			font-size:20px;
		    text-shadow: 5px 5px 10px #ffffff;
		}

		div#headerText p{
		    display: inline-block;
		    text-shadow: 1px 1px 1px #ffffff;
		    padding-right: 20px;
		    transition: all .2s ease-in-out;
		    text-shadow: 1px 1px 1px #000000;
		}
		div#headerButtons {
			margin-top: 20px;
		}
		div#headerButtons a{
			line-height: 35px;
			border: 1px solid #ffffff;
			display: inline-block;
			color: #ffffff;
			padding: 0 20px;
			text-shadow: 1px 1px 1px #000000;

		}

		div#headerButtons a{
			margin-left: 20px;
			background: grey;
			
		}
		div#headerButtons a:hover{
			background: transparent;
		}

		/* *** Section Başlangıcı *** */

		/* *** Birinci Section *** */

		section.limitedSec{
			width: 300px;
			position: relative;
			margin: auto;
			background: white;
			margin-top: 50px;
			text-align: center;
		}
		section.limitedSec h1, section.limitedSec h2 {
			text-align: center;
			font-size: 20px;
			line-height: 40px;
		}

		section.limitedSec img {
			width: 300px;
			margin-top: 50px;
			border: 1px solid #000000;
			padding: 10px;
			box-sizing: border-box;
			
		}

		section.limitedSec article {
			width: 300px;
			margin: auto;
			margin-top: 50px;
		}

		section.limitedSec article p {
			margin-top: 30px;
			text-align: justify;

		}
		/* *** İkinci Section *** */
		section.unlimitedSec {
			width: 100%;
			position: relative;
			background: #424242;
			margin-top: 50px;

		}

		section.unlimitedSec div#menuContainer {
			width: 300px;
			position: relative;
			margin: auto;
			display: flex;
			flex-direction: row;
			justify-content: center;
			flex-wrap: wrap;
			align-content: center;
		}
		section.unlimitedSec div#menuContainer img{
			width: 150px;
			height: 150px;
		    opacity: 0.5;
		    transition: all .2s  ease-in-out;
		}
		section.unlimitedSec div#menuContainer img:hover{
			opacity: 1;
			transform: scale(1.05);
		}
		section.unlimitedSec div#menuContainer div#menuLinkContainer{
			width: 300px;
			position: absolute;
		    text-align: center;
		}
		section.unlimitedSec div#menuContainer div#menuLinkContainer h1{
			color: #ffffff;
		    font-size: 18px;
		    line-height: 40px;
		    margin-top: 244px;
		}
		section.unlimitedSec div#menuContainer div#menuLinkContainer  a {
		    width: 160px;
		    height: 30px;
		    border: 1px solid #ffffff;
		    display: inline-block;
		    color: #ffffff;
		    line-height: 30px;
		    transition: all .2s ease-in-out;
		    font-size: 15px;
		  
		}
		section.unlimitedSec div#menuContainer div#menuLinkContainer  a:hover { 
			background: #e74c3c; 
		} 
		/* *** Üçüncü Section *** */
		section.limitedSec div#teamContainer {
			width: 300px;
			position: relative;
			margin: auto;
			
		}
		section.limitedSec div#teamContainer div.teamTile {
			width: 220px;
			position: relative;
			overflow: hidden;
			margin: auto;
		}
		section.limitedSec div#teamContainer div.teamTile img {
			width: 220px;
			height: 320px;
		}
		section.limitedSec div#teamContainer div.teamTile div.teamHover{
			width: 220px;
			height: 320px;
			background: grey;
			position: absolute;
			top: 50px;
			left: -220px;
			transition: all .5s ease;
			opacity: 0.7;
			background-size: cover;
			background-position: center;
		}
		section.limitedSec div#teamContainer div.teamTile:hover div.teamHover{
		  left: 0;
		}

		section.limitedSec div#teamContainer div.teamTile div.teamHover div.teamText {
			background: #000000;
			color:#ffffff;
			line-height: 50px;
			margin-top:110px;
			text-shadow: 1px 1px 1px #000000;
		}
		/* *** Dördüncü Section *** */
		section.unlimitedSec div.unlimitedSecContainer {
			width: 300px;
			height: 300px;
			position: relative;
			margin: auto;
		}
		section.unlimitedSec div.unlimitedSecContainer div.unlimitedSecLeft {
			width: 300px;
			position: relative;
			background: rgba(0,0,0,0.5);
			float: left;
			color:#ffffff;
			text-align: center;
			text-shadow: 1px 1px 1px #000000;
			padding: 25px 0;
		}
		section.unlimitedSec div.unlimitedSecContainer div.unlimitedSecLeft h1 {
			font-size: 18px;
				}
		section.unlimitedSec div.unlimitedSecContainer div.unlimitedSecLeft h2 {
			font-size: 18px;
		
		}
		section.unlimitedSec div.unlimitedSecContainer div.unlimitedSecLeft p {
			width: 290px;
			font-size: 15px;
			margin: 10px auto 0;
		}
		section.contentContainer {
			width: 300px;
			position: relative;
			margin: 50px auto;
		}

		/* *** Hakkımızda Başlangıç *** */

		section.contentContainer h1, section.contentContainer h2{
			text-align: center;
		}


		section.contentContainer p {
			margin: 20px 0;
		
	         text-align: justify;
		}


		/* *** İletişim Başlangıç *** */
		section.contentContainer div.contactParts {
			width: 300px;
			position: relative;
	        margin: 50px auto 0;
		}

		section.contentContainer div.contactParts h1 {
			margin-top: 50px;
		}
		section.contentContainer div.contactParts h2,p{
			text-align: left;
			margin-bottom: 20px;
		}
		section.contentContainer div.contactParts input.input{
			width: 300px;
			height: 35px;
			position: relative;
			border: 1px solid #95a5a6;
			box-sizing: border-box;
			margin: 25px auto 0;
			display: block;
			text-align: center;
			border-radius: 10px;

		}
		section.contentContainer div.contactParts input.inputLeft{
			margin: 25px auto 0;
			display: block;
		}
		section.contentContainer div.contactParts input.inputRight{
			margin: 25px auto 0;
			display: block;
		}
		section.contentContainer div.contactParts textarea {
			width: 300px;
			height: 200px;
			position: relative;
			border: 1px solid #95a5a6;
			box-sizing: border-box;
			margin-top: 20px;
			padding: 10px;
			resize: none;
			border-radius: 10px;

		}



		section.contentContainer div.contactParts input.submit {
			width: 300px;
			height: 35px;
			position: relative;
			border: 1px solid #95a5a6;
			box-sizing: border-box;
			margin: 25px auto 0;
			display: block;
			background: transparent;
		    transition: all .2s ease;
		    border-radius: 10px;

		}

		section.contentContainer div.contactParts input.submit:hover {
			cursor: pointer;
			background: #e74c3c;
			color: #ffffff;
			border: 1px solid #e74c3c;
		}

		section.unlimitedSec iframe {
			width: 100%;
			height: 350px;
			position: relative;
		}
		/* *** Galeri Başlangıç *** */
	.galeriresim{width: 25%; width: 95px; height: 100px; border-radius: 10px; box-shadow: 3px 7px 13px rgba(3, 7, 13, 0.21);
	margin: 5px; margin: auto; object-fit: cover; opacity: 0.7; transition: opacity 0.7s;}
	.galeriresim:hover{opacity: 1; border: 5px solid white;}
	.link{text-decoration: none;}

		/* ***Footer Başlangıç *** */
		footer {

			width: 100%;
			position: relative;
			background: #424242;
		}

		footer div#footerContainer {
			width: 300px;
			position: relative;
			margin: auto;
			padding: 50px 0;
		}

		footer div#footerContainer div.footerBox {
			width: 300px;
			position: relative;
			text-align: center;
			color: #ffffff;
			margin: auto;
			margin-top: 18px;
		}
		footer div#footerContainer div.footerBox h1 {
			font-family: 'Dosis' , cursive;
			font-size: 30px;
		    
		}

		footer div#footerContainer div.footerBox h2 {
			font-size: 30px;
			line-height: 60px;
			border-bottom: 2px solid #ffffff;
			width: 300px;
			margin: 25px auto 0;
		}

		footer div#footerContainer div.footerBox p {
		    text-align: center;
		    line-height: 30px;
		    width: 300px;
		    margin: auto;
		} 
		footer div#footerContainer div.footerBox input {
			width: 300px;
			height: 35px;
			margin-top: 20px;
		}
		footer div#copyright {
			width: 100%;
			background: #000000;
			color: #ffffff;
			font-size: 14px;
			padding: 10px 0;
			text-align: center;
		
		}

}