/*--------------------------------------------------------------------

	Holding CSS
	Designed & Handcrafted by The Pixel Parlour

--------------------------------------------------------------------*/



/*------------------------------------------------------------------*/
/*	1.	CSS Resets
/*------------------------------------------------------------------*/

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; }
body { line-height: 1.2; }
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; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

.hidden { display: none; }

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }

.clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width:100%; }

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



/*------------------------------------------------------------------*/
/*	2.	Common Styles
/*------------------------------------------------------------------*/

/*--------------------------------------------------------------------
	
	Font: Open Sans
	Weights: 400, 600, 700	
	
--------------------------------------------------------------------*/

* { margin: 0; padding: 0; }
html { min-height: 100%; background-color: #FAFAFA; }
body { min-width: 320px; height: 100%; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; color: #434343; margin: 0; text-align: center; -webkit-text-size-adjust: none; }

img { width: auto; max-width: 100%; height: auto; vertical-align: bottom; }

h1, h2, h3, h4, h5, h6 { font-weight: 600; color: #333; margin: 0 0 18px 0; }
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.5em; }

p { font-size: 1.3em; margin: 0; }

/* CSS Animation */
a,
.scrolldown{ 
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
}

a { color: #A21F3C; text-decoration: none; border-bottom: 1px solid transparent; }
a:hover { border-bottom-color: #CCC; }



/*------------------------------------------------------------------*/
/*	3.	Universal Elements
/*------------------------------------------------------------------*/

.holdingwrapper { position: relative; max-width: 490px; padding: 200px 20px; margin: 0 auto; }

.logo { margin: 0 0 30px 0; }
.intro { }

/*------------------------------------------------------------------*/
/*	4.	Responsive
/*------------------------------------------------------------------*/

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

body { font-size: 13px; }
.holdingwrapper { padding: 80px 20px; }

}