@charset "UTF-8";
/* CSS Document */

body {
	cursor: crosshair;

}

body a {
	cursor: crosshair;
}

body a:hover {
	cursor: crosshair;
}
.header {
	width: 150px;
	align-content: left;
	text-align: left;
	position: fixed;
	left: -30px;
	top: 120px;
	margin-left: 0px;
	padding-top: 0px;
	transform: rotate(90deg);
	background-image: url("images/logo1_green2.png");
	object-fit:cover;
}

.header img {
	object-fit:cover;
	width: 150px;
}

.header .img-top {
	display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.header:hover .img-top {
	display: inline;
}

.nav {
	
	padding-top: 20px;
	width: 100%;
	height: 35px;
	position: fixed;
	top:0px;
	right: 50px;
	font-size: 11px;
	text-transform: uppercase;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-align: right;
	letter-spacing: 1px;
	color:#c03221;
}

.nav a {
	color:#c03221;
	text-decoration: none;
	cursor:crosshair;
}

.nav a:hover {
	color:#99D17B;
}

.left-nav {
	width: 400px;
	height: 10px;
	position: fixed;
	transform: rotate(90deg);
	bottom:250px;
	left: -150px;
	font-size: 11px;
	text-transform: uppercase;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-align: right;
	letter-spacing: 1px;
	color:#99D17B;
}

.left-nav a {
	color:#99D17B;
	text-decoration: none;
	cursor:crosshair;
}

.left-nav a:hover {
	color:#c03221;
}

.right-nav {
	position: fixed;
	right: -90px;
	width: 300px;
	top:200px;
	height: 10px;
	font-size: 11px;
	text-transform: uppercase;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	letter-spacing: 1px;
	text-align: right;
	line-height: 30px;
	transform: rotate(-90deg);
	color:#99D17B;
}

.right-nav a {
	color:#99D17B;
	text-decoration: none;
	cursor:crosshair;
}

.right-nav a:hover {
	color:#c03221;
}

.available {
	position: fixed;
	right: 50px;
	bottom: 50px;
}

.available img {
	width:170px;
}

.available .img-top {
	display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.available:hover .img-top {
	display: inline;
}

.available a {
	cursor: crosshair;
}

.available a:hover {
	cursor: crosshair;
}

.main {
	width:90%;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 30px;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 10px;
	text-align: center;
	line-height: 20px;
	color:#D7AE98;
}

.main img {
	object-fit:cover;
}

.about {
	width:80%;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 60px;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 20px;
	text-align: center;
	line-height: 20px;
	color:#D7AE98;
}

.abouttext {
	width:80%;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 30px;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 16px;
	text-align: left;
	line-height: 25px;
	color:#000000;
}

.abouttext a {
	text-decoration: underline;
	color: #000000;
}

.abouttext a:hover {
	color: #c03221;
}


.contact {
	margin: auto;
	width:80%;
	padding-left: 10%;
	padding-right: 10%;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 25px;
	text-align: center;
	line-height: 20px;
	color:#D7AE98;
	padding-top: 35vh;
	padding-bottom: 65vh;
}

.contact a {
	color: #D7AE98;
	cursor: crosshair;
}

.contact a:hover {
	cursor: crosshair;
	color:#c03221;
}



.cv {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 100px;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 18px;
	text-align: center;
	line-height: 16px;
	color:#D7AE98;
}

.cvtext {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 15px;
	text-align: left;
	line-height: 14px;
	color:#000000;
}

.title {
	padding-top: 100px;
	padding-bottom: 50px;
	text-align: center;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 30px;
}

.fullimg {
	padding-top:20px;
	padding-bottom:20px;
	line-height: 10px;
}

.fullimg img {
	object-fit: cover;
	max-width: 100%;
	height: auto;
}

.fullimg2 {
	padding-top:20px;
	padding-bottom:20px;
	line-height: 10px;
}

.fullimg2 img {
	object-fit: cover;
	max-width: 95%;
	height: auto;
}

.middleimg {
	padding-top: 50px;
	padding-bottom: 50px;
	vertical-align: middle;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	display: inline-block;
}

.middleimg img {
	object-fit: cover;
	max-width: 45%;
	height: auto;
	vertical-align: middle;
}

.halfimgcontainer {
	display: inline-block;
	margin: 0;
    padding-top: 50px;
	padding-bottom: 50px;
	verticle-align:center;
	width: 50%;
	float: left;
	text-align: center;
}

.halfimg img {
	width:90%;
	height: auto;
	text-align: center;
	object-fit:contain;
	
}

.thirdimgcontainer {
	display: inline-block;
	margin: 0;
    padding-top: 100px;
	padding-bottom: 100px;
	verticle-align:center;
	width: 33.33%;
	float: left;
	text-align: center;
}

.thirdimg img {
	width:90%;
	height: auto;
	text-align: center;
	object-fit:contain;
	border: 2px;
	border-style:dotted;
	
}

.footer {
	position: relative;
    height: 100px;
    margin-top: 30px;
    clear: both;
	text-align: right;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size:22px;
	font-weight: 100;
	padding-right: 100px;

}

.footer a {
	color: #000000;
	text-decoration: none;
}

.footer a:hover {
	color:#c03221;
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	  
	  .fullimg img {
	max-width: 100%!important;
}
	  
	  .halfimgcontainer {
	width: 100%!important;
}
	  
	  .right-nav {
		font-size: 20px!important;
		right: -130px;
		width: 400px;
		top:250px;
	  }
	  
	  .left-nav {
		  font-size: 20px!important;
		  width: 600px;
		bottom:350px;
		left: -230px;
	  }
	  
	  .header {
	width: 300px;
	align-content: left;
	text-align: left;
	position: fixed;
	left: -50px;
	top: 150px;
	  }
	  
	  .header img {
		  width: 300px;
	  }
	  
	  .available img {
		  width: 250px;
	  }
	  
	  .available {
	right: 20px;
	bottom: 20px;
}
	  
	  .middleimg img{
		  max-width: 75%!important;
	  }
	  
}