@font-face{
	font-family:'Courtney Barnet Alt Font';
	src:url('http://momandpopmusic.com/assets/fonts/CB4/courtney_barnet_alt.otf') format('otf'), url('http://momandpopmusic.com/assets/fonts/CB4/courtney_barnet_alt.ttf') format('truetype')
	}

@font-face {
    font-family: 'SmithyXY';
    src: url('http://momandpopmusic.com/assets/fonts/SmithyXY/smithyxt-regular-v2-2-webfont.eot');
    src: url('http://momandpopmusic.com/assets/fonts/SmithyXY/smithyxt-regular-v2-2-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://momandpopmusic.com/assets/fonts/SmithyXY/smithyxt-regular-v2-2-webfont.woff2') format('woff2'),
         url('http://momandpopmusic.com/assets/fonts/SmithyXY/smithyxt-regular-v2-2-webfont.woff') format('woff'),
         url('http://momandpopmusic.com/assets/fonts/SmithyXY/smithyxt-regular-v2-2-webfont.ttf') format('truetype'),
         url('http://momandpopmusic.com/assets/fonts/SmithyXY/smithyxt-regular-v2-2-webfont.svg#ocraextended') format('svg');
    font-weight: normal;
    font-style: normal;
}


body{
	margin: 0;
	padding: 0;
}

.loading{
	display: none;
}

#top, #bottom, #left, #right {
	background: #f69719;
	position: fixed;
	z-index: 99;
}

#left, #right {
	top: 0; bottom: 0;
	width: 7px;
}

#left {
	left: 0;
}

#right {
	right: 0;
}

#top, #bottom {
	left: 0; right: 0;
	height: 7px;
}

#top {
	top: 0;
	}

#bottom {
	bottom: 0;
}

.container{
	width: 800px;
	overflow: hidden;
	margin: 0 auto;
		background-color: #FFF;
		padding: 0px 40px;
}

#section-1{
	margin: 0;
	padding: 0;
	padding: 60px 0 50px 0;
	width: 100%;
	overflow: hidden;
	background-image: url('../images/back-1.jpg');
	background-size: 100% auto;
	background-position: center bottom;
	background-repeat: no-repeat;
}

#header{
	width: 100%;
	min-width: 600px !important;
	background-color: #FFF;
	padding: 20px 0px 10px 0px;
	overflow: hidden;
}

#header-inner{
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
		background-color: #FFF;
}
.header-left{
	width: 100%;
	float: left;
	overflow: hidden;
}

.mobile{
	display: none;
}

.mompop{
	width: 48px;
	height: 48px;
	position: fixed;
	top: 30px;
	right: 30px;
	z-index: 999;
}

.socials{
	width: 48px;
	height: 180px;
	position: fixed;
	top: 30px;
	left: 30px;
	z-index: 999;
}

a.facebook {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 36px;
	height: 36px;
	float: left;
	background: url('../images/courtneysprite-trans.png') 0 0 no-repeat;
	background-size: 216px auto;
	background-position: 0 0;
}

a.facebook:hover {
	background-position: 0 -36px;
}

a.twitter {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 36px;
	height: 36px;
	float: left;
	background: url('../images/courtneysprite-trans.png') 0 0 no-repeat;
	background-size: 216px auto;
	background-position: -36px 0;
}

a.twitter:hover {
	background-position: -36px -36px;
}

a.spotify {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 36px;
	height: 36px;
	float: left;
	background: url('../images/courtneysprite-trans.png') 0 0 no-repeat;
	background-size: 216px auto;
	background-position: -72px 0;
}

a.spotify:hover {
	background-position: -72px -36px;
}

a.youtube {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 36px;
	height: 36px;
	float: left;
	background: url('../images/courtneysprite-trans.png') 0 0 no-repeat;
	background-size: 216px auto;
	background-position: -108px 0;
}

a.youtube:hover {
	background-position: -108px -36px;
}

a.tumblr{
	display: block;
	margin: 0px;
	padding: 0px;
	width: 36px;
	height: 36px;
	float: left;
	background: url('../images/courtneysprite-trans.png') 0 0 no-repeat;
	background-size: 216px auto;
	background-position: -144px 0;
}

a.tumblr:hover {
	background-position: -144px -36px;
}

a.instagram{
	display: block;
	margin: 0px;
	padding: 0px;
	width: 36px;
	height: 36px;
	float: left;
	background: url('../images/courtneysprite-trans.png') 0 0 no-repeat;
	background-size: 216px auto;
	background-position: -180px 0;
}

a.instagram:hover {
	background-position: -180px -36px;
}

#text{
	width: 90%;
	overflow: hidden;
	margin: 30px auto 10px auto;
	font-family: 'SmithyXY';
	font-size: 11pt;
	line-height: 1.6em;
	text-align: center;
}

#text a{
	color: #32ace3;
	text-decoration: none;
}

#text a:hover{
	color: #00a652;
}

#section-2{
	margin: 0;
	padding: 0 0 50px 0;
	width: 100%;
	overflow: hidden;
}

#products{
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 30px 0px 0px 0px;
}

.product-container{
	width: 50%;
	overflow: hidden;
	float: left;
}

.product{
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 0;
	line-height: 0;
}

.artwork{
	padding-top: 50px;
	padding-bottom: 20px;
}
.buy-link{
	overflow: hidden;
	display: block;
	text-align: center;
}

.ts_buttonlink, .buy{
	padding: 30px 0px;
	width: 70%;
	float: left;
	margin-left: 15%;
	border: 2px solid #f69719;
	background-color: #FFF;
	color: #f69719;
	font-family: 'Courtney Barnet Alt Font';
	text-decoration: none;
}

.sold{
	padding: 30px 0px;
	width: 70%;
	float: left;
	margin-left: 15%;
	border: 2px solid #f69719;
	background-color: #FFF;
	color: #ff0000;
	font-family: 'Courtney Barnet Alt Font';
	text-decoration: none;
}

.buy-2{
	padding: 10px 20px;
	background-color: #000;
	color: #FFF;
	float: right;
	font-family: 'Courtney Barnet Alt Font';
	text-decoration: none;
	margin-right: 40px;
	margin-top: 45px;
}

.buy:hover, .ts_buttonlink:hover{
	color: #32ace3;
	border: 2px solid #32ace3;
	cursor: pointer;
}

.video-wrapper{
}

#video{
	width: 800px;
	overflow: hidden;
	margin: 0 auto;
	padding: 80px 0px 80px 0px;
	text-align: center;

}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 800px){
/* iPhone ------------ */


#header{
	padding: 0px 0px 0px 0px;
}

#top, #left, #right, #bottom{
	display: none;
}

#section-1{
	background: none;
}

.container{
	width: 100%;;
	padding: 0;
}

#header{
	min-width: 0px !important;
}

#header-inner{
	width: 100%;
}

#text{
	width: 80%;
}
.mobile{
	display: block;
}

.web{
	display: none !important;
}

.header-left img{
	width: 90%;
	margin-left: 5%;
}

.socials{
	display: none;
}

.mompop{
	display: none;
}

.product-container{
	width: 90%;
	margin-left: 5%;
}

#video-wrapper{
	width: 100%;
	overflow: hidden;
	margin-top: 50px;
	padding-bottom: 20px;
}

#video{
	width: 90%;
	margin-left: 5%;
	padding: 0px;

}

#section-1{
		padding: 30px 0 0px 0;
}

.ts_buttonlink, .buy{
	width: 90%;
	margin-left: 5%;
}

p{
text-align: center;
	font-family: 'Courtney Barnet Alt Font';

}