/*----- General Styles -----*/

* {margin:0px; padding:0px; }

html {height:100%; width:100%; }
body {font-size:0.75em; font-family: 'Raleway', sans-serif; }


p {font-size: 1.2em; margin: 0 0 1em 0; padding: 0; line-height:1.5em; font-family: 'Raleway', sans-serif; font-weight: 400; color:#666666; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
h1 {font-size: 3em; font-family: "pacifico", sans-serif; font-weight:400; color:#ff99cc; line-height:1em; margin: 0 0 0.5em 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
h2 {font-size: 1.4em; font-family: 'Nunito', sans-serif; font-weight: 800;  color:#999999; line-height:1.3em; margin: 0 0 0.5em 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-transform:uppercase; }
h3 {font-size:1.5em; font-family: 'Montserrat', cursive; color:#79e2d6; line-height:1.2em; margin:0 0 1em 0; font-weight: 800; text-transform:none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-transform:uppercase; }

img {max-width:100%; margin: 0; padding: 0; display: block;  }
img.center {display: block; margin-left: auto; margin-right: auto }

ul {font-size: 1.2em; margin: 0 0 1em 0; padding: 0; line-height:1.5em; font-family: 'Raleway', sans-serif; font-weight: 400; color:#666666; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
ul li {list-style-type:none; }

/*----- Font Colors -----*/

.coral {color: #ffabaf; }
.mint {color: #b3e2d2; }
.blue {color: #abcdfd; }
.teal {color: #80dce7; }
.yellow {color:#f9c04c; }

a:link {color: #ff99cc; text-decoration:none;}
a:visited {color: #ff99cc; text-decoration:none;}
a:hover {color: #ff99cc; text-decoration:none;}
a:active {color: #ff99cc; text-decoration:none;}
a.selected {color: #ff99cc; text-decoration:none;}

a.coral:link {color: #ffabaf; text-decoration:none;}
a.coral:visited {color: #ffabaf; text-decoration:none;}
a.coral:hover {color: #ffabaf; text-decoration:none;}
a.coral:active {color: #ffabaf; text-decoration:none;}


/*----- Helper Styles -----*/

.clear, .cb {clear:both;}
.left {float:left;}
.right {float:right;}
.center {text-align:center; }
.hidden {display:none; }



@media (min-width: 900px) { 

#wrapper {width:100%; padding:0px 0px 35px 0px; margin:0 auto; }

/*----- Homepage Header -----*/

#wrapper #header-home {width:100%; min-height:500px; margin:0 auto; background:url(../images/header3.jpg) no-repeat center top; }
#wrapper #header-home .inner {width:40%; float:left; padding:50px 5% 0 50%; text-align:center; }

#wrapper #header-home .inner .logo {width:100%; padding-bottom:30px; }
#wrapper #header-home .inner .about {width:100%; font-size: 1.2em; font-family: 'Nunito', sans-serif; font-weight: 400; color:#666666; line-height:1.1em; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

#wrapper #header-home .inner .join {width:100%; }
#wrapper #header-home .inner .join .subscribe {width:100%; margin:0 auto; text-align:center; padding:4px; border-radius: 5px; background-color:#ffffff; height:35px }
#wrapper #header-home .inner .join .subscribe .input {width:100%; padding:0; }
#wrapper #header-home .inner .join .subscribe .button {height: 35px; border: none; }
#wrapper #header-home .inner .join .subscribe #email {
  float:left;
  width: 68%;
  height: 35px;
  background: #ffffff;
  font-family: inherit;
  font-size:1.1em;
  color: #737373;
  letter-spacing: 1px;
  text-indent: 2%;
  border-radius: 5px;
}

#wrapper #header-home .inner .join .subscribe #submit {
  float:right;
  width: 30%;
  height: 35px;
  background: #ff99cc;
  font-family: inherit;
  font-size:1em;
  color:#ffffff;
  letter-spacing: 1px;
  border-radius:5px;
  cursor: pointer;
  transition: background .3s ease-in-out;
}
  
#wrapper #header-home .inner .join .subscribe #submit:hover {
  background: #ffc9fa;
}

/*----- Homepage Content -----*/

#wrapper #content {max-width:960px; margin:35px auto; padding:0px 20px 0px 20px; }

#wrapper #craft-of-the-day {max-width:960px; margin:25px auto 0 auto; background-color:#ffe3e9; }
#wrapper #craft-of-the-day .photo {float:left; width:57.91%; margin-top:-2.15%; }
#wrapper #craft-of-the-day .details {float:right; width:40%; padding:50px 10px 0 0; }
#wrapper #craft-of-the-day .details h1 a:link {color: #ffa7b9; text-decoration:none;}
#wrapper #craft-of-the-day .details h1 a:visited {color: #ffa7b9; text-decoration:none;}
#wrapper #craft-of-the-day .details h1 a:hover {color: #ffa7b9; text-decoration:none;}
#wrapper #craft-of-the-day .details h1 a:active {color: #ffa7b9; text-decoration:none;}
#wrapper #craft-of-the-day .details h2 {color:#a1a1a1; margin:0 0 25px 0; }
#wrapper #craft-of-the-day .details h3 {color:#92cae5; }
#wrapper #craft-of-the-day .details .more-btn {width:150px; margin:20px 0 0 0; padding:10px; text-align:center; background-color:#ffa7b9; border-radius:5px; }
#wrapper #craft-of-the-day .details .more-btn a {width:100%; color:#ffffff; text-decoration:none; text-transform:uppercase; font-size:1.2em; padding:0; display:block; transition: .3s ease-in-out; }
#wrapper #craft-of-the-day .details .more-btn:hover {background-color:#92cae5; transition:.3s ease-in-out; }

#wrapper #tutorials {max-width:960px; margin:30px auto 25px auto; }
#wrapper #tutorials h2 {padding-top:20px; }
#wrapper #tutorials .project1 {float:left; width:48.43%; }
#wrapper #tutorials .project2 {float:right; width:48.43%; }
#wrapper #tutorials .more-btn {width:150px; margin:10px 0 0 0; padding:10px; text-align:center; background-color:#ff9ba0; border-radius:5px; }
#wrapper #tutorials .more-btn a {width:100%; color:#ffffff; text-decoration:none; text-transform:uppercase; font-size:1.2em; padding:0; display:block; transition: .3s ease-in-out; }
#wrapper #tutorials .more-btn:hover {background-color:#92cae5; transition:.3s ease-in-out; }

#wrapper #deals {max-width:960px; margin:0px auto 25px auto; padding-top:25px; border-top:1px solid #cccccc; }
#wrapper #deals h2 {color:#ff99cc; text-align:center; padding-bottom:15px; }
#wrapper #deals p {text-align:center; padding-top:10px; }
#wrapper #deals .deal1 {float:left; width:31.25%; margin-right:3.12%; }
#wrapper #deals .deal2 {float:left; width:31.25%; margin-right:3.12%; }
#wrapper #deals .deal3 {float:right; width:31.25%; }
#wrapper #deals .more-btn {width:150px; margin:20px auto 0 auto; padding:10px; text-align:center; background-color:#ff99cc; border-radius:5px; text-align:center; clear:both; }
#wrapper #deals .more-btn a {width:100%; color:#ffffff; text-decoration:none; text-transform:uppercase; font-size:1.2em; padding:0; display:block; transition: .3s ease-in-out; }
#wrapper #deals .more-btn:hover {background-color:#92cae5; transition: .3s ease-in-out; }

/*----- Header -----*/

#wrapper #header {width:100%; margin:0 auto; border-top:5px solid #fff677; }
#wrapper #header .inner {max-width:960px; padding:20px 20px 0 20px; margin:0 auto; }

#wrapper #header .inner .logo {width:50%; margin:0 auto; background:url(../images/header-800-bg.gif) no-repeat center top; background-size:contain; }
#wrapper #header .inner .logo img { margin:0 auto; text-align:center; }

#wrapper #header .inner .menu {width:100%; margin:25px 0 0 0; padding:10px 0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; clear:both; }

#wrapper #header .inner .menu ul {list-style-type:none; margin:0; padding:0; text-align: center; }
#wrapper #header .inner .menu li {display:inline; padding:0 2.5% 0 0; }
#wrapper #header .inner .menu li:last-child {padding:0; }
#wrapper #header .inner .menu li a {text-decoration:none; font-size: 0.9em; font-family: 'Nunito', sans-serif; font-weight: 800; color:#999999; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; display:inline-block; }
#wrapper #header .inner .menu li a:hover {color:#ff99cc; }
#wrapper #header .inner .menu li .selected {color:#ff99cc; }


/*----- Category Page -----*/

#wrapper #content .breadcrumbs {width:100%; padding-bottom:35px; color:#999999; text-transform:uppercase; }
#wrapper #content .breadcrumbs a {color:#color: #ff99cc; }
#wrapper #content .breadcrumbs a:hover {text-decoration:underline; }

#wrapper #content .inner .intro {width:50%; margin:0 auto 35px auto; text-align:center; }

#wrapper #content .inner h2 a:link {color: #999999; text-decoration:none;}
#wrapper #content .inner h2 a:visited {color: #999999; text-decoration:none;}
#wrapper #content .inner h2 a:hover {color: #ffa7b9; text-decoration:none;}
#wrapper #content .inner h2 a:active {color: #999999; text-decoration:none;}

#wrapper #content .inner .col1 {width:48.95%; float:left; margin:0; text-align:center; }
#wrapper #content .inner .col2 {width:48.95%; float:right; margin:0; text-align:center; }

#wrapper #content .inner .col1 .img {margin-bottom:20px; }
#wrapper #content .inner .col2 .img {margin-bottom:20px; }

#wrapper #content .inner h1 {font-size: 2.5em; }
#wrapper #content .inner h2 { }

#wrapper #content .inner .view-project-btn {width:220px; margin:15px auto 25px auto; text-align:center; background-color:#fe9ba5; box-shadow:inset 0px 0px 0px 3px #fe9ba5, inset 0px 0px 0px 4px #fff;  }
#wrapper #content .inner .view-project-btn a {width:220px; color:#ffffff; text-decoration:none; text-transform:uppercase; font-size:14px; padding:6px 0; display:block; transition: .3s ease-in-out; }
#wrapper #content .inner .view-project-btn:hover {background-color:#92cae5; transition: .3s ease-in-out; }


/*----- Product Page -----*/

#wrapper #content .inner .col3 {width:52.08%; float:left; }
#wrapper #content .inner .col3 #image {height:auto; width:100%;}
#wrapper #content .inner .col3 .thumb{float:left; margin-right:10px; margin-top:10px; height:auto; width:20%;}

#wrapper #content .inner .col4 {width:44%; float:right; }
#wrapper #content .inner .col4 h3 {font-size:1.3em; }
#wrapper #content .inner .col4 .purchase-btn {width:70%; margin:20px 0 20px; padding:10px; text-align:center; background-color:#ff99cc; border-radius:5px; font-family: 'Nunito', sans-serif; font-weight: 800; text-transform:none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
#wrapper #content .inner .col4 .purchase-btn a {width:100%; color:#ffffff; text-decoration:none; text-transform:uppercase; font-size:14px; padding:6px 0; display:block; transition: .3s ease-in-out; }
#wrapper #content .inner .col4 .purchase-btn:hover {background-color:#fff47f; transition: .3s ease-in-out; }
#wrapper #content .inner .col4 .purchase-btn a:hover {color:#999999; }
#wrapper #content .inner .col4 .product-description {padding-top:20px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding-top:20px; }


}


@media (max-width: 899px) { 

p {font-size: 1.1em;  }
h1 {font-size: 2.8em;  }
h2 {font-size: 1.3em; }
h3 {font-size:1.4em;  }

#wrapper {width:100%; padding:0px 0px 35px 0px; margin:0 auto; }

/*----- Homepage Header -----*/

#wrapper #header-home {width:100%; min-height:450px; margin:0 auto; background:url(../images/header-900.jpg) no-repeat center top; }
#wrapper #header-home .inner {width:45%; float:left; padding:50px 2% 0 50%; text-align:center; }

#wrapper #header-home .inner .logo {width:100%; padding-bottom:30px; }
#wrapper #header-home .inner .about {width:100%; font-size: 1.2em; font-family: 'Nunito', sans-serif; font-weight: 400; color:#666666; line-height:1.1em; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

#wrapper #header-home .inner .join {width:100%; }
#wrapper #header-home .inner .join .subscribe {width:100%; margin:0 auto; text-align:center; padding:4px; border-radius: 5px; background-color:#ffffff; height:35px }
#wrapper #header-home .inner .join .subscribe .input {width:100%; padding:0; }
#wrapper #header-home .inner .join .subscribe .button {height: 35px; border: none; }
#wrapper #header-home .inner .join .subscribe #email {
  float:left;
  width: 68%;
  height: 35px;
  background: #ffffff;
  font-family: inherit;
  font-size:1.1em;
  color: #737373;
  letter-spacing: 1px;
  text-indent: 2%;
  border-radius: 5px;
}

#wrapper #header-home .inner .join .subscribe #submit {
  float:right;
  width: 30%;
  height: 35px;
  background: #ff96c9;
  font-family: inherit;
  font-size:1em;
  color:#ffffff;
  letter-spacing: 1px;
  border-radius:5px;
  cursor: pointer;
  transition: background .3s ease-in-out;
}
  
#wrapper #header-home .inner .join .subscribe #submit:hover {
  background: #ffc9fa;
}

/*----- Homepage Content -----*/

#wrapper #content {max-width:960px; margin:30px auto; padding:0px 20px 0px 20px; }

#wrapper #craft-of-the-day {max-width:960px; margin:25px auto 0 auto; background-color:#ffe3e9; }
#wrapper #craft-of-the-day .photo {float:left; width:57.91%; margin-top:-2.15%; }
#wrapper #craft-of-the-day .details {float:right; width:40%; padding:30px 10px 20px 0; }
#wrapper #craft-of-the-day .details h1 a:link {color: #ffa7b9; text-decoration:none;}
#wrapper #craft-of-the-day .details h1 a:visited {color: #ffa7b9; text-decoration:none;}
#wrapper #craft-of-the-day .details h1 a:hover {color: #ffa7b9; text-decoration:none;}
#wrapper #craft-of-the-day .details h1 a:active {color: #ffa7b9; text-decoration:none;}
#wrapper #craft-of-the-day .details h2 {color:#a1a1a1; margin:0 0 25px 0; }
#wrapper #craft-of-the-day .details h3 {color:#92cae5; }
#wrapper #craft-of-the-day .details .more-btn {width:150px; margin:20px 0 0 0; padding:10px; text-align:center; background-color:#ffa7b9; border-radius:5px; }
#wrapper #craft-of-the-day .details .more-btn a {width:100%; color:#ffffff; text-decoration:none; text-transform:uppercase; font-size:1.2em; padding:0; display:block; transition: .3s ease-in-out; }
#wrapper #craft-of-the-day .details .more-btn:hover {background-color:#92cae5; transition:.3s ease-in-out; }

#wrapper #tutorials {max-width:960px; margin:30px auto 25px auto; }
#wrapper #tutorials h2 {padding-top:20px; }
#wrapper #tutorials .project1 {float:left; width:48.43%; }
#wrapper #tutorials .project2 {float:right; width:48.43%; }
#wrapper #tutorials .more-btn {width:150px; margin:10px 0 0 0; padding:10px; text-align:center; background-color:#ff9ba0; border-radius:5px; }
#wrapper #tutorials .more-btn a {width:100%; color:#ffffff; text-decoration:none; text-transform:uppercase; font-size:1.1em; padding:0; display:block; transition: .3s ease-in-out; }
#wrapper #tutorials .more-btn:hover {background-color:#92cae5; transition:.3s ease-in-out; }

#wrapper #deals {max-width:960px; margin:0px auto 25px auto; padding-top:25px; border-top:1px solid #cccccc; }
#wrapper #deals h2 {color:#ff99cc; text-align:center; padding-bottom:15px; }
#wrapper #deals p {text-align:center; padding-top:10px; }
#wrapper #deals .deal1 {float:left; width:31.25%; margin-right:3.12%; }
#wrapper #deals .deal2 {float:left; width:31.25%; margin-right:3.12%; }
#wrapper #deals .deal3 {float:right; width:31.25%; }
#wrapper #deals .more-btn {width:150px; margin:20px auto 0 auto; padding:10px; text-align:center; background-color:#ff99cc; border-radius:5px; text-align:center; clear:both; }
#wrapper #deals .more-btn a {width:100%; color:#ffffff; text-decoration:none; text-transform:uppercase; font-size:1.1em; padding:0; display:block; transition:.3s ease-in-out; }
#wrapper #deals .more-btn:hover {background-color:#92cae5; transition: .3s ease-in-out; }

/*----- Header -----*/

#wrapper #header {width:100%; margin:0 auto; border-top:5px solid #fff677; }
#wrapper #header .inner {max-width:960px; padding:20px 20px 0 20px; margin:0 auto; }

#wrapper #header .inner .logo {width:50%; margin:0 auto; background:url(../images/header-800-bg.gif) no-repeat center top; background-size:contain; }
#wrapper #header .inner .logo img { margin:0 auto; text-align:center; }

#wrapper #header .inner .menu {width:100%; margin:25px 0 0 0; padding:10px 0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; clear:both; }

#wrapper #header .inner .menu ul {list-style-type:none; margin:0; padding:0; text-align: center; }
#wrapper #header .inner .menu li {display:inline; padding:0 2.5% 0 0; }
#wrapper #header .inner .menu li:last-child {padding:0; }
#wrapper #header .inner .menu li a {text-decoration:none; font-size: 0.9em; font-family: 'Nunito', sans-serif; font-weight: 800; color:#999999; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; display:inline-block; }
#wrapper #header .inner .menu li a:hover {color:#ff99cc; }
#wrapper #header .inner .menu li .selected {color:#ff99cc; }

/*----- Category Page -----*/

#wrapper #content .breadcrumbs {width:100%; padding-bottom:35px; color:#999999; text-transform:uppercase; }
#wrapper #content .breadcrumbs a {color:#color: #ff99cc; }
#wrapper #content .breadcrumbs a:hover {text-decoration:underline; }

#wrapper #content .inner .intro {width:70%; margin:0 auto 35px auto; text-align:center; }

#wrapper #content .inner .col1 {width:48.95%; float:left; margin:0; text-align:center; }
#wrapper #content .inner .col1 h1 {font-size: 2.3em;  }
#wrapper #content .inner .col1 h2 { }

#wrapper #content .inner .col2 {width:48.95%; float:right; margin:0; text-align:center; }
#wrapper #content .inner .col2 h1 {font-size: 2.3em; padding-top:20px; }
#wrapper #content .inner .col2 h2 {padding-top:20px; }

#wrapper #content .inner .view-project-btn {width:220px; margin:15px auto 25px auto; text-align:center; background-color:#fe9ba5; box-shadow:inset 0px 0px 0px 3px #fe9ba5, inset 0px 0px 0px 4px #fff;  }
#wrapper #content .inner .view-project-btn a {width:220px; color:#ffffff; text-decoration:none; text-transform:uppercase; font-size:14px; padding:6px 0; display:block; transition: .3s ease-in-out; }
#wrapper #content .inner .view-project-btn:hover {background-color:#e7bdbb; box-shadow:inset 0px 0px 0px 3px #e7bdbb, inset 0px 0px 0px 4px #fff; transition: .3s ease-in-out; }

/*----- Product Page -----*/

#wrapper #content .inner .col3 {width:52.08%; float:left; }
#wrapper #content .inner .col3 #image {height:auto; width:100%;}
#wrapper #content .inner .col3 .thumb{float:left; margin-right:10px; margin-top:10px; height:auto; width:20%;}

#wrapper #content .inner .col4 {width:44%; float:right; }
#wrapper #content .inner .col4 h3 {font-size:1.3em; }
#wrapper #content .inner .col4 .purchase-btn {width:70%; margin:20px 0 20px; padding:10px; text-align:center; background-color:#ff99cc; border-radius:5px; font-family: 'Nunito', sans-serif; font-weight: 800; text-transform:none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
#wrapper #content .inner .col4 .purchase-btn a {width:100%; color:#ffffff; text-decoration:none; text-transform:uppercase; font-size:14px; padding:6px 0; display:block; transition: .3s ease-in-out; }
#wrapper #content .inner .col4 .purchase-btn:hover {background-color:#fff47f; transition: .3s ease-in-out; }
#wrapper #content .inner .col4 .purchase-btn a:hover {color:#999999; }
#wrapper #content .inner .col4 .product-description {padding-top:20px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding-top:20px; }


}


@media (max-width: 700px) { 

p {font-size:1em; }
h1 {font-size:2.6em; }
h2 {font-size:1.3em; }
h3 {font-size:1.2em; }

#wrapper #craft-of-the-day {margin:20px auto 0 auto; }

#wrapper #tutorials {margin:0px auto 25px auto; padding-top:20px; }
#wrapper #tutorials .more-btn {width:70%; margin:10px 15% 0 15%; text-align:center; background-color:#ff9ba0; border-radius:5px; }
#wrapper #tutorials .more-btn a {width:100%; color:#ffffff; text-decoration:none; text-transform:uppercase; font-size:1.1em; padding:0; display:block; transition: .3s ease-in-out; }
#wrapper #tutorials .more-btn:hover {background-color:#92cae5; transition:.3s ease-in-out; }

#wrapper #deals {max-width:960px; margin:0px auto 25px auto; padding-top:20px; border-top:1px solid #cccccc; }

}


@media (max-width: 600px) { 

p {font-size:1.1em; }
h1 {font-size:2.8em; }
h2 {font-size:1.3em; }
h3 {font-size:1.3em; }

/*----- Homepage Header -----*/

#wrapper #header-home {width:100%; min-height:300px; margin:0 auto; background:url(../images/header-600.jpg) no-repeat center top; }
#wrapper #header-home .inner {width:80%; float:left; padding:10px 10% 20px 10%; text-align:center; }

#wrapper #header-home .inner .logo {width:100%; padding-bottom:30px; }
#wrapper #header-home .inner .about {width:100%; font-size: 1.2em; font-family: 'Nunito', sans-serif; font-weight: 400; color:#666666; line-height:1.1em; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

#wrapper #header-home .inner .join {width:100%; }
#wrapper #header-home .inner .join .subscribe {width:100%; margin:0 auto; text-align:center; padding:4px; border-radius: 5px; background-color:#ffffff; height:35px }
#wrapper #header-home .inner .join .subscribe .input {width:100%; padding:0; }
#wrapper #header-home .inner .join .subscribe .button {height: 35px; border: none; }
#wrapper #header-home .inner .join .subscribe #email {
  float:left;
  width: 68%;
  height: 35px;
  background: #ffffff;
  font-family: inherit;
  font-size:1.1em;
  color: #737373;
  letter-spacing: 1px;
  text-indent: 2%;
  border-radius: 5px;
}

#wrapper #header-home .inner .join .subscribe #submit {
  float:right;
  width: 30%;
  height: 35px;
  background: #ff96c9;
  font-family: inherit;
  font-size:1em;
  color:#ffffff;
  letter-spacing: 1px;
  border-radius:5px;
  cursor: pointer;
  transition: background .3s ease-in-out;
}
  
#wrapper #header-home .inner .join .subscribe #submit:hover {
  background: #ffc9fa;
}

/*----- Homepage Content -----*/

#wrapper #content {max-width:960px; margin:10px auto; padding:0px 10px 0px 10px; }

#wrapper #craft-of-the-day {max-width:960px; margin:20px auto 0 auto; }
#wrapper #craft-of-the-day .photo {float:left; width:100%; margin-top:-3.6%; }
#wrapper #craft-of-the-day .details {float:left; width:90%; padding:10px 5% 20px 5%; text-align:center; }
#wrapper #craft-of-the-day .details h2 {color:#a1a1a1; margin:0 0 25px 0; }
#wrapper #craft-of-the-day .details h3 {color:#92cae5; }
#wrapper #craft-of-the-day .details .more-btn {width:150px; margin:20px auto 0 auto; padding:10px; text-align:center; border-radius:5px; }
#wrapper #craft-of-the-day .details .more-btn a {width:100%; color:#ffffff; text-decoration:none; text-transform:uppercase; font-size:1.2em; padding:0; display:block; transition: .3s ease-in-out; }
#wrapper #craft-of-the-day .details .more-btn:hover {background-color:#92cae5; transition:.3s ease-in-out; }

#wrapper #tutorials {max-width:960px; margin:0px auto 15px auto; padding-top:20px; text-align:center; }
#wrapper #tutorials h2 {padding-top:20px; }
#wrapper #tutorials .project1 {float:left; width:100%; }
#wrapper #tutorials .project2 {float:left; width:100%; }

#wrapper #deals {max-width:960px; margin:0px auto 25px auto; padding-top:25px; border-top:1px solid #cccccc; }
#wrapper #deals h2 {color:#ff99cc; text-align:center; padding-bottom:15px; }
#wrapper #deals p {text-align:center; padding-top:10px; }
#wrapper #deals .deal1 {float:left; width:48.43%; margin-right:0; }
#wrapper #deals .deal2 {float:right; width:48.43%; margin-right:0; }
#wrapper #deals .deal3 {display:none; }
#wrapper #deals .more-btn {width:150px; margin:20px auto 0 auto; padding:10px; text-align:center; background-color:#ff99cc; border-radius:5px; text-align:center; clear:both; }
#wrapper #deals .more-btn a {width:100%; color:#ffffff; text-decoration:none; text-transform:uppercase; font-size:1.1em; padding:0; display:block; transition:.3s ease-in-out; }
#wrapper #deals .more-btn:hover {background-color:#92cae5; transition: .3s ease-in-out; }

/*----- Category Page -----*/

#wrapper #content .inner .intro {width:90%; margin:0 auto 35px auto; text-align:center; }

#wrapper #content .inner .col1 {width:100%; float:left; margin:0; text-align:center; }
#wrapper #content .inner .col1 h1 {padding-top:20px; }
#wrapper #content .inner .col1 h2 {padding-top:20px; }

#wrapper #content .inner .col2 {width:100%; float:right; margin:0; text-align:center; }
#wrapper #content .inner .col1 h1 {padding-top:20px; }
#wrapper #content .inner .col2 h2 {padding-top:20px; }

#wrapper #content .inner .view-project-btn {width:220px; margin:15px auto 25px auto; text-align:center; background-color:#fe9ba5; box-shadow:inset 0px 0px 0px 3px #fe9ba5, inset 0px 0px 0px 4px #fff;  }
#wrapper #content .inner .view-project-btn a {width:220px; color:#ffffff; text-decoration:none; text-transform:uppercase; font-size:14px; padding:6px 0; display:block; transition: .3s ease-in-out; }
#wrapper #content .inner .view-project-btn:hover {background-color:#e7bdbb; box-shadow:inset 0px 0px 0px 3px #e7bdbb, inset 0px 0px 0px 4px #fff; transition: .3s ease-in-out; }

/*----- Product Page -----*/

#wrapper #content .inner .col3 {width:100%; float:left; padding-bottom:20px; }
#wrapper #content .inner .col3 #image {height:auto; width:100%;}
#wrapper #content .inner .col3 .thumb{float:left; margin-right:10px; margin-top:10px; height:auto; width:20%;}

#wrapper #content .inner .col4 {width:100%; float:right; text-align:center; }
#wrapper #content .inner .col4 h3 {font-size:1.3em; }
#wrapper #content .inner .col4 .purchase-btn {width:100%; margin:20px 0 20px; padding:10px 0; text-align:center; background-color:#ff99cc; border-radius:5px; font-family: 'Nunito', sans-serif; font-weight: 800; text-transform:none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
#wrapper #content .inner .col4 .purchase-btn a {color:#ffffff; text-decoration:none; text-transform:uppercase; font-size:14px; padding:6px 0; display:block; transition: .3s ease-in-out; }
#wrapper #content .inner .col4 .purchase-btn:hover {background-color:#fff47f; transition: .3s ease-in-out; }
#wrapper #content .inner .col4 .purchase-btn a:hover {color:#999999; }
#wrapper #content .inner .col4 .product-description {padding-top:20px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding-top:20px; }


}