/* main.css v1.0 | @richrrd | 2017.11.16 */

/* Typography

font-family: 'Montserrat', sans-serif;
*/


/* General */ 

html { }
body { font-family: 'Montserrat', sans-serif; background: #f5f5f5 url('../images/site/bg-tile.png') repeat left top; color: #494948;  text-align: center; }


/* Layout */

section { padding: 0 20px; margin: 0; }
header { padding: 0; margin: 0; }
#title { display: inline-block; padding: 70px 60px; margin: 200px 0 ; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
footer { padding: 50px 20px 80px; background: #dddcd4; border-bottom: 3px solid rgba(73, 73, 72, 0.5);
}


/* Typography */

h1 { font-size: 4.5em; font-weight: 200; padding: 0; margin: 15px; line-height: 0.8em;
}
h2 { font-size: 1.125em; font-weight: 400; text-transform: uppercase; padding: 0; margin: 0; }
h3 { font-size: 1.250em; font-weight: 300; }
p  { font: 1.1em/1.3em, margin: 0 auto 20px;  }
footer p {  font-size: 0.750em; font-weight: 300; line-height: 1.4em; margin-bottom: 0;  }


/* General Links */
a, a:visited { text-decoration: none; margin: 0; color: #00ccff; text-decoration: none; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; -ms-transition: color 1s ease; -o-transition: color 1s ease; transition: color 1s ease; }
a:hover { color: #0099cc; text-decoration: none; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; -ms-transition: color 1s ease; -o-transition: color 1s ease; transition: color 1s ease;}




/* Queries */

@media (max-width:768px) {
h1 { font-size: 2.75em; font-weight: 200; padding: 0; margin: 15px; line-height: 0.8em;
}
#title { margin: 100px 0;  }

}


@media (max-width:600px) {

}