@charset "UTF-8";
/* CSS Document */
	body {
		margin: 0;
		padding: 0;
		background-color: #f8f8ff;
		 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
	color: #4A4A4A;
	}
	* {
  box-sizing: border-box;
}
	.mtext {
		color: #3F6E9A;
	}
	.btext {
		color: #4A4A4A;
		font-size: 18px;
	}
	.stext {
		color: #7A8A9A;
	}
	.footer {
		width: 100%;
		text-align: center;
	}
	.button {
		margin-top: 20px;
		margin-bottom: 20px;
		background:  #3F6E9A;
        color:   #FFFFFF;
		font-color: white;
        padding-left: 28px;
		padding-right: 28px;
		padding-top: 14px;
		padding-bottom: 14px;
		border: none;
        border-radius: 8px 8px;
		 font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
		font-size: 18px;
		margin-left: auto;
		margin-right: auto;
		cursor: pointer;
	}
	.button:hover{
		background: #345C82;
	}
.mid {
   margin-left: 0;
}
.playfair-display-mtext {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	color: #3F6E9A;
}
	.playfair-display-stexti {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
color: #4A4A4A;
}
.playfair-display-stext {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #7A8A9A;
}
.inter-btext {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	color: #4A4A4A;
}
.inter-btexti {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
	color: #4A4A4A;
	font-size: 14px;
}
	a {
		text-decoration: none;
		color: white;
	}
	h1 {
	 font-size: 46px;	
		max-width: 72%;
		text-align: center;
		padding-top: 110px;
	}
	h2 {
	 font-size: 24px;	
		margin-top: 2em;
		margin-bottom: 2em;
		padding-left: 3em;
		padding-right: 3em;
		text-align: center;
	}
	h3 {
	 font-size: 20px;
		padding-left: 3em;
		padding-right: 3em;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	p {
		font-size: 18px;
		padding-left: 3em;
		padding-right: 3em;
		margin-top: 1em;
		margin-bottom: 1em;
	}
.big {
	font-size: 20px;
}
.gradient {
	background: #dae6f0;
   background: linear-gradient(to bottom, #dae6f0, #f6f6ff);
   padding-top: 50px;
	padding-bottom: 50px;
}
.row {
	margin-top: 50px;
	margin-bottom: 50px;
}
	.divider {
		padding-top: 50px;
		background-position: center center;
		padding-bottom: 50px;
		background-image: url('/sky-soft.jpg');
		background-size: cover;
	}
.divider1 {
		padding-top: 50px;
		
		background-position: center center;
		padding-bottom: 50px;
		/*background: linear-gradient(to bottom, #becdda, #f3f3ff);*/
	background-image: url('/tombs.jpg');
	background-size: cover;
	}
.divider2 {
		padding-top: 50px;
		background-image: url('/dalyan2.jpg');
		background-position: center center;
		padding-bottom: 50px;
	background-size: cover;
	}
	.left {
		text-align: left;
		width: 100%;
		padding-left: 0;
		margin-left: 0;
		margin-right: 0;
	}
	.center {
		text-align: center;
		width: 100%;
	}
	.right {
		text-align: right;
		width: 100%;
	}
.bold {
	font-weight: 400;
}
	li {
		 font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	color: #4A4A4A;
		font-size: 18px;
		text-align: left;
		
	}
li:not(:last-child) { 
   margin-bottom: 10px;  
}
	ul {
		list-style-type:disc;
		list-style-position: inside;
	}
	.r70 {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	.smimg {
		width:50%;height:auto;padding-top:50px;
	}
	.r90 {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.white {
		color: whitesmoke;
	}
	.blue {
		color:#345C82; 
	}
.grey {
		color:#7A8A9A;
	}
.lesser {
	padding-top: -50px;
	margin-top: -50px;
}
	.container {
		width: 100%;
		height: 400px;
		background-image: url('/sky.jpg');
		margin-top: -33px !important;
		background-position: center center;
		background-color: aquamarine;
	}
.column {
  float: left;
  width: 50%;
  padding: 20px;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.pic {
	padding-top: 155px;
}
.pic1 {
	padding-top: 45px;
}
@media (max-width: 1400px) {
	.r70 {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	h1 {
		padding-top: 90px;
	}
}
@media (max-width: 1280px) {
		.container {
		height: 300px;
	}
	nav {
	background-color: none;
	margin-top: 60px;
    }
		 h1 {
	 font-size: 32px;	
		max-width: 80%;
		text-align: center;
			 padding-top: 60px;
	}
	.r70 {
		width: 90% !important;
		margin-left: auto;
		margin-right: auto;
	}
	}
    /* This start to get interesting: we go into mobile phone mode */
 @media (max-width: 980px) {
		html, body {
  overflow-x: hidden;
}
body {
  position: relative
}
		.container {
		height: 240px;
	}
		.r70 {
		width: 100% !important;
		margin-left: auto;
		margin-right: auto;
	}
		.row {
			margin-top: 20px;
			margin-bottom: 20px;
		}
		.smimg{
			height:auto;
			padding-top:5px;
		}
	.divider {
		padding-top: 20px;
		background-image: url('/sky-soft.jpg');
		background-position: center center;
		background-size: cover;
		padding-bottom: 20px;
		background-color: aquamarine;
	}
		a {
		color: grey;	
		}
	 h1 {
	 font-size: 24px;	
	 max-width: 90%;
	 text-align: center;
		 padding-top: 60px;
		 padding-bottom: 30px;
	}
		.left {
		text-align: left;
		width: 95%;
		padding-left: 0.5em;
		margin-left: 0;
	}
		h2 {
	font-size: 22px;	
	 max-width: 100%;
	 text-align: center;
	margin-top: 60px;
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 0px;
			padding-bottom: 0px;
		/*border: solid pink thin;*/
		}
	p {
		font-size: 16px;
		padding-left: 1.2em;
		padding-right: 1.2em;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.big {
	font-size: 18px;
}
		li {
			font-size: 16px;
			padding-right: 15px;
		}
		.column {
    width: 100%;
	padding: 10px;
  }
		.column .left {
		text-align: left;
		width: 100%;
		padding-left: 0;
		margin-left: 0;
		}
	.pic {
	padding-top: 20px;
	margin-left: 10%;
}
		.pic1 {
	padding-top: 20px;
	margin-left: 10%;
}
}
 @media (max-width: 500px) {
		.container {
		height: 300px;
	}
	 h1 {
	 font-size: 23px;	
	 max-width: 90%;
	 text-align: center;
		 padding-top: 40px;
		 padding-bottom: 40px;
	}
}