/* dev */


/*
.bottom>*{
	border: 1px dotted lime;
}/**/

.debug{
	margin: 20px;
	padding: 50px;
	background: url("/images/_dev/debug.png");

	border: 2px dotted #FAA;
	border-radius: 10px;

}
.debug>div{
	margin: 20px 0px;
}
.debug *{
	background-color: #FFF;
}


.vv{
	background-color: lime;
}

.vv, .vv-desktop, .vv-tablet, .vv-phone, .vv-subphone{
	width: 300px;
}


.outline	{ border: 2px solid aqua; 	}	
.outline img	{ border: 2px solid magenta; 	}
.outline a	{ border: 2px solid lime; 	}
.outline input	{ border: 2px solid yellow; 	}
.outline form	{ border: 2px solid yellow; 	}
.outline:hover	{ border: 2px solid red; 	}


/* desktop */
@media screen and (min-width: 968px) {
	.vv-desktop{
		background-color: lime;
	}
	.vv-test{
		font-size: 64px;
	}
}/* desktop */



/* tablet */
@media screen and (min-width: 480px) and (max-width: 968px) {
	.vv-tablet{	
		background-color: lime;
	}
	.vv-test{
		font-size: 32px;
		color: blue;
	}
}/* tablet */



/* phone */
@media screen and (max-width: 480px){
	.vv-phone{	
		background-color: lime;
	}
	.vv-test{
		font-size: 16px;
		color: red;
	}

}/* phone */



/* subphone */
@media screen and (max-width: 240px){
	.vv-subphone{	
		background-color: lime;
	}
	.vv-test{
		background-color: red;
	}
}/* subphone */




/* outline css */    
/*
div{	border: 1px solid lime !important; }
span{	border: 1px solid blue !important; }
p{	border: 1px solid aqua !important; }
img{	border: 1px solid red !important; }
a{	border: 1px solid blue !important; }
h1, h2, h3, h4, h5, h6{	border: 1px solid black !important; }
table, tr, td{	border: 1px solid magenta !important; }
/**/