body, html {
	margin: 0px;
	padding: 0px;
	background: #f1f1f1;
	height: 100%;
	font-size: 90%;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400; 
}

.hide {
	display: none;
}

b {
	font-weight: 400 !important;
	color: #c9c5fb;
}

#backtop {
	opacity: 0;
	display: none;
}

#sidebar {
	position: fixed; 
	top: 0px; 
	left: 0px; 
	padding: 30px 30px 0px 30px;
	width: 250px;
	height: 100%;
	z-index: 2; 
	background: #000;
 }

#header img {
	width: 100%;
	height: auto;
}

#info {
	width: 220px; 
	margin: 0px 15px; 
	text-align: center;
}

ul {
	list-style-type: none;
	margin: 0px; 
	padding: 0px; 
}

li {
	padding: 5px;
	margin: 5px; 
	font-weight: 600; 
	text-transform: uppercase;
	letter-spacing: 1pt; 
	-webkit-transition: background .25s ease-in-out;
	-moz-transition: background .25s ease-in-out;
	-o-transition: background .25s ease-in-out;
	-webkit-transition: background .25s ease-in-out;
	transition: background .25s ease-in-out;
}

li.li1 {
	background: #ffd59a; 
}

li.li2 {
	background: #fbc5bd; 
}

li.li3 {
	background: #f7b4e0; 
}
li.li4 {
	background: #e0bdee; 
}


li:hover {
	background: #c9c5fb; 
}

#nav a {
	color: #000; 
	text-decoration: none; 
}

#links {
	width: 220px; 
	text-align: center; 
	margin: 0px; 
	padding: 0px; 
	font-size: 80%; 
	letter-spacing: 1px; 
}

#socialmedia {
	width: 32px;
	height: 32px;
	display: inline-block;
	border: 1px solid #00000000; 
	-webkit-transition: border .25s ease-in-out;
	-moz-transition: border .25s ease-in-out;
	-o-transition: border .25s ease-in-out;
	-webkit-transition: border .25s ease-in-out;
	transition: border .25s ease-in-out;
}

#socialmedia img {
	width: 100%; 
	height: 100%; 
}

#socialmedia:hover {
	border: 1px solid #fff; 
}

#portfolio {
	position: absolute; 
	top: 15px; 
	left: 340px; 
	max-width: 1920px; 
	margin-right: 30px; 
}

#description {
	max-width: 600px; 
	margin-left: 50px; 
}

#email {
	margin: 0 auto;
	padding: 10px 0px 20px;
	color: #fff;
	letter-spacing: 1px;
	font-size: 120%; 
	text-transform: uppercase; 
	font-weight: 200;
}

#links {
	margin: 0 auto;
	padding: 10px 0px;
}

#links a {
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	border:1px solid #00000000;
}

#links a:hover {
	border:1px solid #fff;
}

#links a {
	padding: 5px;
	-webkit-transition: border .25s ease-in-out;
	-moz-transition: border .25s ease-in-out;
	-o-transition: border .25s ease-in-out;
	-webkit-transition: border .25s ease-in-out;
	transition: border .25s ease-in-out;
}

#links {
		margin-top: 10px;
}

hr {
	width: 100%; 
	height: 3px; 
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,0,0,1) 50%, rgba(241,241,241,0) 75%, rgba(241,241,241,0) 100%);
	border: 0px; 
	margin: 3px 0px 8px 0px; 
	padding: 0px; 
}

.gallery {
	display: grid; 
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; 
	grid-template-rows: auto; 
	column-gap: 15px; 
	row-gap: 15px; 
	place-items: stretch; 
	margin: 15px 0px 15px 0px; 
}

.gallery img {
	width: 100%; 
	height: auto; 
}

.item1, .item1 img {
	grid-column: 1 / span 6; 
	width: 100%; 
	height: auto; 
}

.item2, .item2 img {
	grid-column: span 3; 
	width: 100%; 
	height: auto; 
}

.item3, .item3 img {
	grid-column: span 2; 
	width: 100%; 
	height: auto; 
}


#pagenav {
	margin: 0 auto; 
	text-align: center;
	padding: 5px 0px 0px 0px; 
}

.pagenavbtn {
	display: inline-block; 
	min-width: 15%; 
	color: #000; 
	font-weight: 600; 
	letter-spacing: 1pt; 
	text-decoration: none; 
	text-transform: uppercase; 
	text-align: center; 
	padding: 5px 10px; 
	margin: 3px 1px; 
	-webkit-transition: background .25s ease-in-out;
	-moz-transition: background .25s ease-in-out;
	-o-transition: background .25s ease-in-out;
	-webkit-transition: background .25s ease-in-out;
	transition: background .25s ease-in-out;
}

.pnb1 {
	background-color: #ffd59a; 
}

.pnb2 {
	background: #fbc5bd; 
}

.pnb3 {
	background-color: #f7b4e0; 
}

.pnb4 {
	background-color: #e0bdee; 
}

.pnb5 {
	background-color: #c9c5fb; 
}

.pagenavbtn:hover {
	background: #fff; 
}

#pagenav:after {
	content: ' ';
	width: 100%; 
	display: inline-block; 
}

.blurb {
	font-family: 'Lato', sans-serif;
	font-weight: 300; 
	font-size: 110%; 
	padding: 0px; 
}

.blurbtitle {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600; 
	text-transform: uppercase; 
	padding: 15px 0px 0px 0px; 
}

.caption {
	font-family: 'Lato', sans-serif;
	font-weight: 300; 
	font-size: 100%; 
	padding: 0px; 
	margin: -5px 0px 0px 25px; 
	width: calc(100% - 25px); 
}

.caption2 {
	font-family: 'Lato', sans-serif;
	font-weight: 300; 
	font-size: 100%; 
	padding: 0px; 
	margin: 10px 0px 0px 25px; 
	width: calc(100% - 25px); 
}

.uparrow {
	height: 10px; 
	width: 10px; 
	background: url(images/diamond.png); 
	background-size: 10px 10px; 
	display: inline-block; 
	margin: 0px 5px 0px 0px; 
	padding: 0px;  
}

.section {
	width: 100%; 
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,0,0,1) 50%, rgba(241,241,241,0) 75%, rgba(241,241,241,0) 100%); 
	padding: 10px;
	margin: 15px 0px 15px 0px; 
}

.sectionl {
	width: 50%;
	text-align: left; 
	font-weight: 400; 
	font-size: 18pt; 
	text-transform: uppercase; 
	letter-spacing: 1pt; 
	color: #fff; 
	background: -webkit-linear-gradient(to right, #ffd59a, #f7b4e0, #c9c5fb);
	background: -moz-linear-gradient(to right, #ffd59a, #f7b4e0, #c9c5fb);
	background: linear-gradient(to right, #ffd59a, #f7b4e0, #c9c5fb);
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent; 
}

.sectionr {
	width: 50%;
	height: 100%; 
	text-align: right; 
	font-weight: 400; 
	text-transform: uppercase; 
	vertical-align: middle; 
}

.sectionr a {
	color: #000; 
	text-decoration: none; 
	padding: 5px; 
	border: 1px solid #f1f1f100; 
}

.sectionr a:hover {
	border: 1px solid #000; 
	padding: 5px; 
	-webkit-transition: border .25s ease-in-out;
	-moz-transition: border .25s ease-in-out;
	-o-transition: border .25s ease-in-out;
	-webkit-transition: border .25s ease-in-out;
	transition: border .25s ease-in-out;
}

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:Montserrat;font-weight:400;color:#fff;text-transform:uppercase;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(images/loading.gif) no-repeat;background-size:24px 24px;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(images/close.png); background-size: 16px 16px; }
#sb-nav-next{background-image:url(images/next.png); background-size: 16px 16px; }
#sb-nav-previous{background-image:url(images/prev.png); background-size: 16px 16px; }
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}


@media only screen and (max-width: 768px) {

.hide, .sectionr {
	display: none;
}
	
#sidebar {
	position: static;
	width: 100%;
	max-width: 768px;
	margin: 0 auto;
	padding: 0px 0px 15px 0px;
	text-align: center;
}

#header {
	position: static;
	padding: 10px 0px 0px;
	width: 80%;
	margin: 0 auto;
	max-width: 200px;
}

#header img {
	max-width: 200px;
}

#info {
	position: static;
	padding: 0px;
	width: 80%;
	max-width: 600px;
	margin: 0 auto;
}

#email {
	font-weight: 200;
	margin: 0 auto;
	padding: 15px 0px 20px;
}

.space {
	width: 17px;
}

#links {
	padding: 10px 0px;
}

#portfolio {
	position: static; 
	width: 100%;
	padding-bottom: 75px;
}

#backtop {
	opacity: 1;
}

#backtop a {
	display: block;
	position: fixed;
	bottom: 0px;
	width: 100%;
	text-align: center;
	padding: 25px 0px;
	background: #000;
	text-decoration: none;
	color: #c9c5fb;
	text-transform: uppercase;
}

li {
	font-size: 130%;
	padding: 15px; 
	margin: 5px 0px; 
}

#pagenav {
	margin: 15px 15px 0px 15px; 
	padding: 0px; 
}

.pagenavbtn {
	font-size: 120%; 
	padding: 12px; 
	margin: 5px 3px; 
}

.blurb {
	margin: 0px 15px auto; 
	font-size: 120%; 
}

.caption {
	margin: -5px 0px 0px 10px; 
	width: calc(100% - 10px); 
}

.caption2 {
	margin: 10px 50px 0px 10px; 
	width: calc(100% - 10px); 

}

}