* {padding: 0;margin: 0;}
*, *:before, *:after {box-sizing: border-box;}
::-moz-selection {color: #fff;background: #0088f3;}
::selection {color: #fff;background: #0088f3;}
html {position: relative;}
body {font: 16px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;color: #666;background: #F8F8F8;position: relative;}
html, body {width: 100%;height: 100% !important;}
h1 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 1.9375em;font-weight: 600;color: #222;margin: 0;}
h2 {font-size: 18px;font-weight: 300;color: #aaa;margin: 10px 0 0;}
h3 {font-size: 18px;font-weight: normal;color: #333;margin: 0 0 20px;}
h4 {font-size: 16px;font-weight: bold;margin: 21px 0;}
h5 {font-size: 13.28px;font-weight: bold;margin: 22px 0;}
h6 {font-size: 10.72px;font-weight: bold;margin: 25px 0;}
p {margin: 16px 0;}
a, a:active, a:focus, a:hover {text-decoration: none;cursor: pointer !important;}
a {color: #0088f3;}
a:active, a:focus {color: #0088f3;}
a:hover {color: #0088f3;}
ul {list-style-type: none;}
ol {list-style-type: decimal !important;}
li {display: inline-block;}
img {vertical-align: middle;}
label {font-weight: normal;}
article, aside, details, figcaption, figure, footer, header, main, nav {display: block;}
table {border-spacing: 0;border-collapse: separate;table-layout: fixed;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: none;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-hyphens: none;}
iframe {border: 0 !important;}
button:focus, button:active {outline: none !important;}
:focus {outline: -webkit-focus-ring-color auto 5px;}
.hide {display: none !important;}
.truncate {white-space: nowrap;text-overflow: ellipsis;width: 100%;overflow: hidden;}
.center-block {float: none !important;}

.contact-nav {float: left;width: 100%;padding: 15px 20px 0;text-align: center;}
.contact-nav ul {margin: 0 auto;cursor: default;display: inline-block;}
.contact-nav ul li {float: left;}
.contact-nav ul li a {font-size: 13px;line-height: 1.35;color: #0088f3;float: left;padding: 9px 12px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.contact-nav ul li a.contact {color: #fff;background: #0088f3;margin-left: 12px;}
.contact-nav-push {height: 50px;display: none;}

#profile-section.wrapper, #content-section.wrapper, #footer-section.wrapper {max-width: 600px;margin: 0 auto;}
#profile-section.wrapper {padding: 65px 40px 0;}
#content-section.wrapper {padding: 40px 40px 25px;}
#footer-section.wrapper {padding: 0 40px 20px;}

#profile-section {text-align: center;position: relative;clear: both;}
#profile-section .avatar {width: 80px;height: 80px;margin-bottom: 20px;border-radius: 50%;}

#content-section .media {padding: 25px 0 40px;margin: 0;}
#content-section .media-left {padding-right: 16px;}
#content-section .media-left .media-image {background-position: center;background-repeat: no-repeat;background-size: cover;width: 56px;height: 56px;}
#content-section .media-left .media-image.dribbble {background-image: url(../images/dribbble-ball.png);}
#content-section .media-left .media-image.youtube {background-image: url(../images/youtube-play.png);}
#content-section .media-left .media-image.wink {background-image: url(../images/wink.png);}
#content-section .media-left .media-image.study {background-image: url(../images/study.png);}
#content-section .media-body p {line-height: 1.7;margin: 0 0 20px;}

#footer-section {text-align: center;}
#footer-section footer {box-shadow: inset 0 1px 0 #eee;}
#footer-section .copyright {font-size: 14px;line-height: 1.5;color: #bbb;margin: 0 0 20px;margin: 0 auto;display: block;padding: 25px;display: inline-block;}
#footer-section #siteseal {display: inline-block;padding: 0 25px;}

@media only screen and (min-width : 640px) {
	h1 {font-size: 3em;}
	h2 {font-size: 20px;}
	h3 {font-size: 20px;}
}

@media only screen and (min-width : 792px) {
	#profile-section header {border-bottom: 1px solid #eee;padding-bottom: 40px;}
	#content-section .media-left {padding-right: 32px;}
	#content-section .media-left .media-image {width: 72px;height: 72px;}
}

@media only screen and (min-width : 1094px) {
	.contact-nav-push {display: block;}
	.contact-nav {position: fixed;}
	.contact-nav ul {float: right;}
}

/**
 * Author: Steven McCabe <steone3@gmail.com>
 * Description: Short description.
 * Version: 1.0.0
 * Last update: DD/MM/YYYY
 *
 * Table of Contents:
 *
 * ---------------------------------------------------
 * 1.0 - css reset and general styles
 * ---------------------------------------------------
 *
 * ---------------------------------------------------
 * 2.0 - section
 * ---------------------------------------------------
 * 2.1 - sub-section
 * 2.2 - sub-section
 * 2.3 - sub-section
 *
 */

/* --------------------------------------------------------------------------
   1.0 - css reset and general styles
   -------------------------------------------------------------------------- */












/* --------------------------------------------------------------------------
   0.0 - section
   -------------------------------------------------------------------------- */

/* 0.1 - sub-section
   -------------------------------------------------------------------------- */

/* 0.2 - sub-section
   -------------------------------------------------------------------------- */

/* 0.3 - sub-section
   -------------------------------------------------------------------------- */












/* basic comment */




/*
 * long comment
 */