@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5;
	position: relative;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	color: #000;
	background-size: contain;
	background: transparent url(../images/ocean-bg_1.jpg) no-repeat center center;
}




p{padding:1em;}
p.cmp{text-align:center; margin:0 auto;line-height:85%;}
p span.cmp{/*width:25%;float:left; */margin:0em .5em 0 0;line-height:85%;}


div.logo img {width:100%; height:auto;/*border:2px red dotted;*/}

.inner-lev-2.col-2 > p {color: black;}


.row-1 > p + p {font-size: 2em;padding: 0;}



div.footer-2.col-1{text-align:center;}
div.footer p.cmp:first-of-type:first-letter{font-size:2.3em;}
div.footer p.slogan{font-size:2em; font-family: 'zapfhumnst_ult_btultra'; color:rgba(255,204,0,1); text-shadow:1px 1px #222;font-style:italic; font-variant:small-caps;font-stretch:condensed;display:inline-block; line-height:90%; border-top:.1em solid #fff;border-bottom:.1em solid #fff;margin-top:1.5em;padding: .3em 0; max-width:65%;}
div.footer span[class*=" icon-"]{font-family:'FontAwesome';}
div.footer a[href*="tel"],
div.footer a[href*="mailto"]{text-shadow:1px 1px #000033; color:#fff;  font-size:2em; border:.1em solid #000033; display:inline-block; padding:.3em;-webkit-border-radius:.5em; -moz-border-radius:.5em;border-radius:.5em;}
div.footer a[href*="mailto"]{margin:2em auto 0; padding:.4em 0; width:100%; font-size:1.2em;}
div.footer a[href*="tel"],
div.footer a[href*="mailto"] {margin: 1em 0 .2em; }
div.footer a[href*="tel"]{width:90%;font-size: 1.6em;padding:.5em .7em;}
div.footer a[href*="mailto"] {width:90%; padding:.7em .3em;border:.15em solid #000033;}

.icon-phone:before, .icon-anchor:before, .icon-email:before {color: #000033;}
.icon-phone:before, .icon-anchor:before {margin-right: 0.5em;}
.icon-email:before{margin-right: 0;font-size:2em;}
div.footer img{width:96%; margin:0 auto;padding-top:.3em;}
/*------SONY XPERIA----*/
div.footer p.tiny{font-size:.7em; margin-top:1em;}
div.footer-2.col-1{text-align:center;}

.icon-quote-left:before {margin-right: .2em;font-style:italic;}
.icon-quote-right:before {margin-left: 0.2em;/*padding-left: .2em;*/font-style:italic;}
.icon-phone:before, .icon-anchor:before, .icon-email:before {color: #000033;}
.icon-phone:before, .icon-anchor:before {margin-right: 0.5em;}
.icon-email:before{margin-right: .2em;font-size:2em;}


.fb-plug {padding: 2em;margin:2em 0;}

@media screen and (min-width: 480px){
body {background-size:cover;}




}

@media screen and (min-width:600px){
	
	
}

@media screen and (min-width:900px){
		 
	.inner{background:none;width:100%;height:40%;}


       .header{height:33.333%;}
	  div.logo{width:100%;border:2px yellow solid; padding:1%;}
	  
	  div.innerWrap{width:100%; padding:1%; height:33.333%;}
	  div.inner-lev-2{width:100%;padding:1%;}
	   	   img.tuna {float:right;width:50%;}
		   .bottom{height:33.333%;}
	   div.bottom, div.bottom-outside {border: 2px solid yellow;width: 100%;padding:1%;}
	   
	   .msg, img.tuna{float:none;}
	   .row-1{width:100%;float:none; border:2px blue dotted;}
	   .row-2{width:50%;float:left; border:2px white dotted;}
	   .col-2{-webkit-column-count:2;-moz-column-count:2;column-count:2;
	   -webkit-column-gap:2%;-moz-webkit-column-gap:2%;column-gap:2%; border:2px white solid;}
	   div.footer {padding:1%;;height:30%;}
	   


	
}