@charset "UTF-8";
/* CSS Document */


body{
overflow:visible;
height:auto;
padding:0px;
margin:0px;
font-family:'Open Sans', sans-serif; 
font-weight: 300; 
font-size:0.8vw;
}



.heading {font-family: 'Open Sans', sans-serif;font-weight: 400; font-size:1.1vw;}
.text {font-family: 'Open Sans', sans-serif;font-weight: 400; font-size:0.8vw; }
.textSC{font-family: 'Open Sans', sans-serif;font-weight: 400; font-size:0.8vw; text-transform: uppercase; }
.light{font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:0.8vw;}
.dansturgis{font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:1.1vw; color:#660033 }
.grey{font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:0.8vw;color:grey;}
.small{font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:0.6vw;color:black;}
p.text {font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:0.8vw; }



#overlaymenu{
display:block; 
z-index: 1;
position: fixed;
top:0px;
left:0px;
width:0px;
height:90vh;
padding-top:15vh;
overflow-x: hidden;
background: white;;
text-align: left;
transition: 0.6s;
}
.menuitems{
    padding-left:13vw;
}

#menuicon{
    position:absolute;
    top:1.5vh;
    right:5vw;
    height:60%;
    cursor: pointer;  
}
#xbut{
    position:absolute;
    top:1.5vh;
    right:4.8vw;
    height:65%;
    cursor: pointer;
    display: none;
}

#dsmenu{
    position:absolute;
    top:2vh;
    left:5vw;
    cursor: pointer;
}

#top-menuholder{
display:none;
position:fixed;
width:90vw;
height:6vh;
background-color:white;
left:0;
top:0;
text-align:left;
padding:0% 5% 1.5% 5%;
z-index:2;
}
#left-menuholder{
display:block;
position:fixed;
height:100%;
background-color:white;
padding:40px 2% 0px 0px;
left:0;
top:0;
text-align:right;
line-height:40%;
width:15vw;
z-index:1;


}

#left-menuholder1{
position:fixed;
height:100%;
background-color:#fff;
padding:40px 30px 0px 0px;
left:0;
top:0;
text-align:right;
line-height:40%;
opacity:0.85;
filter:alpha(opacity=85);
min-width:210px;
max-width:12%;
z-index:3;


}



.fullbox{
background: #FCD3D4;
text-align:left;
width:100%;
height:auto;

}

.leftbox{
background: #D4FA98;
text-align:left;
width:49%;
max-width: 500px;
position:relative;

padding-right:1%;


}
.righttbox{
background: #FDF7A3;
text-align:left;
width:50%;
height:100%;
position:relative;

}
.spacer{
position:relative;
display: block;
width:80vw;
height:5vh;
}


.space{
	width:100%;
	height:10vh;
}



#singleholder{
margin-top:57px;
padding-bottom:200px;
position:absolute;
left:18vw;
text-align:left;
width:80vw;


}


#singlecolumn{
margin-top:57px;
padding-bottom:200px;
position:relative;
left:18vw;
text-align:left;
width:80vw;


}

#paintingcolumn{
margin-top:57px;
position:relative;
text-align:left;
width:900px;
left:260px;

}

#leftcontent{
margin-top:57px;
padding-bottom:200px;
position:absolute;

left:260px;
text-align:left;
width:340px;




}

#rightcontent{
position:absolute;
margin-top:57px;
padding-bottom:200px;

left:640px;
text-align:left;
width:340px;



}
.flexcontainer{
    padding: 0vh 5vw 1vh 18vw;
    display: flex;
    flex-direction: row;
   
}
.flexcontainer-reverse{
	display: flex;
	flex-direction:row-reverse;
	padding: 0vh 5vw 1vh 18vw;
}


#oneofthree{
box-sizing: border-box;
padding: 7vh 2vw 10vh 0vw;
flex:22%;
text-align:left;
max-width: 500px;


}

#twoofthree{
padding: 7vh 2vw 10vh 0vw;
flex:22%;
text-align:left;
max-width: 500px;



}

#threeofthree{
padding: 7vh 2vw 10vh 0vw;
flex:22%;
text-align:left;
max-width: 500px;



}


#columnfour{
margin-top:57px;
padding-bottom:200px;

top:0px;
left:1220px;
text-align:left;
width:300px;
padding-right:20px;


}
.twocolumns{
	box-sizing: border-box;
	padding: 7vh 1vw 10vh 1vw;
	flex:40%;
	text-align:left;
	max-width: 600px;

}

.collapsable{
	
}


a:link {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.8vw;text-transform: uppercase; color: #990000;text-decoration:none;  }
a:visited {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.8vw;text-transform: uppercase;text-decoration:none; color:#990000;  }  /* visited link */
a:hover{font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.8vw;text-transform: uppercase; text-decoration:none; color:#660033;  }
a:active {font-family: 'Open Sans', sans-serif;; font-weight: 400; font-size:0.8vw;text-transform: uppercase;text-decoration:none;color:#660033;  }  /* selected link */

a.red:link {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.8vw;text-transform: uppercase; color: #660033;text-decoration:none;  }
a.red:visited {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.8vw;text-transform: uppercase;text-decoration:none; color:#660033;  }  /* visited link */
a.red:hover{font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.8vw;text-transform: uppercase; text-decoration:none; color:#996600;  }
a.red:active {font-family: 'Open Sans', sans-serif;; font-weight: 400; font-size:0.8vw;text-transform: uppercase;text-decoration:none;color:#996600;  }  /* selected link */

a.blue:link {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.8vw;text-transform: uppercase; color:#660033;text-decoration:none;  }
a.blue:visited {text-decoration:none; color:#660033;  }  
a.blue:hover{ text-decoration:none; color:#3399CC;  }
a.blue: {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.8vw;text-transform: uppercase;text-decoration:none;color:#3399CC;  }  /* selected link */

a.blue1:link {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.8vw;text-transform: uppercase;  color:#3399CC;text-decoration:none;  }
a.blue1:visited {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.8vw;text-transform: uppercase;text-decoration:none; color:#3399CC;  }  
a.blue1:hover{font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.8vw;text-transform: uppercase; text-decoration:none; color:#660033;  }
a.blue1: {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.8vw;text-transform: uppercase;text-decoration:none;color:#660033;  }  /* selected link */
a.green:link {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.8vw;text-transform: uppercase; color:#660033;text-decoration:none;  }
a.green:visited {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.8vw;text-transform: uppercase; text-decoration:none; color:#660033;  }  
a.green:hover{font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.8vw;text-transform: uppercase; text-decoration:none; color:#009966;  }
a.green:active {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.8vw;text-transform: uppercase; text-decoration:none;color:#009966;  }  /* selected link */

a.lgreen:link {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.8vw;text-transform: uppercase;  color:#660033;text-decoration:none;  }
a.lgreen:visited {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.8vw;text-transform: uppercase;text-decoration:none; color:#660033;  }  
a.lgreen:hover{font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.8vw;text-transform: uppercase; text-decoration:none; color:#99CC33;  }
a.lgreen:active {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.8vw;text-transform: uppercase;text-decoration:none;color:#99CC33;  }  /* selected link */

a.yellow:link {font-family: 'Open Sans', sans-serif;font-weight: 400; font-size:0.8vw;text-transform: uppercase; color:#660033;text-decoration:none;  }
a.yellow:visited {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.8vw;text-transform: uppercase; text-decoration:none; color:#660033;  }  
a.yellow:hover{font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.8vw;text-transform: uppercase; text-decoration:none; color:#FFCC33;  }
a.yellow:active {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.8vw;text-transform: uppercase;text-decoration:none;color:#FFCC33;  } 


input[type="text"], textarea {

  background-color : #d1d1d1; 

}

.gridflex{
	position: absolute;
	margin-left:18%; 
	margin-top:5vh;
	width:80vw;
	box-sizing: border-box;
	height:auto;
	align-items: flex-start;
	display: flex;
  	flex-wrap: wrap;
	flex-direction: row;
}

.flexitems{
	
	padding:4vw 2vw;
	box-sizing: border-box;
	flex:50%;
	
}

.menuimg{
	width: 34vw;
	height:34vw;
	object-fit: contain;
}

.paintgrid{
	margin-left:18%; 
	margin-top:5vh;
	width:80vw;
	display:grid;
	grid-template-columns: repeat(3, 1fr);
 	gap: 10px;
  
}
.paintingflex{
	padding:3vw 2vw;
	box-sizing: border-box;
	
}

.paintings{
	width: 22vw;
	height:22vw;
	object-fit: contain;
}

.projectimage{
	width:100%;
	max-width: 600px;
}
.bigspace{
	width:100%;
	height:10vh;
	min-height:100px;
	}	

@media (orientation: portrait) {
 body{
font-size:1.4vh;
}



.heading {font-size:2vh;}
.text { font-size:1.4vh; }
.textSC{font-size:1.4vh; text-transform: uppercase; }
.light{font-size:1.4vh;}
.dansturgis{font-size:2.2vh; color:#660033 }
.grey{ font-size:1.4vh;color:grey;}
.small{font-size:0.8vh;color:black;}

p.text {font-size:1vh; }   

#top-menuholder{
    display:block;
    }
    
.flexcontainer-reverse{
	flex-direction:column;
	padding: 10vh 5vw 1vh 5vw;
}
.flexcontainer{
	flex-direction:column;
	padding: 10vh 5vw 1vh 5vw;
    
}
    #oneofthree{
		box-sizing: border-box;
		padding-top:1vh;
		padding-bottom: 0px;
		max-height:5vh;
		overflow:hidden;
        width:90%;
        max-width: 800px;
		transition: all 0.3s ease;
		border-top: solid 1px #009966;
    }
	#oneofthree.expand{
		max-height:20000px;
		
	}
    #twoofthree{
		box-sizing: border-box;
		padding-top:1vh;
		padding-bottom: 0px;
		max-height:5vh;
		overflow: hidden;
        width:90%;
        max-width: 800px;
		transition: all 0.3s ease;
		border-top: solid 1px #009966;
    }

	
	#twoofthree.expand{
		
		max-height:20000px;
		
	
	}
    #threeofthree{
		box-sizing: border-box;
		padding-top:1vh;
		padding-bottom: 0px;
		max-height:5vh;
		overflow:hidden;
        width:90%;
        max-width: 800px;
		transition: all 0.3s ease;
		border-top: solid 1px #009966;
    }
	#threeofthree.expand{
		
		max-height:20000px;
		
	}
    .twocolumns{
	box-sizing: border-box;
	padding: 3vh 1vw 2vh 1vw;
	flex:98%;
	text-align:left;
	max-width: 5000px;

}
	.collapsable{
		
		box-sizing: border-box;
		max-height:3vh;
		overflow:hidden;
        max-width: 800px;
		transition: all 0.3s ease;
		border-top: solid 1px #FFCC33;
	}
	.collapsable.expand{
		max-height:10000px;
	}
	
    
  a:link {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:1.4vh;text-transform: uppercase; color: #990000;text-decoration:none;  }
a:visited {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:1.4vh;text-transform: uppercase;text-decoration:none; color:#990000;  }  /* visited link */
a:hover{font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:1.4vh;text-transform: uppercase; text-decoration:none; color:#660033;  }
a:active {font-family: 'Open Sans', sans-serif;; font-weight: 400; font-size:1.4vh;text-transform: uppercase;text-decoration:none;color:#660033;  }  /* selected link */

a.red:link {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:2vh;text-transform: uppercase; color: #660033;text-decoration:none;  }
a.red:visited {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:2vh;text-transform: uppercase;text-decoration:none; color:#660033;  }  /* visited link */
a.red:hover{font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:2vh;text-transform: uppercase; text-decoration:none; color:#996600;  }
a.red:active {font-family: 'Open Sans', sans-serif;; font-weight: 400; font-size:2vh;text-transform: uppercase;text-decoration:none;color:#996600;  }  /* selected link */

a.blue:link {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:2vh;text-transform: uppercase; color:#660033;text-decoration:none;  }
a.blue:visited {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:2vh;text-transform: uppercase;text-decoration:none; color:#660033;  }  
a.blue:hover{font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:2vh;text-transform: uppercase; text-decoration:none; color:#3399CC;  }
a.blue: {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:2vh;text-transform: uppercase;text-decoration:none;color:#3399CC;  }  /* selected link */

a.blue1:link {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:2vh;text-transform: uppercase;  color:#3399CC;text-decoration:none;  }
a.blue1:visited {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:2vh;text-transform: uppercase;text-decoration:none; color:#3399CC;  }  
a.blue1:hover{font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:2vh;text-transform: uppercase; text-decoration:none; color:#660033;  }
a.blue1: {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:2vh;text-transform: uppercase;text-decoration:none;color:#660033;  }  /* selected link */



a.green:link {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:2vh;text-transform: uppercase; color:#660033;text-decoration:none;  }
a.green:visited {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:2vh;text-transform: uppercase; text-decoration:none; color:#660033;  }  
a.green:hover{font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:2vh;text-transform: uppercase; text-decoration:none; color:#009966;  }
a.green:active {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:2vh;text-transform: uppercase; text-decoration:none;color:#009966;  }  /* selected link */

a.lgreen:link {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:2vh;text-transform: uppercase;  color:#660033;text-decoration:none;  }
a.lgreen:visited {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:2vh;text-transform: uppercase;text-decoration:none; color:#660033;  }  
a.lgreen:hover{font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:2vh;text-transform: uppercase; text-decoration:none; color:#99CC33;  }
a.lgreen:active {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:2vh;text-transform: uppercase;text-decoration:none;color:#99CC33;  }  /* selected link */

a.yellow:link {font-family: 'Open Sans', sans-serif;font-weight: 400; font-size:2vh;text-transform: uppercase; color:#660033;text-decoration:none;  }
a.yellow:visited {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:2vh;text-transform: uppercase; text-decoration:none; color:#660033;  }  
a.yellow:hover{font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:2vh;text-transform: uppercase; text-decoration:none; color:#FFCC33;  }
a.yellow:active {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:2vh;text-transform: uppercase;text-decoration:none;color:#FFCC33;  }   
    
#left-menuholder{
display:none; 
    }
	
.gridflex{
	position: absolute;
	margin-left:5%; 
	margin-top:8vh;
	width:90vw;
	box-sizing: border-box;
	height:auto;
	display: flex;
  flex-wrap: wrap;
}

.flexitems{
	padding:1vh 1vw;
	box-sizing: border-box;
	flex:50%;
	
	
}
	
.menuimg{
	width: 43vw;
	height:43vw;
	 
	object-fit: contain;
}

.paintingflex{
	padding:3vw 2vw;
	margin-bottom: 1vh;
	box-sizing: border-box;
	flex:100%;
}
.paintings{
	width: 86vw;
	height:80vw;
	object-fit: contain;
}  
	.bigspace{
	width:100%;
	height:10vh;
	min-height:100px;
	}	
.space{
	width:100%;
	height:10vh;
}
}