/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,600,700,800|Oswald:300,400,700';

body {
	background: #ffffff;
	font-size: 21px;
	line-height: 32px;
	color: #ffffff;
	word-wrap:break-word !important;
	font-family: 'Oswald', sans-serif;
	}


#ARTISTJANERUBIN {
position: absolute;
top: 25px;
left: 32px;
font-size: calc(17px + .4vw);
letter-spacing: 3.5px;
color: #222;		
font-family: Oswald, sans-serif;
font-weight: 200;
z-index: 9999999;
border-radius: 5px;
}

@media screen and (max-width: 999px) {	
#ARTISTJANERUBIN {
top: 20px;
}
}

#ARTISTJANERUBIN_BASEBALL {
position: absolute;
top: 25px;
left: 32px;
font-size: calc(21px + .1vw);
letter-spacing: 3px;
color: #222;		
font-family: Oswald, sans-serif;
font-weight: 200;
z-index: 9999999;
border-radius: 5px;
}


@media screen and (max-width: 999px) {	
#ARTISTJANERUBIN_BASEBALL {
top: 20px;
}
}

.SHOP_ARTISTJANERUBIN_BACKGROUND {
position: absolute;
top: 0px;
right: 0px;
background-color: #F3A5A5;
width: 249px;
height: 89px;
z-index: 9;
}  

@media screen and (max-width: 1202px) {	
.SHOP_ARTISTJANERUBIN_BACKGROUND{
display:none;
}
}
.SHOP_ARTISTJANERUBIN {
position: absolute;
width: 252px;
text-align: center;
top: 7px;
letter-spacing: 5px;
color: #fff;		
font-family: Oswald, sans-serif;
font-weight: 400;
z-index: 9;    
}

@media screen and (max-width: 1202px) {	
.SHOP_ARTISTJANERUBIN {
 display: none;
    }
}

h1 {
	font-size: 60px;
	text-align: center;
	color: #FFF;
}	

h3 {
	font-size: 30px;
	text-align: center;
	color: #FFF;
}

h3 a {
	color: #FFF;
}

a {
	color: #FFF;
}

h1 {
	margin-top: 100px;
	text-align:center;
	font-size:60px;
    font-family: Oswald, sans-serif;
	}

#container {
    margin-top: 0;
    margin-right: auto;
    margin-left: 0px;
    margin-bottom: 0;
}



p {
	text-align: center;
}

.artistjanerubin {
font-size: calc(14px + .1vw);
margin-top: 4px;
}


nav {
	background-color: #eee;
	top: 0;
	position: relative;
	width: 100%;
	z-index: 9999;
}

@media screen and (max-width: 672px) {	
nav {
    height: 75px;
}
}


nav ul {
    padding-top: 7px;
    padding-right: 9px;
    padding-left: 290px;
    padding-bottom: 12px;
    margin: 0;
    list-style: none;
    position: relative;
	}



@media screen and (max-width: 600px) {	
	nav ul {
    padding-top: 13px;
	padding-left: 190px;
        
}
}

@media screen and (max-width: 1024px) {	
	nav ul {
       padding-top: 9px;
	padding-left: 290px;
}
}

	
nav ul li {
	display:inline-block;
    padding-top: 12px;
	background-color: #eee;
    margin-top: -12px;
	}



nav a {
	display:block;
	font-family: Oswald, sans-serif;
	padding: 7.9px 10px;	
	color:#000;
	font-size: 17px;
	letter-spacing: 2.3px;
	line-height: 54px;
	text-decoration:none;
}

.followArtistJaneRubin {
float: right;
display: flex;
margin-top: -2px;
margin-right: 20px;	
}

@media screen and (max-width: 1220px) {	
.followArtistJaneRubin {
display: none;
}
}

.followArtistJaneRubin2 {
float: left;
display: flex;
margin: -29px -14px;  
}

	

@media screen and (max-width: 1024px) {	
	nav a {
	font-size: 13px;
	letter-spacing: .5px;
	padding: 0 5px;
}
}



@media screen and (max-width: 799px) {	
	nav a {
	font-size: 10px;
	letter-spacing: 0px;
	padding: 0px 4px;
}
}

@media screen and (max-width: 672px) {	
	nav a {
	display: none;
}
}

nav a:hover { 
	color: #999;
}

/* Hide Dropdowns by Default */
nav ul ul {
	display: none;
	position: absolute;
	z-index: 9999;
	top: 60px; /* the height of the main nav */
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* First Tier Dropdown */
nav ul ul li {
    left: -290px;
	padding: 0px 0px 0px 12px;
	width: 429px;
	float:none;
	display:list-item;
	position: relative; 
}
@media screen and (max-width: 1024px) {
nav ul ul li {
left: -240px;
}
}


/* Second, Third and more Tiers	*/
nav ul ul ul li {
	position: relative;
	top:-60px; 
	left:170px;
}

	
/* Change this in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }