@import url("https://use.typekit.net/mgy3bfe.css");

@font-face {
    font-family: 'BigCaslon';
    src: url('fonts/BigCaslon.eot?#iefix') format('embedded-opentype'),  url('fonts/BigCaslon.otf')  format('opentype'),
           url('fonts/BigCaslon.woff') format('woff'), url('fonts/BigCaslon.ttf')  format('truetype'), url('fonts/BigCaslon.svg#BigCaslon') format('svg');
    font-weight: normal;
    font-style: normal;
  }

@font-face {
    font-family: 'Maax-Bold';
    src: url('fonts/Maax-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/Maax-Bold.otf')  format('opentype'),
           url('fonts/Maax-Bold.woff') format('woff'), url('fonts/Maax-Bold.ttf')  format('truetype'), url('fonts/Maax-Bold.svg#Maax-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }

@font-face {
    font-family: 'Maax-Medium';
    src: url('fonts/Maax-Medium.eot?#iefix') format('embedded-opentype'),  url('fonts/Maax-Medium.otf')  format('opentype'),
           url('fonts/Maax-Medium.woff') format('woff'), url('fonts/Maax-Medium.ttf')  format('truetype'), url('fonts/Maax-Medium.svg#Maax-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
  }

.title {
	font-family: "BigCaslon";
	z-index: 100;
}

.glow {
	text-shadow: 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff;
	z-index: 99;
}

.travelTime {
	font-family: "Maax-Medium";
	z-index: 100;
}

@media only screen and (max-width: 1200px){
	.floorplan {
	  -ms-transform: scale(0.6,0.6); /* IE 9 */
	  transform: scale(0.6,0.6); /* Standard syntax */
	  transform-origin: top left!important;
	  top: 0px;
	  left: 0px;
	}
	.pinlead{
		height: 100px!important;
	}
	.pinlead2{
		height: 50px!important;
	}
	.pinlead3{
		height: 150px!important;
	}
	.pinlead4{
		height: 200px!important;
	}
	.pinlead5{
		height: 100px!important;
	}

	.pin {
		-ms-transform: scale(0.7,0.7);
		transform: scale(0.7,0.7);
	}
}

@media only screen and (max-width: 750px) {
	.mainmenu {
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 500px){
	.mapbtn {
		margin-bottom: 50px;
		left: 26px!important;
	}
	
	.mainmenu {
		margin-bottom: 90px;
	}
	.amenities {
		margin-bottom: 10px;
	}
	.pinlead{
		height: 150px!important;
	}
	.pinlead2{
		height: 120px!important;
	}
	.pinlead3{
		height: 200px!important;
	}
	.pinlead4{
		height: 350px!important;
	}
	.pinlead5{
		height: 200px!important;
	}
}