/*  
Theme Name: SimpleFolio
Theme URI: http://www.slimmity.com/
Description: Portfolio Theme based off SimpleBlog Theme
Version: 1.5
Author: Omar Corrales
Author URI: http://www.omarcorrales.com
*/

/* Reset */

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
.has-small-font-size {font-size:14px; line-height:17px;}
hr {border:1px solid #c4c4c4; margin:15px 0px 15px 0px;}

/* Main CSS */

body {background:#ffffff; font-weight:400; color: #313140; font-size:24px; line-height:29px; z-index:0; margin:0px; font-family: 'mother_natureregular', sans-serif;}	
a:link {color: #313140; text-decoration:none;}
a:visited {color: #313140; text-decoration:none;}
a:hover {color: #313140; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #313140; text-decoration-thickness: 1px; text-underline-offset: 2px;}
a:active {color: #313140; text-decoration:none;}

@font-face {font-family: 'mother_natureregular'; src: url('mother_nature-webfont.woff2') format('woff2'), url('mother_nature-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
sup {vertical-align: super; font-size: smaller;}
ul {}
ul li {list-style:disc; padding:1px 0px 1px 0px; margin-left:20px;}

strong { font-weight:700;}
.underline {text-decoration:underline; font-weight:700;}

input {padding:15px 5% 15px 5%; font-size:19px; border:0px; width:90%; -moz-border-radius: 5px; border-radius: 5px; background-color:#FFFFFF; -webkit-appearance: none; font-family: 'Open Sans', sans-serif;}
input[type=submit] {width:220px; background-color:#98B8F1; color:#FFFFFF; padding:16px 0px 16px 0px; -webkit-appearance: none; font-family: 'mother_natureregular', sans-serif; font-size:21px; text-transform:uppercase; margin-top:15px; letter-spacing:1px;}
input[type=submit]:hover {background-color:#f3a6ad; cursor:pointer; -webkit-appearance: none;}

.space {width:100%; clear:both;}
.spaceTwo {width:100%; clear:both; display:none;}
.spaceThree {width:100%; clear:both; display:none;}
.spaceFour {width:100%; clear:both;}
.medSpace {width:100%; clear:both; height:65px;}
.bigSpace {width:100%; clear:both; height:150px;}
	
.wrapper {width:90%; max-width:1120px; margin:0px auto; position:relative;}
.smallWrapper {width:90%; max-width:900px; margin:0px auto; padding:130px 0px 300px 0px; position:relative;}

.leftCol {width:47%; float:left; margin-right:6%;}
.leftCol img {width:100%; margin-bottom:5px; height:auto; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -khtml-border-radius: 6px;}
.rightCol {width:47%; float:right;}
.rightCol img {width:100%; margin-bottom:5px; height:auto; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -khtml-border-radius: 6px;}

.homeLeftCol {width:40%; float:left; margin-right:4%;}
.homeLeftCol img {width:100%; margin-bottom:0px;}
.homeRightCol {width:56%; float:right;}

h1 {font-size:40px; line-height:45px; font-family: 'mother_natureregular', sans-serif; margin-bottom:20px;}
h2 {font-size:43px; line-height:48px; margin-bottom:20px; font-family: 'mother_natureregular', sans-serif;}
h3 {font-size:40px; line-height:44px; margin-bottom:15px; font-family: 'mother_natureregular', sans-serif;}
h4 {font-size:25px; line-height:29px; margin-bottom:2px; font-family: 'mother_natureregular', sans-serif;}

/* Header */

header, nav, a:link, input[type=submit], .storeTab, .pinterestIcon, .twitterIcon, .instagramIcon, .popUpBtn, .buyRight, .buyLeft, .buyCenter, .btn, ul, li {transition: .4s all; -moz-transition: .4s all; -webkit-transition: .4s all; -o-transition: .4s all;}


/* Home */

.bannerBkg {width:100%; background:#f0ced9;}
.banner {width:100%; margin:0px auto; max-width:1700px; z-index:99; position:relative; text-align:center;}
.banner img {width:100%; height:auto;}
.bannerBottom {position:absolute; top:0px; left:0px; z-index:101;}
.bannerPhoto {position:absolute; width:22.24%; top:34.86%; left:23.7%; z-index:102;}
.bannerText {position:absolute; width:16.4%; top:50.3%; left:47.12%; z-index:103;}
.bannerButton1 {position:absolute; width:2.16%; top:22.17%; left:63.8%; z-index:104;}
.bannerButton2 {position:absolute; width:2.32%; top:22.17%; left:65.44%; z-index:105;}
.bannerButton3 {position:absolute; width:2.88%; top:22.1%; left:67.24%; z-index:106;}
.bannerTree1 {position:absolute; width:9.02%; top:54.34%; left:14.66%; z-index:107;}
.bannerTree2 {position:absolute; width:10.63%; top:50.3%; left:71.26%; z-index:109;}
.bannerTree3 {position:absolute; width:11.48%; top:40.1%; left:77.78%; z-index:108;}
.bannerClock {position:absolute; width:9.6%; top:13.65%; left:16.76%; z-index:110;}
.bannerClock2 {position:absolute; width:9.6%; top:13.65%; left:16.76%; z-index:111;}

.aboutBkg {background:#f0ced9;
background: linear-gradient(180deg, rgba(240,206,217,1) 0%, rgba(244,214,222,1) 100%);}
.aboutWrapper {width:90%; max-width:1400px; margin:0px auto; position:relative; background: rgb(255,255,255); padding-bottom:280px;
background: radial-gradient(circle, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0) 50%);}
.aboutBody {position:absolute; top:0px; left:0px; z-index:101; width:100%;}
.aboutMe {position:absolute; top:0px; left:21.27%; z-index:102; width:59.6%;}
.aboutLeft {width:53%; float:left; margin-right:7%; position:relative; z-index:100; color:#ffffff;}
.aboutLeft img {width:100%;}
.aboutRight {width:40%; float:right; text-align:left; padding-top:50px;}

.aboutBkg2 {width:100%; background-image:url(images/purple.png); background-size:50px 2000px; background-position:center -95px; margin-top:-180px; background-repeat:repeat-x;}
.aboutSwish {width:100%; background-image:url(images/swish_solid.png); background-size:100% 180px; background-position:center top; background-repeat:no-repeat;}
.aboutWrapper2 {width:90%; max-width:1200px; margin:0px auto; position:relative; background: -webkit-radial-gradient(bottom, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 50%);
background: -moz-radial-gradient(bottom, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 50%);
background: radial-gradient(to top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 50%);}
.aboutMobile {background-image:url(images/mobile_small.png); background-position:calc(100% + -50px) top; background-repeat:no-repeat;}
.aboutLeft2 {width:54%; padding:180px 0px 160px 0px; float:left; margin-right:7%; position:relative; z-index:100; color:#ffffff;}
.aboutLeft2 img {width:55px; margin-bottom:-10px;}

.aboutLeft2 a:link {color: #ffffff; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #ffffff; text-decoration-thickness: 1px; text-underline-offset: 2px;}
.aboutLeft2 a:visited {color: #ffffff;}
.aboutLeft2 a:hover {color: #313140; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #313140; text-decoration-thickness: 1px; text-underline-offset: 2px;}
.aboutLeft2 a:active {color: #ffffff;}

/* Portfolio */

.portfolioTitle {width:80%; max-width:750px; margin:40px auto 0px auto;}
.portfolioTitle img {width:100%;}

.portfolio {width:94%; max-width:1700px; margin:0px auto; padding:130px 0px 110px 0px;}
.portfolioBox {width:25%; float:left; text-align:center; font-size:19px; line-height:23px; padding:20px 0px 20px 0px;}
.portfolioBox img {width:82%; padding-bottom:0px;}
.portfolioBox2 {display:none;} 
.portfolioSpace3 {display:none;}
.portfolioSpace2 {display:none;}
.popUpLeft {width:49.5%; float:left; margin-right:4.5%; padding:10px 0px 0px 1%;}
.popUpLeft img {width:100%;}
.popUpRight {width:42.5%; float:left; padding:25px 2.5% 5px 0px;}
.popUpLeft2 {width:58.5%; float:left; margin-right:4.5%; padding:10px 0px 0px 1%;}
.popUpLeft2 img {width:100%;}
.popUpRight2 {width:33.5%; float:left; padding:25px 2.5% 5px 0px;}
.popUpService {font-size:18px; letter-spacing:1px; margin-bottom:16px; margin-top:8px; text-transform:uppercase;}
.popUpBtn {background-color:#696671; padding:10px 24px 9px 24px; font-size:18px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -khtml-border-radius: 6px; color:#ffffff;}
.popUpBtn:hover {background-color:#93D8C5; cursor:pointer;}
.popUpRight a, .popUpRight2 a {text-decoration:none!important;}

.pinterestIcon2 {width:64px; margin:0px 13px 0px 0px; background-color:#f3a6ad; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; -khtml-border-radius: 30px; float:left;}
.pinterestIcon2:hover {cursor:pointer;}
.pinterestIcon2 img {width:100%;}
.twitterIcon2 {width:64px; margin:0px 13px 0px 0px; background-color:#93D8C5; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; -khtml-border-radius: 30px; float:left;}
.twitterIcon2:hover {cursor:pointer;}
.twitterIcon2 img {width:100%;}
.instagramIcon2 {width:64px; margin:0px 13px 0px 0px; background-color:#98B8F1; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; -khtml-border-radius: 30px; float:left;}
.instagramIcon2:hover {cursor:pointer;}
.instagramIcon2 img {width:100%;}

#shopSign {visibility: hidden;}
#storeTop {width:100%; padding-top:100px; height:375px; background-image:url(images/store_cover.jpg); background-position:center top; background-repeat:no-repeat; text-align:center;}
.storeBkg {width:100%; padding:0px 0px 270px 0px; background: -webkit-radial-gradient(bottom, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 70%);
background: -moz-radial-gradient(bottom, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 70%);
background: radial-gradient(to top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 70%);}
.homeStoreWrapper {width:90%; max-width:1350px; margin:-60px auto 0px auto; position:relative;}
.homeStore1 {width:24%; margin:13px 1.33% 0px 0px; float:left;}
.homeStore1 img {width:100%; -webkit-transition-duration: 0.5s; transition-duration: 0.3s; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -khtml-border-radius: 8px;}
.homeStore2 {width:24%; margin:13px 0% 0px 0px; float:left;}
.homeStore2 img {width:100%; -webkit-transition-duration: 0.5s; transition-duration: 0.3s; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -khtml-border-radius: 8px;}

.homeStore1 img:hover {-webkit-transform: scale(0.9); transform: scale(0.9); cursor:pointer;}
.homeStore2 img:hover {-webkit-transform: scale(0.9); transform: scale(0.9); cursor:pointer;}

.storeInfo {width:90%; max-width:950px; text-align:center; font-size:24px; line-height:30px; padding-top:60px; margin:0px auto;}

.grayBtn {background-color:#CCCCCC; padding:26px 45px 26px 45px; font-size:28px; line-height:28px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; color:#ffffff;}

.grayBtn img {width:25px; vertical-align:text-top; margin-left:5px;}

.seeAll {text-align:center; padding-top:55px; font-size:40px;}
.seeAll a:link {color: #696671; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #696671; text-decoration-thickness: 2px; text-underline-offset: 5px;}
.seeAll a:visited {color: #696671; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #696671; text-decoration-thickness: 2px; text-underline-offset: 5px;}
.seeAll a:hover {color: #f3a6ad; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #696671; text-decoration-thickness: 2px; text-underline-offset: 5px;}
.seeAll a:active {color: #696671; text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #696671; text-decoration-thickness: 2px; text-underline-offset: 5px;}


/* Store */

.fontsLeft {width:50%; float:left;}
.fontsRight {width:50%; float:right;}
.fontsRight img {width:100%;}

.fontsCol {width:33.33%; float:left;}
.fontsCol img {width:100%;}

.socialIcons {top: 19px; left:18px; position:absolute;}
.socialIcons .pinterestIcon2 {width:50px; margin:0px 11px 0px 0px;}
.socialIcons .twitterIcon2 {width:50px; margin:0px 11px 0px 0px;}
.socialIcons .instagramIcon2 {width:50px; margin:0px 11px 0px 0px;}
.storeIntro {width:92%; max-width:900px; margin:0px auto 0px auto; padding:190px 0px 100px 0px; text-align:center;}
.storeIntro h1 {font-size:37px; line-height:47px; font-family: 'mother_natureregular', sans-serif; margin-bottom:0px;}
.storeWrapper {width:94%; max-width:1400px; margin:0px auto;}
.storeBkgTop {width:100%; padding:0px 0px 320px 0px; background: -webkit-radial-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 70%);
background: -moz-radial-gradient(top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 70%);
background: radial-gradient(to bottom, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 70%);}
.fontCol {width:30.33%; float:left; margin:0px 1.5% 0px 1.5%;}
.fontsBox {background-color:#ffffff; margin-top:35px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -khtml-border-radius: 6px; font-size:12px;}
.fontsBox img {width:100%; -moz-border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; -moz-border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px;}
.fontsBoxPadding {padding:20px;}
.twoCol {display:none;}
.threeCol {display:block;}

.buyLeft {width:42%; float:left; text-align:center; padding:10px 3% 10px 3%; color:#ffffff; background-color:#696671; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -khtml-border-radius: 6px; font-size:13px; line-height:16px; font-family: 'Open Sans', sans-serif;}
.buyLeft:hover {background-color:#93D8C5; cursor:pointer;}

.buyRight {width:42%; float:right; text-align:center; padding:10px 3% 10px 3%; color:#ffffff; background-color:#696671; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -khtml-border-radius: 6px; font-size:13px; line-height:16px; font-family: 'Open Sans', sans-serif;}
.buyRight:hover {background-color:#f3a6ad; cursor:pointer;}

/* Footer */

.footer {background:#F0CED9 url(images/footer_bkg.jpg); background-position:center top; background-size:1540px 682px; background-repeat:no-repeat; width:100%;}
.footerSwish {width:100%; background-image:url(images/swish_pink_gradient.png); background-size:100% 180px; background-position:center top; background-repeat:no-repeat; height:180px; margin-top:-180px;}
.footerGradient {padding:170px 0px 290px 0px; position:relative; background: -webkit-radial-gradient(bottom, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 70%);
background: -moz-radial-gradient(bottom, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 70%);
background: radial-gradient(to top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 70%);}
.footerWrapper {width:90%; max-width:1250px; font-size:29px; line-height:36px; margin:0px auto 0px auto;}
.footerLeft {width:38%; float:left; text-align:center;}
.footerLinks {text-align:center; font-size:18px; letter-spacing:1px; position:absolute; bottom:25px; width:100%; left:0px;}


@media screen and (max-width: 1400px) {
	
body {font-size:20px; line-height:25px;}
	
h1 {font-size:35px; line-height:40px;}
h2 {font-size:38px; line-height:43px;}
h3 {font-size:32px; line-height:36px; margin-bottom:15px;}
	
.spaceThree {width:100%; clear:both; display:block;}
.spaceFour {width:100%; clear:both; display:none;}	
	
.aboutSwish {background-size:1500px 180px;}
	
.aboutWrapper2 {max-width:1000px;}
.aboutLeft2 {width:49%;}
.aboutLeft2 img {width:50px; margin-bottom:-10px;}
	
.pinterestIcon2 {width:57px; margin:0px 13px 0px 0px; }
.twitterIcon2 {width:57px; margin:0px 13px 0px 0px;}
.instagramIcon2 {width:57px; margin:0px 13px 0px 0px;}
	
.portfolio {max-width:1200px;}
.portfolioBox {width:33.33%;}

.homeStoreWrapper {max-width:1120px;}	
.seeAll {padding-top:50px; font-size:35px;}
	
/* Store */
	
.storeIntro {max-width:700px; padding:170px 0px 80px 0px;}
.storeIntro h1 {font-size:33px; line-height:43px;}
	
/* Footer */

.footer {background-size:1355px 600px;}
.footerWrapper {max-width:1100px; font-size:26px; line-height:33px;}
.footerSwish {background-size:1500px 180px;}
.footerLinks {font-size:15px; bottom:20px;}

}


@media screen and (max-width: 1200px) {
	
body {font-size:18px; line-height:23px;}
	
h1 {font-size:32px; line-height:37px; margin-bottom:15px;}
h2 {font-size:35px; line-height:40px; margin-bottom:15px;}
h4 {font-size:22px; line-height:26px; margin-bottom:2px;}
	
input {padding:10px 5% 10px 5%; font-size:17px; width:90%;}
input[type=submit] {width:200px; padding:13px 0px 13px 0px; font-size:19px; margin-top:15px; letter-spacing:1px;}

/* Home */
	
.aboutWrapper {max-width:1000px; padding-bottom:230px;}
.aboutLeft {width:53%; float:left; margin-right:7%;}
.aboutRight {width:40%; padding-top:40px;}

.aboutBkg2 {background-size:50px 2000px; background-position:center -145px; margin-top:-130px;}
.aboutSwish {background-size:1240px 130px;}
.aboutWrapper2 {max-width:900px;}
.aboutMobile {background-position:calc(100% + -50px) top;}
.aboutLeft2 {width:49%; padding:150px 0px 130px 0px; margin-right:6%;}
.aboutLeft2 img {width:50px; margin-bottom:-10px;}

.pinterestIcon2 {width:50px; margin:0px 11px 0px 0px;}
.twitterIcon2 {width:50px; margin:0px 11px 0px 0px;}
.instagramIcon2 {width:50px; margin:0px 11px 0px 0px;}
	
/* Portfolio */

.portfolio {max-width:1000px; padding:105px 0px 85px 0px;}
.portfolioBox {width:33.33%; font-size:17px; line-height:21px; padding:20px 0px 20px 0px;}
.portfolioBox img {width:82%; padding-bottom:0px;}
	
#storeTop {padding-top:85px; height:330px; background-size:728px 384px;}
#shopSign img {width:280px;}	
.storeBkg {padding:0px 0px 220px 0px;}
.homeStoreWrapper {width:90%; max-width:1040px; margin:-70px auto 0px auto;}
.seeAll {padding-top:40px; font-size:30px;}
	
/* Footer */

.footer {background-size:1151px 510px;}
.footerGradient {padding:135px 0px 210px 0px;}
.footerWrapper {width:90%; max-width:1000px; font-size:21px; line-height:28px;}
.footerLeft {width:36%;}
.footerLinks {font-size:14px; letter-spacing:1px; bottom:20px;}
.footerSwish {background-size:1240px 130px; height:130px; margin-top:-130px;}

}

@media screen and (max-width: 1100px) {
	
/* Store */

.storeWrapper {width:94%; max-width:900px; margin:0px auto;}
.fontCol {width:47%; float:left; margin:0px 1.5% 0px 1.5%;}
.fontsBox {margin-top:35px; font-size:12px;}
.fontsBoxPadding {padding:20px;}
.twoCol {display:block;}
.threeCol {display:none;}

.buyLeft {padding:10px 3% 10px 3%; font-size:13px;}
.buyRight {padding:10px 3% 10px 3%; font-size:13px;}
	
}

@media screen and (max-width: 1000px) {
	
body {font-size:17px; line-height:21px;}
	
h1 {font-size:27px; line-height:30px; margin-bottom:12px;}
h2 {font-size:32px; line-height:36px; margin-bottom:12px;}
h3 {font-size:27px; line-height:31px; margin-bottom:10px;}
h4 {font-size:19px; line-height:23px; margin-bottom:1px;}
	
input {padding:9px 5% 9px 5%; font-size:15px; width:90%;}
input[type=submit] {width:180px; padding:11px 0px 11px 0px; font-size:17px; margin-top:15px; letter-spacing:1px;}

/* Home */
	
.aboutWrapper {max-width:850px; padding-bottom:190px;}
.aboutLeft {width:55%; float:left; margin-right:5%; margin-top:-10px;}
.aboutRight {width:40%; padding-top:25px;}

.aboutBkg2 {background-size:50px 2000px; background-position:center -165px; margin-top:-110px;}
.aboutSwish {background-size:1054px 110px;}
.aboutWrapper2 {max-width:770px;}
.aboutMobile {background-position:calc(100% + -10px) top; background-size:372px 633px;}
.aboutLeft2 {width:53%; padding:130px 0px 110px 0px; margin-right:6%;}
.aboutLeft2 img {width:40px; margin-bottom:-5px;}
	
.pinterestIcon2 {width:38px; margin:0px 10px 0px 0px;}
.twitterIcon2 {width:38px; margin:0px 10px 0px 0px;}
.instagramIcon2 {width:38px; margin:0px 10px 0px 0px;}
	
/* Portfolio */

.portfolio {max-width:850px; padding:85px 0px 65px 0px;}
.portfolioBox {width:33.33%; font-size:15px; line-height:19px; padding:20px 0px 20px 0px;}
.portfolioBox img {width:82%; padding-bottom:0px;}
	
.popUpLeft {width:49.5%; margin-right:4.5%; padding:5px 0px 0px 1%;}
.popUpRight {width:42.5%; padding:20px 2.5% 0px 0px;}
.popUpLeft2 {width:58.5%; margin-right:4.5%; padding:5px 0px 0px 1%;}
.popUpRight2 {width:33.5%; padding:20px 2.5% 0px 0px;}
.popUpService {font-size:15px; margin-bottom:13px; margin-top:2px;}
.popUpBtn {padding:8px 20px 7px 20px; font-size:15px;}
	
#storeTop {padding-top:80px; height:285px; background-size:618px 326px;}
#shopSign img {width:230px;}	
.storeBkg {padding:0px 0px 180px 0px;}
.homeStoreWrapper {width:90%; max-width:1040px; margin:-70px auto 0px auto;}
.seeAll {padding-top:33px; font-size:27px;}
	
/* Store */
	
.socialIcons .pinterestIcon2 {width:40px; margin:0px 9px 0px 0px;}
.socialIcons .twitterIcon2 {width:40px; margin:0px 9px 0px 0px;}
.socialIcons .instagramIcon2 {width:40px; margin:0px 9px 0px 0px;}
.storeIntro {max-width:700px; padding:140px 0px 55px 0px;}
.storeIntro h1 {font-size:28px; line-height:38px;}
	
/* Footer */

.footer {background-size:978px 433px;}
.footerGradient {padding:105px 0px 170px 0px;}
.footerWrapper {width:90%; max-width:850px; font-size:19px; line-height:26px;}
.footerLeft {width:36%;}
.footerLinks {font-size:13px; letter-spacing:1px; bottom:20px;}
.footerSwish {background-size:1054px 110px; height:110px; margin-top:-110px;}

}

@media screen and (max-width: 850px) {
	
body {font-size:15px; line-height:18px;}
	
h1 {font-size:23px; line-height:26px; margin-bottom:10px;}
h2 {font-size:28px; line-height:32px; margin-bottom:10px;}
h3 {font-size:23px; line-height:27px; margin-bottom:10px;}
h4 {font-size:19px; line-height:23px; margin-bottom:1px;}
	
.spaceTwo {display:block;}
.spaceThree {display:none;}	
	
input {padding:8px 5% 8px 5%; font-size:14px; width:90%;}
input[type=submit] {width:160px; padding:10px 0px 10px 0px; font-size:16px; margin-top:10px; letter-spacing:0px;}

/* Home */
	
.aboutWrapper {max-width:700px; padding-bottom:150px;}
.aboutLeft {width:55%; float:left; margin-right:5%; margin-top:-10px;}
.aboutRight {width:40%; padding-top:15px;}

.aboutBkg2 {background-size:50px 2000px; background-position:center -185px; margin-top:-90px;}
.aboutSwish {background-size:895px 90px;}
.aboutWrapper2 {max-width:640px;}
.aboutMobile {background-position:calc(100% + -10px) top; background-size:316px 538px;}
.aboutLeft2 {width:52%; padding:110px 0px 90px 0px; margin-right:5%;}
.aboutLeft2 img {width:30px; margin-bottom:-3px;}
	
.pinterestIcon2 {width:30px; margin:-5px 8px 0px 0px;}
.twitterIcon2 {width:30px; margin:-5px 8px 0px 0px;}
.instagramIcon2 {width:30px; margin:-5px 8px 0px 0px;}
	
/* Portfolio */

.portfolio {max-width:600px; padding:70px 0px 50px 0px;}
.portfolioBox {width:50%; font-size:15px; line-height:19px; padding:12px 0px 12px 0px;}
.portfolioBox img {width:82%; padding-bottom:0px;}
	
.popUpLeft {width:54.5%; margin-right:4.5%; padding:0px 0px 0px 0%;}
.popUpRight {width:39%; padding:5px 1% 0px 0px;}
.popUpLeft2 {width:61.5%; margin-right:4.5%; padding:0px 0px 0px 0%;}
.popUpRight2 {width:32%; padding:5px 1% 0px 0px;}
.popUpService {font-size:14px; margin-bottom:13px; margin-top:2px;}
.popUpBtn {padding:7px 17px 6px 17px; font-size:13px;}
	
#storeTop {padding-top:62px; height:245px; background-size:525px 277px;}
#shopSign img {width:210px;}	
.storeBkg {padding:0px 0px 140px 0px;}
.homeStoreWrapper {width:90%; max-width:700px; margin:-70px auto 0px auto;}
.homeStore1 {width:31.33%; margin:13px 1% 0px 1%; float:left;}
.homeStore2 {display:none;}
.seeAll {padding-top:30px; font-size:24px;}
	
/* Footer */

.footer {background-size:831px 368px;}
.footerGradient {padding:90px 0px 150px 0px;}
.footerWrapper {width:90%; max-width:700px; font-size:16px; line-height:20px;}
.footerLeft {width:36%;}
.footerLinks {font-size:12px; letter-spacing:1px; bottom:15px;}
.footerSwish {background-size:895px 90px; height:90px; margin-top:-90px;}

}

@media screen and (max-width: 700px) {
	
h1 {font-size:21px; line-height:24px; margin-bottom:10px;}
h2 {font-size:24px; line-height:28px; margin-bottom:10px;}
h3 {font-size:23px; line-height:27px; margin-bottom:10px;}
h4 {font-size:17px; line-height:21px; margin-bottom:1px;}
	
input {padding:6px 5% 6px 5%; font-size:12px; width:90%;}
input[type=submit] {width:130px; padding:7px 0px 7px 0px; font-size:14px; margin-top:7px; letter-spacing:1px;}

/* Home */
	
.aboutWrapper {width:80%; max-width:500px; padding-bottom:110px;}
.aboutLeft {display:none;}
.aboutRight {width:100%; padding-top:10px;}
.introBreak {display:none;}

.aboutBkg2 {background-size:50px 2000px; background-position:center -205px; margin-top:-70px;}
.aboutSwish {background-size:715px 70px;}
.aboutWrapper2 {max-width:500px;}
.aboutMobile {background-position:calc(100% + 0px) 0px; background-size:252px 430px;}
.aboutLeft2 {width:53%; padding:80px 0px 60px 0px; margin-right:5%;}
.aboutLeft2 img {width:24px; margin-bottom:-2px;}
.aboutExtra {display:none;}	
	
.pinterestIcon2 {width:30px; margin:-5px 8px 0px 0px;}
.twitterIcon2 {width:30px; margin:-5px 8px 0px 0px;}
.instagramIcon2 {width:30px; margin:-5px 8px 0px 0px;}
	
/* Portfolio */

.portfolio {max-width:500px; padding:60px 0px 40px 0px;}
.portfolioBox {width:50%; font-size:13px; line-height:16px; padding:10px 0px 10px 0px;}
.portfolioBox img {width:82%; padding-bottom:0px;}
	
.popUpLeft {width:100%; margin-right:0%; padding:0px 0px 0px 0%;}
.popUpRight {width:100%; padding:15px 0% 0px 0px;}
.popUpLeft2 {width:100%; margin-right:0%; padding:0px 0px 0px 0%;}
.popUpRight2 {width:100%; padding:15px 0% 0px 0px;}
.popUpService {font-size:14px; margin-bottom:13px; margin-top:2px;}
.popUpBtn {padding:7px 17px 6px 17px; font-size:13px;}
	
#storeTop {padding-top:50px; height:215px; background-size:446px 235px;}
#shopSign img {width:180px;}	
.storeBkg {padding:0px 0px 120px 0px;}
.homeStoreWrapper {width:90%; max-width:700px; margin:-70px auto 0px auto;}
.homeStore1 {width:31.33%; margin:13px 1% 0px 1%; float:left;}
.homeStore2 {display:none;}
.seeAll {padding-top:27px; font-size:22px;}
	
/* Store */
	
.socialIcons .pinterestIcon2 {width:32px; margin:0px 6px 0px 0px;}
.socialIcons .twitterIcon2 {width:32px; margin:0px 6px 0px 0px;}
.socialIcons .instagramIcon2 {width:32px; margin:0px 6px 0px 0px;}
.storeIntro {max-width:700px; padding:100px 0px 25px 0px;}
.storeIntro h1 {font-size:23px; line-height:30px;}
	
/* Footer */

.footer {background-size:706px 312px;}
.footerGradient {padding:80px 0px 120px 0px;}
.footerWrapper {width:90%; max-width:650px; font-size:14px; line-height:17px;}
.footerLeft {width:36%;}
.footerLinks {font-size:11px; letter-spacing:1px; bottom:12px;}
.footerSwish {background-size:715px 70px; height:70px; margin-top:-70px;}
	
/* Store */

.storeWrapper {width:92%; max-width:400px; margin:0px auto;}
.fontCol {width:100%; float:none; margin:0px 0% 0px 0%;}
.fontsBox {margin-top:25px; font-size:12px;}
.fontsBoxPadding {padding:15px;}
.twoCol {display:block;}
.threeCol {display:none;}

.buyLeft {padding:8px 3% 8px 3%; font-size:11px; line-height:14px;}
.buyRight {padding:8px 3% 8px 3%; font-size:11px; line-height:14px;}
	
}


@media screen and (max-width: 550px) {
	
h1 {font-size:21px; line-height:24px; margin-bottom:10px;}
h2 {font-size:21px; line-height:24px; margin-bottom:10px;}
h3 {font-size:21px; line-height:25px; margin-bottom:10px;}
h4 {font-size:16px; line-height:20px; margin-bottom:0px;}
	
input {padding:6px 5% 6px 5%; font-size:12px; width:90%;}
input[type=submit] {width:130px; padding:7px 0px 7px 0px; font-size:14px; margin-top:7px; letter-spacing:1px;}

/* Home */
	
.aboutWrapper {width:80%; max-width:500px; padding-bottom:90px;}
.aboutLeft {display:none;}
.aboutRight {width:100%; padding-top:10px;}
.introBreak {display:none;}

.aboutBkg2 {background-size:50px 2000px; background-position:center -217px; margin-top:-55px;}
.aboutSwish {background-size:560px 55px;}
.aboutWrapper2 {max-width:550px; width:90%;}
.aboutMobile {background-position:calc(100% + 0px) 15px; background-size:214px 365px;}
.aboutLeft2 {width:53%; padding:70px 0px 50px 0px; margin-right:5%; margin-left:2%;}
.aboutLeft2 img {width:20px; margin-bottom:-2px;}
.aboutExtra {display:none;}	
	
.pinterestIcon2 {width:30px; margin:-5px 8px 0px 0px;}
.twitterIcon2 {width:30px; margin:-5px 8px 0px 0px;}
.instagramIcon2 {width:30px; margin:-5px 8px 0px 0px;}
	
/* Portfolio */

.portfolio {max-width:500px; padding:50px 0px 35px 0px;}
.portfolioBox {width:50%; font-size:12px; line-height:15px; padding:10px 0px 10px 0px;}
.portfolioBox img {width:82%; padding-bottom:0px;}
	
.popUpService {font-size:13px; margin-bottom:11px; margin-top:0px;}
.popUpBtn {padding:7px 17px 6px 17px; font-size:13px;}
	
#storeTop {padding-top:45px; height:215px; background-size:396px 209px;}
#shopSign img {width:160px;}	
.storeBkg {padding:0px 0px 100px 0px;}
.homeStoreWrapper {width:90%; max-width:700px; margin:-70px auto 0px auto;}
.homeStore1 {width:33.33%; margin:0px 0% 0px 0px; float:left;}
.homeStore1 img {width:100%; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -khtml-border-radius: 0px;}
.homeStore2 {display:none;}
.seeAll {padding-top:25px; font-size:20px;}
.seeAll a:link {text-decoration-thickness: 1px;}
.seeAll a:visited {text-decoration-thickness: 1px;}
.seeAll a:hover {text-decoration-thickness: 1px;}
.seeAll a:active {text-decoration-thickness: 1px;}	
	
/* Footer */

.footer {background-size:372px 279px; background-position:center bottom; background-image:url(images/footer_mobile_bkg.jpg);}
.footerGradient {padding:40px 0px 280px 0px;}
.footerWrapper {width:90%; max-width:300px; font-size:14px; line-height:17px;}
.footerLeft {width:100%;}
.footerLinks {font-size:10px; letter-spacing:0px; bottom:12px;}
.footerSwish {background-size:560px 55px; height:55px; margin-top:-55px;}

}	

@media screen and (max-width: 500px) {
	
.aboutWrapper2 {width:80%; max-width:500px; background: -webkit-radial-gradient(bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 70%);
background: -moz-radial-gradient(bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 70%);
background: radial-gradient(to top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 70%);}
.aboutMobile {background-image:none;}
.aboutLeft2 {width:100%; padding:80px 0px 50px 0px; margin-right:0%; margin-left:0%;}
	
#storeTop {padding-top:40px; height:195px; background-size:338px 178px;}
#shopSign img {width:140px;}
	
}