@media (min-width: 1px) {
	.myh1 {font-family: 'Book Antiqua', Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif!important; color: #2d2d2d!important; letter-spacing: 0px; text-transform: uppercase!important; font-size: 20px; font-weight: 300!important; position: absolute; margin-top: -42px;}
	.myh2 {font-family: 'Halant', serif!important; color: #4e4e4e!important; letter-spacing: 0px; font-size: 31px; font-weight: 300!important;letter-spacing: 0px; line-height: 29px; text-transform: none;}
	.myh3 {font-family: 'Halant', serif!important; color: #4e4e4e!important; letter-spacing: 0px; font-size: 25px; font-weight: 300!important;letter-spacing: 0px; line-height: 29px; text-transform: none;}
	.hide-upto-781 {display: block;}
	.show-for-1025 {display: none;}
	.my-banner {width: 100%; clear: both; display: block; padding: 55px 0 0px 15px; margin: 0 auto; background-color: #a0a07e; text-align: left;}
.my-banner-projects {width: 100%; clear: both; display: block; padding: 55px 0 0px 15px; margin: 0 auto; background-color: #a0a07e; text-align: left;}

	.my-banner-menu {width: 100%; clear: both; display: block; padding: 0px 0 15px 0; margin: 0 auto; background-color: #a0a07e; text-align: center;}
.menu-item {color: 4e4e4e; font-family: 'Halant', serif!important; font-weight: 300; font-size: 20px; margin: 0 25px; padding-top: 15px;}
.menu-hide {display: none;}
#hero.hero-big { height: 250px; margin-top: -10px;}


.my-image {width: 95%; float: left; clear: none; padding: 0 2.5% 0 2.5%;}
.my-text {width: 95%; float: left; clear: none; padding: 0 2.5% 0 2.5%;}

.open-nav {
	display: block;
	height: 30px;										
	float: right;
	position: relative;
	z-index: 10;
	margin-left: 20px;
	margin-top: -22px;
	
	}
	
	.no-margin-top {margin-top: 30px!important;}
		.hide-for-mobile {display: none;}
.show-for-mobile {display: block;}

.arrow {
  position: fixed;
  bottom: 35%;
  left: 50%;
  margin-left:-20px;
  z-index: 9999;
  display: none;
}

}




@media (min-width: 641px) {
		.myh1 {font-family: 'Book Antiqua', Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif!important; color: #2d2d2d!important; letter-spacing: 0px; text-transform: uppercase!important; font-size: 29px; font-weight: 300!important; position: absolute; margin-top: -42px;}
	.myh2 {font-family: 'Halant', serif!important; color: #4e4e4e!important; letter-spacing: 0px; font-size: 31px; font-weight: 300!important;letter-spacing: 0px; line-height: 29px; text-transform: none;}
	.myh3 {font-family: 'Halant', serif!important; color: #4e4e4e!important; letter-spacing: 0px; font-size: 26px; font-weight: 300!important;letter-spacing: 0px; line-height: 29px; text-transform: none;}
	.hide-upto-781 {display: block;}
	.show-for-1025 {display: none;}
	.my-banner {width: 100%; clear: both; display: block; padding: 55px 0 0px 15px; margin: 0 auto; background-color: #a0a07e; text-align: left;}
.my-banner-projects {width: 100%; clear: both; display: block; padding: 55px 0 0px 15px; margin: 0 auto; background-color: #a0a07e; text-align: left;}
	.my-banner-menu {width: 100%; clear: both; display: block; padding: 0px 0 15px 0; margin: 0 auto; background-color: #a0a07e; text-align: center;}
.menu-item {color: 4e4e4e; font-family: 'Halant', serif!important; font-weight: 300; font-size: 20px; margin: 0 25px; padding-top: 15px;}
.menu-hide {display: none;}
#hero.hero-big { height: 660px; margin-top: -10px;}

.my-image {width: 95%; float: left; clear: none; padding: 0 2.5% 0 2.5%;}
.my-text {width: 95%; float: left; clear: none; padding: 0 2.5% 0 2.5%;}
.no-margin-top {margin-top: 0!important;}

.open-nav {
	display: block;
	height: 30px;										
	float: right;
	position: relative;
	z-index: 10;
	margin-left: 20px;
	margin-top: -22px;
	
	}
	.hide-for-mobile {display: none;}
.show-for-mobile {display: block;}

.arrow {
  position: fixed;
  bottom: 35%;
  left: 50%;
  margin-left:-20px;
  z-index: 9999;
  display: none;
}

}




@media (min-width: 781px) {
	.myh1 {font-family: 'Book Antiqua', Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif!important; color: #2d2d2d!important; letter-spacing: 0px; text-transform: uppercase!important; font-size: 34px; font-weight: 300!important; position: relative;}
	.myh2 {font-family: 'Halant', serif!important; color: #4e4e4e!important; letter-spacing: 0px; font-size: 34px; font-weight: 300!important;letter-spacing: 0px; line-height: 29px; text-transform: none;}
	.myh3 {font-family: 'Halant', serif!important; color: #4e4e4e!important; letter-spacing: 0px; font-size: 28px; font-weight: 300!important;letter-spacing: 0px; line-height: 29px; text-transform: none;}
	.my-banner-projects {width: 100%; clear: both; display: block; padding: 25px 0 15px 25px; margin: 0 auto; background-color: #a0a07e; text-align: left;}
	.my-banner {width: 100%; clear: both; display: block; padding: 25px 0 15px 25px; margin: 0 auto; background-color: #a0a07e; text-align: left;}
.hide-upto-781 {display: block;}
.show-for-1025 {display: none;}

	.my-banner-menu {width: 100%; clear: both; display: block; padding: 0px 0 15px 0; margin: 0 auto; background-color: #a0a07e; text-align: center;}
.menu-item {color: 4e4e4e; font-family: 'Halant', serif!important; font-weight: 300; font-size: 20px; margin: 0 25px; padding-top: 15px;}
	.84 {font-size: 84px!important;}
	.seven {font-size: 75px!important;}
	.sixty {font-size: 70px!important;}
	.myp {color: #161616; font-family: 'Halant', serif!important; font-size: 23px;}
	.logo-left {margin-left: 0px;}
	.menu-hide {display: block;}
.menu-hide-mobile {display: none;}
#hero.hero-big { height: 650px;  margin-top: -0px;}

.my-image {width: 46%; float: left; clear: none; padding: 0 2% 0 2%;}
.my-text {width: 46%; float: left; clear: none; padding: 0 2% 0 2%;}

.open-nav {
	display: block;
	height: 30px;										
	float: right;
	position: relative;
	z-index: 10;
	margin-left: 20px;
	margin-top: -42px;
	
	}
	.hide-for-mobile {display: block;}
.show-for-mobile {display: none;}

.arrow {
  position: fixed;
  bottom: 35%;
  left: 50%;
  margin-left:-20px;
  z-index: 9999;
  display: block;
}

}


@media (min-width: 1025px) {
	.myh1 {font-family: 'Book Antiqua', Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif!important; color: #2d2d2d!important; letter-spacing: 0px; text-transform: uppercase!important; font-size: 40px; font-weight: 300!important; }
	.myh2 {font-family: 'Halant', serif!important; color: #4e4e4e!important; letter-spacing: 0px; font-size: 36px; font-weight: 300!important;letter-spacing: 0px; line-height: 29px; text-transform: none;}
	.myh3 {font-family: 'Halant', serif!important; color: #4e4e4e!important; letter-spacing: 0px; font-size: 30px; font-weight: 300!important;letter-spacing: 0px; line-height: 29px; text-transform: none;}

.my-banner-projects {width: 100%; clear: both; display: block; padding: 25px 0 15px 25px; margin: 0 auto; background-color: #a0a07e; text-align: left; font-weight: 300;}
	.my-banner {width: 100%; clear: both; display: block; padding: 25px 0 15px 25px; margin: 0 auto; background-color: #a0a07e; text-align: left;}
.hide-upto-781 {display: none;}
.logo-left {margin-left: 11px;}
.show-for-1025 {width: 68%; display: block;  color: #a0a07d; display: inline-block; font-family: "Halant",serif !important; font-size: 19px;
    font-weight: 400; letter-spacing: 0.03em; text-transform: none; transition: all 100ms ease 0s; text-align: right;}
.menu-gap {margin-right: 30px;}
	.my-banner-menu {width: 100%; clear: both; display: block; padding: 0px 0 15px 0; margin: 0 auto; background-color: #a0a07e; text-align: center;}
.menu-item {color: 4e4e4e; font-family: 'Halant', serif!important; font-weight: 300; font-size: 23px; margin: 0 30px; padding-top: 15px;}
.menu-hide {display: block;}
.menu-hide-mobile {display: none;}
#hero.hero-big { height: 750px; margin-top: -0px;}

.my-image {width: 46%; float: left; clear: none; padding: 0 2% 0 2%;}
.my-text {width: 46%; float: left; clear: none; padding: 0 2% 0 2%;}

.open-nav {
	display: block;
	height: 30px;										
	float: right;
	position: relative;
	z-index: 10;
	margin-left: 20px;
	margin-top: -42px;
	
	}
	
	.arrow {
  position: fixed;
  bottom: 18%;
  left: 50%;
  margin-left:-20px;
  z-index: 9999;
  display: block;
}

}

.loading-over {font-family: 'Halant', serif!important; font-weight: 300!important; text-transform: none!important;}
.loading-over-small {font-family: 'Halant', serif!important; font-weight: 300!important; text-transform: none!important; font-size: 21px;line-height: 21px; color: #4e4e4e!important;}
.font-over {font-family: 'Halant', serif!important; color: #161616!important; font-weight: 300;}
.norman {color: #a0a07d!important;}
.black-over {color: #4e4e4e!important;}
.bold {font-weight: 700;}
.white {color: #fff!important;}
.mylinks {color: #4e4e4e!important; transition: all 0.3s ease 0.05s;}
.mylinks1 {color: #4e4e4e!important; transition: all 0.3s ease 0.05s; font-family: 'Halant', serif!important;}
.mylinks:hover {color:#161616!important;}
.my-page-title {padding: 80px!important;}

/*project page styles */
.text-left {text-align: left;}
.text-right {text-align: right;}
.wolf-neg {margin-top: -60px!important;}

.zeropad {padding-bottom: 0!important;}
.white {color: #fff;}
.white-link a {color: #fff!important;}
.white-link:hover {color: #fff; text-decoration: underline;}
.justify-text {text-align: justify!important;}



.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
.animated{-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;

     

animation-fill-mode:both;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-ms-animation-duration:2s;
-o-animation-duration:2s;
animation-duration:2s;
}


@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.no-underline:hover {text-decoration: none!important;}
.text-center {text-align: center; margin: 0 auto;}
.hero-slider img {}