@charset "UTF-8";
/*
Theme Name: iTinyK
Theme URI: tbc
Author: Den Creative
Author URI: http://wwww.dencreative.com
Description: iTinyK theme
Version: 1.0
*/
/*

	INDEX
	
	///////////////////////////
	SECTION 01 - CSS FOUNDATION
	SECTION 02 - GLOBALS
	SECTION 03 - HEADER STYLES
	SECTION 04 - FOOTER STYLES
	///////////////////////////

*/
/* SECTION 01 - CSS FOUNDATION
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body { margin: 0; font-size: 16px; }

h1, h2, h3, h4, p, blockquote, figure, ol, ul { margin: 0; padding: 0; }

li { display: block; }

h1, h2, h3, h4 { font-size: inherit; }

a { text-decoration: none; color: inherit; outline: none; }

img { max-width: 100%; height: auto; border: 0; }

@font-face { font-family: 'icomoon'; src: url("fonts/icomoon.eot?-5mkvpk"); src: url("fonts/icomoon.eot?#iefix-5mkvpk") format("embedded-opentype"), url("fonts/icomoon.woff?-5mkvpk") format("woff"), url("fonts/icomoon.ttf?-5mkvpk") format("truetype"), url("fonts/icomoon.svg?-5mkvpk#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-social-twitter:before { content: "\e600"; }

.icon-social-facebook:before { content: "\e601"; }

.icon-social-linkedin:before { content: "\e602"; }

.icon-download:before { content: "\e603"; }

a { -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.wrapper { text-align: center; }

/* SECTION 02 - GLOBALS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html, html a { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); font-size: 19px; }

body { height: 100%; width: 100%; color: #FFFFFF; font-family: 'Source Sans Pro', sans-serif; line-height: 1.8; background: #E51F69; }

a:link, a:visited { opacity: 0.8; }

a:hover, a:active, a:focus { opacity: 1; }

h1 { font-size: 1.875rem; margin-bottom: 30%; }

p { margin: 10% auto; }
@media (max-width: 1023px) { p { margin: 6% auto; } }

.clearfix { clear: both; }

.wrapper { position: absolute; height: 50%; width: 100%; display: -ms-flexbox; -ms-align-items: center; -ms-justify-content: center; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; display: flex; align-items: center; justify-content: center; }
.wrapper.top { top: 0; background: #FFFFFF; }
@media (max-width: 1023px) { .wrapper.top figure { width: 60%; margin: 0 auto; } }
.wrapper.bottom { bottom: 0; }

@media (max-height: 660px), (max-height: 660px) and (max-width: 1023px) { 

.wrapper.top { left: 0; }
.wrapper.bottom { right: 0; } 
.wrapper { height: 100%; width: 50%; } 

}

span[class^="icon"] { font-size: 1.25rem; margin: 0 10px; }

aside, aside a { font-size: 0.75rem; }

aside { margin-top: 10%; }
@media (max-width: 1023px) { aside { margin-top: 6%; } }

@media (max-height: 568px) and (max-width: 320px) {
	.wrapper { height: 50%; width: 100%; }
	h1 { margin-bottom: 0;}
       .box p {margin: 3% auto;}
}

/* SECTION 03 - HEADER
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* SECTION 04 - FOOTER
–––––––––––––––––––––––––––––––––––––––––––––––––– */