/* =============================================================================
   MY-DEFAULTS
   ========================================================================== */
@import url("https://fonts.googleapis.com/css?family=Lato:100,300,300i,400,400i,500");
*,*:before,*:after{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: Lato, Verdana, Helvetica, Tahoma, Arial, sans-serif;font-weight:300;}
html,body,applet,article,aside,abbr,acronym,address,audio,big,blockquote,br,b,button,canvas,cite,code,caption,col,colgroup,center,del,dfn,details,div,dd,dl,dt,rem,rembed,fieldset,figcaption,figure,footer,form,header,hgroup,h1,h2,h3,h4,h5,h6,hr,i,ins,iframe,kbd,li,label,legend,mark,map,menu,nav,ol,output,object,pre,progress,p,q,ruby,s,samp,small,strike,strong,sub,sup,section,summary,time,tt,table,u,ul,video,var{display:block;margin:0;padding:0;border:0;}
::-moz-selection{background:#b055a1;color:#ffffff;}
::selection{background:#b055a1;color:#ffffff;}

/* =====BLOCK TEST======

	*{border: dotted 1px red !important;}

=====BLOCK TEST====== */

html{
    font-size:18px; /*	px	22	20	18 	16 	14	12 	10	8 	6 	4 	2	1	*/
    				/*	em	.92	.83	.75	.67	.58	.5	.42	.33	.25	.17	.08 .04	*/
	font-family:
	background-image: linear-gradient(#ffffff,#b055a1);
	background-repeat:no-repeat;
	height:100%;
	min-height:100%;
}

body{
	min-height:100%;
	max-width:1024px;
	overflow:auto;
	margin:0 auto;
	box-shadow:0 1em 2em rgba(0,0,0,.2);
	background-color:#ffffff;
	border-right:1px solid #b055a1;
	border-left:1px solid #b055a1;
	color:#787878;
	
	padding:2em;
}

a{text-decoration:none;color:#b055a1;}
a:visited{text-decoration:none;color:#b055a1;}
a:hover{text-decoration:none;color:#b055a1;}
a:focus{text-decoration:none;color:#b055a1;}
a:active{text-decoration:none;color:#b055a1;}

a img{border:none;}
img{display:block;}

h1{
	font-size:6rem;
	width:100%;
	margin:0 0 0 .25em;
	}
h2{
	font-size:4rem;
	}
h3{
	font-size:3rem;
	}
h4{
	font-size:2.33rem;
	text-transform:uppercase;
	}
h5{
	font-size:2rem;
	text-transform:uppercase;
	}
h6{
	font-size:1.5rem;
	text-transform:uppercase;
}

img {width:100%;max-width:800px;margin:0 auto 1em auto;}
.max{box-shadow:0 1em 2em rgba(0,0,0,.2);border:1px solid #b055a1;}
p{width:100%;max-width:800px;margin:1em auto;}
/* RESPONSIVE CLASSES */
	/* SCALING */
	@media(min-width:960px) and (max-width:1023px){html{transition:all .2s ease-in;font-size:18px;} body{border:none;}}
	@media(min-width:800px) and (max-width:959px){html{transition:all .2s ease-in;font-size:16px;} body{border:none;}}
	@media(min-width:737px) and (max-width:799px){html{transition:all .2s ease-in;font-size:12px;} body{border:none;}}
	/* SMALL SCREEN */
	@media (max-width:736px){
		html{
			transition:font-size .2s ease-in;
			font-size:18px;
		}
		body{

			width:100%;
			overflow-x:hidden;
			border:none;
		}	
	}