/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus {outline:0;}
body {background: #fff;line-height:1;}
ol, ul {list-style:none;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {font-weight:normal;text-align: left;}
blockquote:before, blockquote:after,
q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:0;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}

/* fonts */

@font-face {
    font-family: 'kentucky_fireplace';
    src: url('../fonts/kentucky_fireplace_regular-webfont.eot');
    src: url('../fonts/kentucky_fireplace_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kentucky_fireplace_regular-webfont.woff2') format('woff2'),
         url('../fonts/kentucky_fireplace_regular-webfont.woff') format('woff'),
         url('../fonts/kentucky_fireplace_regular-webfont.ttf') format('truetype'),
         url('../fonts/kentucky_fireplace_regular-webfont.svg#kentucky_fireplaceregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* styles */

body {background:#eff0f0 url('../images/bg.png');background-size:500px 500px;font-family:'kentucky_fireplace';color:#333;line-height:1.3em;}

a {color:#1f76bc;-webkit-transition:.1s;-moz-transition:.1s;transition:.1s;}
a:hover {color:#e73d24;}

#main {width:500px;margin:0 auto;padding-top:20vh;}
#main h1 {display:none;}
#main .logo {width:100%;margin:0 0 30px;}

#social {margin:0 0 30px;}
#social ul {display:block;text-align:center;}
#social ul li {width:60px;height:60px;margin:0 20px;display:inline-block;}
#social ul li a {display:block;}
#social ul li a path {fill:#1f76bc;-webkit-transition:.1s;-moz-transition:.1s;transition:.1s;}
#social ul li a:hover {}
#social ul li a:hover path {fill:#e73d24;}

#download {text-align:center;margin:0 0 40px;}
#download a {display:inline-block;padding:10px 50px;border:2px solid #1f76bc;border-radius:50px;text-decoration:none;text-transform:uppercase;letter-spacing:2px;}
#download a:hover {border-color:#e73d24;background:#fff;}

#contact {text-align:center;padding:0 0 20px;}

/* media queries */

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	#main {width:460px;padding-top:10vh;}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	body {background-size:250px 250px;}
	#main {width:80%;}
	#social ul li {width:40px;margin:0 10px}
}