/* Easy reset
________________________________*/
*{ margin:0; padding:0; font-style:normal; }

/* Window
________________________________*/
html{ overflow-y:scroll; }
html, body{ width:100%; height:100%; min-width:320px; }
body{ font-family:Helvetica, Arial, sans-serif; font-size:100%; line-height:150%; color:#000; background-color:#65b6c2; }

/*typography
________________________________*/
@font-face{
	font-family:'HelveticaLTStd-Roman';
	src: url('fonts/HelveticaLTStd-Roman.otf');
}
@font-face{
	font-family:'HelveticaLTStd-Bold';
	src: url('fonts/HelveticaLTStd-Bold.otf');
}
@font-face{
	font-family:'HelveticaNeue';
	src: url('fonts/HelveticaNeue.dfont');
}
@font-face{
	font-family:'HelveticaNeueLTStd-BlkCn';
	src: url('fonts/HelveticaNeueLTStd-BlkCn.otf');
}
@font-face{
	font-family:'HelveticaNeueLTStd-Roman';
	src: url('fonts/HelveticaNeueLTStd-Roman.otf');
}

/* Layout
________________________________*/
#wrap{ margin:0 auto 20px; width:100%; max-width:840px; }

/* img
________________________________*/
img{ width:100%; height:auto; }

/* Text
________________________________*/

p{ font-size:15px; font-weight:bold; }
p.intro{ position:relative; top:-20px; margin:0 auto; padding-right:15%; font-family: HelveticaLTStd-Bold, Arial, sans-serif; text-align:right;  }
p.white{ color:#fff; }
a{ text-decoration:none; }

.half{ float:left; margin-top:50px; width:50%; max-width:420px; overflow:hidden; }
.half .block{ margin-left:100px; padding:22px 0 16px; text-transform:uppercase; background-color:#f6a700; border-radius:18px; overflow:hidden; }
.half .block h2 a{ display:block; padding:22px 45px 14px; font-family:HelveticaNeueLTStd-BlkCn, Arial, sans-serif; font-size:28px; color:#000; line-height:40px; background-color:#a0c44c; box-shadow:0 6px 10px rgba(0,0,0,0.20); }
.half .block h2 a span{ font-size:42px; }
.half .block p{ padding:10px 45px 0; height:22px; font-family:HelveticaNeueLTStd-Roman, Arial, sans-serif; font-size:17px; font-weight:normal; }
.half address{ margin-top:20px; padding-left:24%; font-family:HelveticaLTStd-Roman, Arial, sans-serif; font-size:16px; }
.half address a{ color:#fff; }

@media screen and (max-width: 845px){
	.half .block{ margin-left:0; max-width:320px; }
	.half{ margin-left:5%; margin-right:5%; width:90%; }
}

@media screen and (max-width: 720px){
	p{ font-size:16px; }
}

@media screen and (max-width: 500px){
	.half .block h2 a{ font-size:5.6vw; line-height:125%; }
	.half .block h2 a span{ font-size:8.5vw; }
	.half .block p{ font-size:4vw; }
}

@media screen and (max-width: 400px){
	p.intro{ padding-left:10%; }
	.half .block h2 a{ font-size:7.3vw; line-height:125%; }
	.half .block h2 a span{ font-size:11vw; }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
	.half .block h2 a{ font-size:4.4vw; }
	.half .block h2 a span{ font-size:7.5vw; letter-spacing: -1px; }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
	.half .block h2 a{ font-size:25px; }
	.half .block h2 a span{ letter-spacing: -1px; }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
	.half .block h2 a{ font-size:25px; }
	.half .block h2 a span{ letter-spacing: -1px; }
}