body { color:#fff; font-family:Josefin Sans; font-size:20px; font-style:normal; font-weight:100; margin:0px; height:100% }
html { height:100% }
#portfolios a:link { color:#fff; text-decoration:none }
#portfolios a:visited { color:#fff }
#portfolios a:hover { color:#4a3a28; text-decoration:underline }
#portfolios a:active { color:#fff }
#PageDiv { position:relative; min-height:100%; margin:auto; background-image:url(../Resources/front.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed }
#wrap { position:fixed; width:100%; top:50%; right:0px; height:226px; z-index:1 }
#jonhalvorsen { width:100%; z-index:0; margin-left:auto; margin-right:auto }
#portfolios { width:38.75%; min-height:49px; z-index:0; padding-left:24px; padding-right:24px; margin-left:auto; margin-right:auto }
#arrowwrap { width:35.25%; z-index:0; float:right }
#clickarrow { float:left }
@media screen and (max-width:920px)
{
	#portfolios { width:94.78% }
	#arrowwrap { width:356px }
	#clickarrow { width:38.26%; min-height:85px }
}
@media screen and (max-width:720px)
{
	#portfolios { width:98.33%; min-height:32px; padding-left:0px; padding-top:10px; padding-right:0px }
	#arrowwrap { width:253px; min-height:78px }
	#clickarrow { width:35.96%; min-height:51px }
}
@media screen and (max-width:570px)
{
	#portfolios { width:100%; min-height:0px; padding-top:0px }
	#arrowwrap { width:189px; min-height:48px }
	#clickarrow { width:43.34%; min-height:43px }
}
@media screen and (max-width:480px)
{
	#arrowwrap { width:148px }
	#clickarrow { width:40.64%; min-height:32px }
}
@media screen and (max-width:320px)
{
	#arrowwrap { width:100px }
	#clickarrow { width:59.67%; min-height:36px }
}