* {
    position:relative;
    
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
    text-decoration: none; 
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body															{ line-height: normal; }
ol, ul 															{ list-style: none; }
blockquote, q 													{ quotes: none; }
blockquote:before, blockquote:after, q:before, q:after 	        { content:' '; content: none; }
:focus 															{ outline: 0; }
ins 															{ text-decoration: none; }
del 															{ text-decoration: line-through; }
table 															{ border-collapse: collapse; border-spacing: 0; }
img                                                             { display:block; }


main, 
header,
nav,
section, 
footer,
aside{
    display:block;
}

.separator{
    font-size:0;
    height:0;
    clear:both;
}

input, textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius:0;
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}



#mediaQuerySign {
    height: 0px !important;
}

/* SMARTPHONE PORTRAIT */
@media all and (max-width: 400px) {
    #mediaQuerySign {
        width: 400px;
    }
}

/* SMARTPHONE LANDSCAPE */
@media all and (min-width: 401px) and (max-width: 700px) {
    #mediaQuerySign {
        width: 700px;
    }
}

/* TABLET PORTRAIT */
@media all and (min-width: 701px) and (max-width: 1023px) {
    #mediaQuerySign {
        width: 1023px;
    }
}

/* TABLET LANDSCAPE */
@media all and (min-width: 1024px) and (max-width: 1200px) {
    #mediaQuerySign {
        width: 1200px;
    }
}

/* MEDIUM DESKTOP */
@media all and (min-width: 1201px) and (max-width: 1434px) {
    #mediaQuerySign {
        width: 1434px;
    }
}

/* LARGE DESKTOP */
@media all and (min-width: 1435px) {
    #mediaQuerySign {
        width: 2000px;
    }
}