/***** iPhone (landscape) *****/
@media only screen and (max-width: 720px) {

#footer-line {margin-top: 10px; }

	
#logo {
	width: 240px;
	height: auto;
		
}

.large-type {

	font-size: 9vw;
	line-height: 10vw; 
	margin: 10vh 0 10vh 0;
}


.large-type-2 {
	font-size: 50px; 
	line-height: 50px; 
}

.med-type {
	font-size: 16px; 
	line-height: 25px; 
}

.service { font-size: 10px; padding: 10px 0px 10px 0px;  }


#home-txt {text-align:center; position:relative; padding-top: 100px; }

#btns {width:80%; margin-top: 0px; }




a:link#orangebtn {
	font-size: 2.25vw;
	padding: 15px;
}



a:link#bluebtn {
	font-size: 2.25vw;
	padding: 15px;
}


a:link#linebtn {
	font-size: 2.25vw;
	padding: 15px;
}

a:link.footer-link {font-size: 11px; padding-bottom: 4px; }

#footer-txt-left {position: relative; top: -6px; }

#footer-txt-right {font-size: 9px;}

#port-padding {padding-top: 66px;}

.left-port {
	font-size: 14px;
}

.right-port {
	font-size: 14px;
}

.left-port-txt {width: 40%; font-size: 10px; line-height: 19px; margin-left: 10%; margin-top: 18px; margin-bottom: 10px; }


/*RESPONSIVE NAV MENU */



			#nav
			{
				position:absolute;
				top: 30px;
				left: 30px;
				
				
			}
				#nav > a
				{
					width: 2.5em; /* 50 */
					height: 2.5em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #007dc3;
					position: relative;
					left: 0;
					
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
						

					}
					#nav > a:after
					{
						top: 60%;
					}
						#nav li a
						{
							color: #007dc3;
							display: block;
							text-decoration: none;
							text-align: left;
						}
						#nav li a:hover
						{
							border-bottom: 1px solid #007dc3;
							background-color: #007dc3;
							color: #FFF; 
						}
						
						#nav li a:active
						{
							border-bottom: 1px solid #007dc3;
						}
		

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


	
			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
				background-color: #FFF;
				padding-left: 0px;
				margin-left: 0px;
				list-style-type: none;
				text-align: left;
				
				
			}
				#nav:target > ul
				{
					display: block;
					top: 46px;
					right:50px;
			
					
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
					margin: 0px;
					
		
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: right;
						padding: 0 0.833em; /* 20 (24) */
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #007dc3;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding-top: 0;
				}