article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'Architects Daughter', cursive;
	font-weight: normal;
	font-size: 24px;
	padding: 0;
	margin: 0;
}
ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1,h2,h3,h4,h5,p { margin: 10px 0; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; display: block; }
.container { width: 1010px; margin: 0 auto; }

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

a { text-decoration: none; color: #000; }
a:hover { color: #56ab2b; }
img { max-width: 100%; height: auto; }
input[type="text"], input[type="email"], input[type="password"], input[type="submit"], textarea, select { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

/*Top Area*/
.top_area { padding: 15px 0 0; }
.top_wrapper { max-width: 900px; margin: 0 auto; }
.phone_in_hand { width: 50%; float: left; }
.phone_in_hand { display: block; }
.top_text { width: 50%; float: right; text-align: center; padding: 130px 0 0; }
.top_text p { font-size: 30px; line-height: 1.5em; }
.app_button { margin: 40px 0 0; }
.border { background: url('images/border.png')no-repeat bottom center; min-height: 15px; position: relative; top: -10px; }

/*Icons Area*/
.icons_area { text-align: center;  }
.icons_wrapper { padding: 20px 0 35px; }
.icons_area p { padding: 0 40px; line-height: 1.3em; }
.icons_list { padding: 10px 0 0; }
.icons_list ul { font-size: 0; }
.icons_list li { display: inline-block; width: 12.5%;  }
.il_wrap {  }

/*Contact Area*/
.cw_cont { width: 50%; float: left; }
.cw_text { max-width: 400px; margin: 0 auto; text-align: center; }
.cw_text p { margin: 15px 0 25px; line-height: 1.4em; }
.phone_frame { background: url('images/iphone-frame.png')no-repeat center center; max-width: 379px; margin: 0 auto; min-height: 771px; }
.emojis_list { position: relative; top: 103px; left: 30px; width: 318px; }
.click-here { background: url('images/click-here.png')no-repeat bottom center; }
.contact_wrapper { padding: 40px 0; }

/*Footer*/
.main_footer { padding: 30px 0; }
.footer_wrapper { max-width: 900px; margin: 0 auto; }
.social_links { float: left; }
.social_links li { display: inline-block; margin-left: 25px; }
.copyright { float: right; }
.copyright .app_button { float: left; margin: 0; }
.copy_text { float: left; margin-left: 40px; text-align: center; }
.copy_text p { line-height: 1.2em; margin: 0; }

/*inner pages*/
.page_wrapper { text-align: center; padding: 10px 20px 50px; }
.page_wrapper h1 { padding-bottom: 10px; }
.page_wrapper p { margin: 20px; line-height: 1.3em; }
.page_wrapper ul, .page_wrapper ol { text-align: left; margin-left: 20px; margin-top: 30px; }
.page_wrapper ul li, .page_wrapper ol li { position: relative; margin: 10px 0; padding-left: 20px; font-size: 22px; }
.page_wrapper ul li::before { background: #56ab2b; width: 8px; height: 8px; border-radius: 50%; content: ''; position: absolute; left: 0; top: 7px; }
.page_wrapper ol { counter-reset: item; }
.page_wrapper ol li { counter-increment: item; }
.page_wrapper ol li::before { content: counter(item) '.'; color: #56ab2b; position: absolute; left: 0; font-weight: 700; }


/*responsive*/
@media only screen and (max-width: 1009px) {
	.container { width: auto; padding: 0 20px; }
	.top_text { padding: 20px 0 0; width: auto; float: none; }
	.phone_in_hand { width: auto; float: none; max-width: 407px; margin: 40px auto 0; }
	.icons_list li { width: 25%; }
	.cw_text { max-width: 100%; }
	.cw_cont { width: auto; float: none; }
	.phone_frame { margin: 60px auto 20px; }
	.social_links { float: none; text-align: center; margin-bottom: 10px; }
	.copyright { float: none; max-width: 390px; margin: 0 auto; }
}

@media only screen and (max-width: 480px) {
	.container { padding: 0 10px; }
	.logo { width: 280px; margin: 0 auto; }
	.top_text p { font-size: 26px; }
	.phone_frame { background-size: contain; max-width: 300px; min-height: 612px; }
	.emojis_list { width: 255px; }
	.emojis_list { left: 23px; top: 79px; }
	.icons_area p { padding: 0; }
	.il_wrap { width: 60px; margin: 10px auto; }
	.app_button { margin: 20px 0 0; }
	.social_links li { width: 14%; margin-left: 22px; }
	.social_links li:first-child { margin-left: 0; }
	.copyright .app_button { width: 148px; margin-left: 10px; }
	.copy_text { margin-left: 25px; }
	.copy_text p { font-size: 18px; }
	.copyright { max-width: 300px; }
	.main_footer { padding: 20px 0; }
	.page_wrapper { padding-left: 0; padding-right: 0; }

}