@charset "UTF-8";


		div, p, a, li, td { -webkit-text-size-adjust:none; }
		
		
		/*/////  Phones  //////*/
		
		
		@media only screen 
		and (min-width : 320px) 
		and (max-width : 760px) {
			
			 a, .b, .on, .buttons {width:100%; clear:both;}
			 ul {margin-left:-10px;}
			 li {font-size:16px;}
			.buttons {display:block;}
			.buttons a {font-size:34px;}
			.rsImg {padding-bottom:10px;}
			.royalSlider.rsDefault {padding: 0 0 0 0 !important;}
			.description {left:30px; bottom:20px; font-size:10px; width:90%;}
			.category {bottom:10px;left:20px; font-size:14px; display: none !important;}
			.slash {display:none !important}	
			.item {width:96%; margin:2%;}
			.thumbs_container, #thumbs_container {width:95%; padding:100px 0 50px 0; margin:auto;}
			.box {width:96%; min-width:none; margin:2%;}
			.index {font-size:80px; letter-spacing:-3px;}
			.cln {margin:0 0 0 0;}
			.photo {font-size:20px !important;}
			.moff {width:16px; height:16px;}
			.break {display:block;}
			
			#menu {height:60px;}
			#menubutton {font-size:16px; right:-15px; top:17px;}	
			#titlos h1, #tindex h1 {font-size:24px;}
			#titlos, #tindex {position:fixed; top:18px; left:20px; padding:0;}	
			#intro {font-size:50px; left:0px; top:35%; margin-left:0px; letter-spacing:0px; width:100%;}
			#intro .photo {font-size:20px; letter-spacing:0px;}
			#heading {padding:0 0 0 0;}
			#heading h1 {font-size:40px;}
			
			#porthead {top:35%;}
			#view {font-size: 20px; width: 50%;}
			#title {font-size:60px; letter-spacing:-2px;}
		
			#switchboard {position:static; width:auto; padding:160px 0 0 0; line-height:40px; text-align:center; opacity:1;}
			#leftpad, #rightpad {width:0; height:0; top:-100px;}
			#counter {font-size:16px; letter-spacing:2px; bottom:16px; right:20px;}
			#label {display:none;}
			#labelR {font-size:10px; left:-30px; top:40px;}
			#thumbnails {top:18px; right:20px; width:18px; height:18px;}
			#name {font-size:20px; left:20px; bottom:15px; padding:0 0 0 0; letter-spacing:0px;}
			#external_title {font-size:80px; letter-spacing:-2px;}
			#external_caption {font-size:16px; text-align:left; line-height:24px; width:80%; padding:0 0 20px 0; margin:40px auto 0 auto;}
			#preloader {top:40%; left:50%; width:14px; height:14px; margin:0 0 0 -7px}
			#biography {font-size:18px; line-height:26px; padding:130px 0 100px 0; width:80%; max-width:680px; text-align:left;}
			#niootag {position:static; width:100px; margin:0; padding:60px 0 60px 30px;}
			#web {color:#999;}
			.nioute {display:none;}
			
		}
		
		
		@media only screen 
		and (min-width : 320px) 
		and (max-width : 760px) 
		and (orientation : landscape) {
			
			
		}
		
		
		/*/////  Tablets  //////*/
		
		
		@media only screen 
		and (min-width : 768px) 
		and (max-width : 1024px) {
			
			.buttons a {font-size:50px;}
			.box {width:43%; margin:3%;}
			.cln {margin:0 0 0 -30px;}
			.art, .index {font-size:70px !important; letter-spacing:-2px  !important; bottom:20px;}
			.category {display: none !important;}
			
			#intro {font-size:120px; left:0px; top:35%; margin-left:0px; letter-spacing:0px; width:100%;}
			#intro .photo {font-size:40px !important; letter-spacing:0px;}
			#titlos h1, #tindex h1 {font-size:28px;}	
			#titlos, #tindex {top:17px; left:30px;}	
			#title {font-size:100px; letter-spacing:-2px;}
			#menu {height:60px;}
			#menubutton {font-size:18px; right:-10px; top:18px;}
			#external_title {font-size:140px; letter-spacing:-2px;}
			#thumbs_container, .thumbs_container {width:95%;}
			#heading h1 {font-size: 50px;}
			#name {left:30px; bottom:20px; font-size:22px;}
			#leftpad, #rightpad {width:0; height:0; top:-100px;}
			#counter {font-size:16px; letter-spacing:2px; bottom:20px; right:30px;}
			#biography {font-size:18px; line-height:26px; padding:180px 0 100px 0; max-width:760px; text-align:left;}
			
		}
		
		
		@media only screen 
		and (min-width : 768px) 
		and (max-width : 1024px)
		and (orientation : portrait) {
			
			.cln {margin:0 0 0 -20px;}
			.item {width:46%; margin:2%;}
			.box {width:96%; min-width:none; margin:2%;}
			.art, .index {font-size:100px !important; letter-spacing:-2px  !important; bottom:20px;}
			
			#menu {height:60px;}
			#switchboard {padding: 35% 0 0 0;}
			#intro {font-size:90px; left:0px; top:40%; margin-left:0px; letter-spacing:0px; width:100%;}
			#biography {font-size:20px; line-height:30px; padding:180px 0 100px 0; width:70%; max-width:70%; text-align:justify;}
			
		}
		
		
		/*/////  Laptop  //////*/
		
		
		@media only screen 
		and (min-width : 768px) 
		and (max-width : 1550px) {
			
			.index {font-size: 100px;}
			#switchboard {width:100%; padding:20% 0 0 0;}
		
		}