/* ===============================================

OG - GRID + FRAMEWORK

Author Info:
    Name: Daniel Belt
    Email: dbelt93@gmail,com
    Website: dbelt93.github.io  

Site Info:
    Name: Your Name
    Phone: 111-555-5555
    Email: hello@website.com
    Website: www.website.com

Table of Contents:
    1. Base 
    2. Typography
    3. HTML Structures
    4. Grid
    5. Mobile

=============================================== */
/* ===============================================

Configuration File - Variables & Mixins

=============================================== */
/* line 13, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/_config.scss */
.after, .grid:after {
  content: "";
  display: table;
  clear: both; }

/* line 19, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/_config.scss */
.animate, a, .active, header .icon {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

/* line 32, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
::selection {
  background: #ffca08;
  color: #333; }

/* line 34, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
html, body {
  border: solid 5px #fff;
  background: url(../images/hero.jpg);
  background-attachment: fixed;
  background-position: top bottom;
  background-repeat: none;
  background-size: cover;
  overflow: auto;
  height: 100%;
  width: 100%; }

/* line 46, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
#background {
  min-height: 100%; }

/* line 48, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
a {
  color: inherit;
  text-decoration: none; }

/* line 53, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
a:hover {
  color: inherit; }

/* line 56, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
.active:hover {
  color: #ffca08;
  padding-bottom: 15px; }

/* line 60, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
h1, h2, h3, h4, h5, h6 {
  color: #3a3a3a;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 1.4; }

/* line 68, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
h1 {
  font-size: 50px; }

/* line 69, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
h2 {
  font-size: 42px; }

/* line 70, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
h3 {
  font-size: 32px; }

/* line 71, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
h4 {
  font-size: 28px; }

/* line 72, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
h5 {
  font-size: 22px; }

/* line 73, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
h6 {
  font-size: 16px; }

/* line 75, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
p {
  color: #5a5a5a;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0px; }

/* line 86, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
header {
  background: rgba(26, 26, 26, 0.75);
  height: 100%;
  padding: 300px 0px; }
  /* line 91, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
  header .logo {
    display: block;
    margin: 0 auto;
    padding-bottom: 50px;
    width: 425px; }
  /* line 98, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
  header .icon {
    width: 40px; }
  /* line 100, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
  header .menu {
    text-align: center; }
  /* line 102, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
  header ul li {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px; }
  /* line 108, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
  header .fourohfour, header .home {
    color: #fff;
    font-weight: 700; }
  /* line 113, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
  header .fourohfour {
    margin-bottom: 25px; }
  /* line 115, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
  header .home:hover {
    color: #9a9a9a;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s; }

/* line 120, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* line 128, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
.grid {
  width: 100%;
  min-width: 230px;
  max-width: 1030px;
  margin: 0 auto; }

/* line 139, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
.loop1 {
  width: 8.33333%; }

/* line 139, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
.loop2 {
  width: 16.66667%; }

/* line 139, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
.loop3 {
  width: 25%; }

/* line 139, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
.loop4 {
  width: 33.33333%; }

/* line 139, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
.loop5 {
  width: 41.66667%; }

/* line 139, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
.loop6 {
  width: 50%; }

/* line 139, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
.loop7 {
  width: 58.33333%; }

/* line 139, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
.loop8 {
  width: 66.66667%; }

/* line 139, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
.loop9 {
  width: 75%; }

/* line 139, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
.loop10 {
  width: 83.33333%; }

/* line 139, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
.loop11 {
  width: 91.66667%; }

/* line 139, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
.loop12 {
  width: 100%; }

/* line 145, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
[class*='loop'] {
  float: left;
  padding: 10px; }

@media (max-width: 768px) {
  /* line 153, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
  html, body {
    border: none; }
  /* line 155, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
  [class*='loop'] {
    width: 100%; }
  /* line 159, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
  header {
    border: none;
    padding: 150px 0px;
    height: 100%;
    width: 100%; }
    /* line 165, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
    header .logo {
      width: 250px; }
    /* line 167, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
    header .icon {
      width: 30px; }
    /* line 169, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
    header ul li {
      margin-left: 5px;
      margin-right: 5px; } }

@media (max-width: 480px) {
  /* line 182, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
  header .logo {
    padding-bottom: 25px; } }

@media (max-width: 240px) {
  /* line 187, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
  header {
    padding: 75px 0px; }
  /* line 189, C:/Users/dbelt/Documents/GitHub/kazjames/stylesheets/main.scss */
  .icon {
    width: 25px; } }

/*# sourceMappingURL=main.css.map */