body{
background-color:#f1ebda;
font-family: cursive;
}
body:before{
content: "";
display: block;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background:url(../img/beth_phil.jpeg);
background-size:100%;
background-repeat:no-repeat;
background-position: left 0px bottom -40vh;
}
.content{
position:relative;
z-index:1;
text-align:center;
padding-top:10px;
}
.content h1{
font-family: 'Poiret One', cursive;
font-size:86px;
letter-spacing:20px;
text-transform:uppercase;
color:#4b9595;
margin:20px;
padding:0;
}
.content ul{
list-style:none;
padding:0;
cursor:default;
text-align:center;
}
.content ul li{
display:inline-block;
vertical-align:top;
width:30px;
height:30px;
padding-right:40px;
}

.content ul li:nth-child(1) a{
background:url(../img/ico/facebook.png) center top 100%/100% no-repeat;
opacity:0.6;
}
.content ul li:nth-child(2) a{
background:url(../img/ico/twitter.png) center top 100%/100% no-repeat;
opacity:0.6;
}
.content ul li:nth-child(3) a{
background:url(../img/ico/spotify.png) center top 100%/100% no-repeat;
opacity:0.6;
}
.content ul li:nth-child(4) a{
background:url(../img/ico/cart.svg) center top 100%/100% no-repeat;
opacity:0.8;
}
.content ul li:nth-child(5) a{
background:url(../img/ico/mw.png) center top 100%/100% no-repeat;
opacity:0.7;
}
.content ul li a{
width:30px;
height:30px;
display:block;
text-decoration:none;
transition:opacity 0.5s;
}
.content ul li a:hover{
opacity:1;
}
.photo-credit{
position:fixed;
z-index:2;
top:0;
right:0;
margin:2px 12px;	
}
.photo-credit a{
font-family: 'Open Sans', sans-serif;
font-size:12px;
text-decoration:none;
color:#666;
transition:color 0.5s;
margin:0;
padding:0;
}
.photo-credit a:hover{
color:#000;
}
@media (max-width: 1150px) and (min-width: 750px) {
	body:before{
		background-position: left 0px bottom -25vh;
	}   
}
@media (max-width: 750px) {
	body:before{
		background-position: left 0px bottom -10vh;
	}
	.content h1{
		font-size:66px;
	}	  
}
@media (max-width: 550px) {
	.content h1{
		font-size:46px;
		letter-spacing:10px;
		margin:20px 0;
		padding-left:6px;
	} 
	.content ul li{
		width:24px;
		height:24px;
		padding-right:30px;
	}
	.content ul{
 		margin-left:16px;
 	}
}