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

@media (min-width: 701px) {
  body {
overflow-x: hidden;
  
  }
 .pxlinelogo {
height: 1px;
margin:auto;
margin-top: 18px;
background: #181615;
width: 8.5%;
font-size: 1px;
}
	
	.pxline {
height: 1px;
margin:auto;
background: #181615;
width: 60%;
font-size: 1px;
		margin-bottom: 10px;
}
	.pxlineskills {
height: 10px;
margin-left:10px;
margin-top: 19px;
float: left;
background: #181615;
width: 98%;
font-size: 1px;

}
	.pxlineskillscream {
height: 10px;
margin-left:10px;
margin-top: 19px;
float: left;
background: #f1d19d;
width: 98%;
font-size: 1px;

}	
	
	.button-contact-text {
	background-color: #bc5427; 
	border: none;
	width: 25%;
	padding: 40px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 4px 2px;
	cursor: pointer;
	font: 'futura-pt-condensed', sans-serif;
		color: #f1d19d;
	font-size: 40px;
	font-weight: 600;

}
.button-contact-call {
	background-color: #bc5427; 
	border: none;
	width: 25%;
	padding: 40px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 4px 2px 4px 50px;
	cursor: pointer;
	font: 'futura-pt-condensed', sans-serif;
	color: #f1d19d;
	font-size: 40px;
	font-weight: 600;

}
	h1 {
	font-family: 'futura-pt-condensed', sans-serif;
	font-size: 85px;
	color: #181615;
	font-style: normal;
	font-variant: normal;
	font-weight: 300;
	text-align: left;
	padding:0px;
}
	.logo {
	font-family: 'futura-pt-condensed', sans-serif;
	font-size: 85px;
	color: #f1d19d;
	font-style: normal;
	font-variant: normal;
	font-weight: 300;
	text-align: left;
	padding:0px;
}
	h4 {
	font-family: 'futura-pt-condensed', sans-serif;
	font-size: 35px;
	font-weight: 700;
	color: #181615;
	font-style: normal;
	font-variant: normal;
	text-align: left;
	
}
		h5 {
	font-family: 'futura-pt-condensed', sans-serif;
	font-size: 35px;
	font-weight: 700;
	color: #f1d19d;
	font-style: normal;
	font-variant: normal;
	text-align: left;
	
}
	p1 {
	font-family: 'futura-pt-condensed', sans-serif;
  font-weight:400;
	font-size: 20px;
	color: #181615;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	
}
		p5 {
	font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 28px;
	color: #f1d19d;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	
}
	
	p2 {
	font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 36px;
	color: #181615;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	
}
.workex {
	font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 36px;
	color: #f1d19d;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	text-align: left;
	
}
	
	a.experience:link {
    font-family: 'futura-pt', sans-serif;
	 font-weight:700;
	font-size: 36px;
	color: #181615;
	text-decoration: underline;
}

a.experience:visited {
    font-family: 'futura-pt', sans-serif;
	 font-weight:700;
	font-size: 36px;
	color: #181615;
	text-decoration: underline;
}

a.experience:hover {
    font-family: 'futura-pt', sans-serif;
	 font-weight:700;
	font-size: 36px;
	color: #f1d19d;
	text-decoration: underline;
}

a.experience:active {
    font-family: 'futura-pt', sans-serif;
	 font-weight:700;
	font-size: 36px;
	color: #181615;
	text-decoration: underline;
}
a.creamlink:link {
    font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 36px;
	color: #f1d19d;
	text-decoration: none;
}

a.creamlink:visited {
    font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 36px;
	color: #f1d19d;
	text-decoration: none;
}

a.creamlink:hover {
    font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 36px;
	color: #181615;
	text-decoration: underline;
}

a.creamlink:active {
    font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 36px;
	color: #f1d19d;
	text-decoration: none;
}
		a.education:link {
    font-family: 'futura-pt', sans-serif;
	 font-weight:700;
	font-size: 36px;
	color: #181615;
	text-decoration: underline;
}

a.education:visited {
    font-family: 'futura-pt', sans-serif;
	 font-weight:700;
	font-size: 36px;
	color: #181615;
	text-decoration: underline;
}

a.education:hover {
    font-family: 'futura-pt', sans-serif;
	 font-weight:700;
	font-size: 36px;
	color: #bc5427;
	text-decoration: underline;
}

a.education:active {
    font-family: 'futura-pt', sans-serif;
	 font-weight:700;
	font-size: 36px;
	color: #181615;
	text-decoration: underline;
}
	a.bio:link {
    font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 36px;
	color: #181615;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	text-align: left;
}

a.bio:visited {
    font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 36px;
	color: #181615;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	text-align: left;
}

a.bio:hover {
   font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 36px;
	color: #f1d19d;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	text-align: left;
	text-decoration: underline;
}

a.bio:active {
  font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 36px;
	color: #181615;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	text-align: left;
	text-decoration: underline;
}
	a.pdlink:link {
    font-family: 'futura-pt', sans-serif;
	 font-weight:600;
	font-size: 50px;
	color: #181615;
	text-decoration: none;
}

a.pdlink:visited {
    font-family: 'futura-pt', sans-serif;
	 font-weight:600;
	font-size: 50px;
	color: #181615;
	text-decoration: none;
}

a.pdlink:hover {
    font-family: 'futura-pt', sans-serif;
	 font-weight:600;
	font-size: 50px;
	color: #2081c4;
	text-decoration: underline;
}

a.pdlink:active {
    font-family: 'futura-pt', sans-serif;
	 font-weight:600;
	font-size: 50px;
	color: #181615;
	text-decoration: none;
}
	
		a.pdpages:link {
    font-family: 'futura-pt-condensed', sans-serif;
	 font-weight:500;
	font-size: 40px;
	color: #fff;
	text-decoration: none;
}

a.pdpages:visited {
    font-family: 'futura-pt-condensed', sans-serif;
	 font-weight:500;
	font-size: 40px;
	color: #fff;
	text-decoration: none;
}

a.pdpages:hover {
    font-family: 'futura-pt-condensed', sans-serif;
	 font-weight:500;
	font-size: 40px;
	color: #181615;
	text-decoration: underline;
}

a.pdpages:active {
    font-family: 'futura-pt-condensed', sans-serif;
	 font-weight:500;
	font-size: 40px;
	color: #fff;
	text-decoration: none;
}
	
	a.creamlinkfoot:link {
    font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 28px;
	color: #f1d19d;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	text-decoration: underline;
}

a.creamlinkfoot:visited {
    font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 28px;
	color: #f1d19d;
	font-style: normal;
	font-variant: normal;
	line-height: normal;;
	text-decoration: underline;
}

a.creamlinkfoot:hover {
    font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 28px;
	color: #bc5427;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	text-decoration: underline;
}

a.creamlinkfoot:active {
   font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 28px;
	color: #f1d19d;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	text-decoration: underline;
}
		a.education:link {
    font-family: 'futura-pt', sans-serif;
	 font-weight:700;
	font-size: 36px;
	color: #181615;
	text-decoration: underline;
}

	
	h7 {
	font-family: 'futura-pt', sans-serif;
	font-size: 50px;
	font-weight: 400;
	color: #fff;
	font-style: normal;
	font-variant: normal;
	text-align: left;
	
	
}
	h8 {
	font-family: 'futura-pt', sans-serif;
	font-size: 55px;
	color: #f1d19d;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}
	.pages {
    font-family: 'futura-pt-condensed', sans-serif;
	 font-weight:500;
	font-size: 40px;
	color: #fff;
	text-decoration: none;
}
	.top {
	margin-top: 50px;
}
}

body {
	background-color: #f1d19d;
	background-image: url();
	background-repeat:no-repeat;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-position:center top;
	font-family: 'futura-pt-condensed', sans-serif;
	overflow-x: hidden;
}

.container-fluid {
	width: 90%;
	
}
.level{
	text-align: left;
}
.level2{
	text-align: left;
	
}
.level3{
	text-align: left;
	
}

.container-100 {
	width: 90%;
	margin: auto;
	
}


td {
	font-family: 'futura-pt-condensed', sans-serif;
	font-size: 1vw;
	color: #dfdfdf;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	padding: 10px;
	text-align: left;
	text-shadow: 1px 1px 4px #000000;
	width: 50%;
}
table {
	width: 100%;
	
}

.tt-header {
	  height: 20vh;
	  min-height: 350px;
	background-color: #f1d19d0;	
	text-align: center;
	padding-top: 120px;
}

/* bootstrap */

.card {
	height: 100%;
	text-align: left;
	border: none;
	padding-bottom: 0px;
	padding-top: 40px;
	padding-right: 40px;
	background-color: rgba(255, 255, 255, 0.0);
}

.card-body{
	text-align: left;
	border: none;
	padding-top: 0px;
	padding-bottom: 10px;
	border-bottom: solid 3px #f1d19d;
}

.my-4 {
	text-align: center;
	border: none;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* Div classes */

.nav-link{
	font-family:'futura-pt-condensed', sans-serif;
	font-size: 36px;
	font-weight: 500;
	color: #f1d19d;
	vertical-align: bottom;
}



.navbar {
	font-family:'futura-pt-condensed', sans-serif;
	font-size: 36px;
	font-weight: 500;
	color: #f1d19d;
	vertical-align: bottom;
	text-align: right;
	line-height: 32px;
	border-bottom: 1px solid #f1d19d;
}

/* wrappers Classes */


.wrapper {
    margin-left: auto;
	margin-right: auto;
    width: 100%;
	max-width: 1920px;
	height:auto;
    border:none;
    overflow: hidden;
	display: block;
	text-align: center;
	
}
.wrapper50 {
    margin-left: auto;
	margin-right: auto;
    width: 70%;
	max-width: 1920px;
	height:auto;
    border:none;
    overflow: hidden;
	display: block;
	text-align: center;
	
}
.wrappersm{
	width: 12%;
	float: left;
	height: 5px;
}
.wrapperlg{
	width: 87%;
	float:left;
	height: 5px;
}

.wrappersm2{
	width: 30%;
	float: left;
	height: 5px;
}
.wrapperlg2{
	width: 70%;
	float:left;
	height: 5px;
}
.wrappersm3{
	width: 17%;
	float: left;
	height: 5px;
}
.wrapperlg3{
	width: 83%;
	float:left;
	height: 5px;
}
.wrappersm4{
	width: 40%;
	float: left;
	height: 5px;
}
.wrapperlg4{
	width: 60%;
	float:left;
	height: 5px;
}

.wrapperorange {
    margin-left: auto;
	margin-right: auto;
	background-color: #bc5427;
    width: 100%;
	max-width: 1920px;
	height:auto;
    border:none;
    overflow: hidden;
	display: block;
}

.wrappergrey {
    margin-left: auto;
	margin-right: auto;
	background-color: #181615;
    width: 100%;
	max-width: 1920px;
	height:auto;
    border:none;
    overflow: hidden;
	display: block;
}

.wrapperpdblue {
    margin-left: auto;
	margin-right: auto;
	background-color: #2081c4;
    width: 100%;
	max-width: 1920px;
	height:auto;
    border:none;
    overflow: hidden;
	display: block;
	z-index: 1;
}
.wrapperpdorange {
	margin: 0 0;
	position: relative;
	background-color: #F37D33;
    width: 100%;
	height:auto;
	padding-bottom: 15px;
	z-index: 1;


}
.wrapperpdorange::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -9999px;
    right: 0;
    border-left: 9999px solid #F37D33;
    box-shadow: 9999px 0 0 #F37D33;
	z-index: -1;
}

.wrapperttorange {
	margin: 0 0;
	top: -160px;
	position: relative;
	background-color: #181615;
    width: 100%;
	height:50px;
	padding-bottom: 75px;
	z-index: -1;


}
.wrapperttorange::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -9999px;
    right: 0;;
    border-left: 9999px solid #181615;
    box-shadow: 9999px 0 0 #181615;
	z-index: -1;
}

.center {
	margin: auto;
}

.left {
	margin: 0;
	text-align: left;
}


/* img Classes */

.imgMain {
	justify-content:center;
    max-width:100%;
    height: auto;
    margin: auto;
    display:block;
	text-align:center;
	float: none;
	margin-top: 0;
}

.profilepic {
	justify-content:center;
	width: 15%;
    max-width:100%;
    height: auto;
    margin: auto;
	margin-bottom: 30px;
    display:block;
	text-align:center;
	float: none;
	margin-top: 0;
	z-index: 5;
}

.pdlogo {
	justify-content:center;
	width: 85%;
    max-width:100%;
    height: auto;
    margin: auto;
    display:block;
	text-align:center;
	float: left;
	margin-top: 0;
	position: absolute;
z-index: 15;
}
@media only screen and (max-width: 700px) {
	.profilepic {
	justify-content:center;
	width: 55%;
    max-width:100%;
    height: auto;
    margin: auto;
		margin-bottom: 20px;
    display:block;
	text-align:center;
	float: none;
	margin-top: 0;
		z-index: 5;
		
}
		.pdlogo {
	justify-content:center;
	width: 35%;
    max-width:100%;
    height: auto;
    margin: auto;
    display:block;
	text-align:center;
	float: none;
			position: relative;
	margin-top: 0;
			z-index: 5;
		
}
.pxlinelogo {
height: 1px;
margin:auto;
margin-top: 22px;
background: #181615;
width: 35%;
font-size: 1px;
}
	
	.pxline {
height: 1px;
margin:auto;
background: #181615;
width: 90%;
font-size: 0px;
margin-bottom: 10px;
}
	.pxlineskills {
	height: 10px;
	margin-left:0;
	margin-top: 17px;
	float: left;
	background: #181615;
	width: 90%;
	font-size: 1px;

}	.pxlineskillscream {
	height: 10px;
	margin-left:0;
	margin-top: 17px;
	float: left;
	background: #f1d19d;
	width: 90%;
	font-size: 1px;

}

	.wrapperttorange {
	margin: 0 0;
	top: -130px;
	position: relative;
	background-color: #bc5427;
    width: 100%;
	height:70px;
	padding-bottom: 0px;
	z-index: -1;


}
.wrapperttorange::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -9999px;
    right: 0;;
    border-left: 9999px solid #181615;
    box-shadow: 9999px 0 0 #181615;
	z-index: -1;
}
	
	.wrappersm{
	width: 20%;
	float: left;
	height: 5px;
}
.wrapperlg{
	width: 80%;
	float:left;
	height: 5px;
}
	.wrappersm2{
	width: 50%;
	float: left;
	height: 5px;
}
	.wrapperlg2{
	width: 50%;
	float:left;
	height: 5px;
}
	.wrappersm3{
	width: 33%;
	float: left;
	height: 5px;
}
	.wrapperlg3{
	width: 67%;
	float:left;
	height: 5px;
}
		.wrappersm4{
	width: 65%;
	float: left;
	height: 5px;
}
	.wrapperlg4{
	width: 35%;
	float:left;
	height: 5px;
}
	
	.wrapper50 {
    margin-left: auto;
	margin-right: auto;
    width: 100%;
	max-width: 1920px;
	height:auto;
    border:none;
    overflow: hidden;
	display: block;
	text-align: center;
	
}
	
	.button-contact-text {
	background-color: #bc5427; 
	border: none;
	width: 25%;
	padding: 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 4px 2px;
	cursor: pointer;
	font: 'futura-pt-condensed', sans-serif;
		color: #f1d19d;
	font-size: 14px;
	font-weight: 400;

}
.button-contact-call {
	background-color: #bc5427; 
	border: none;
	width: 25%;
	padding: 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 4px 2px 4px 00px;
	cursor: pointer;
	font: 'futura-pt-condensed', sans-serif;
	color: #f1d19d;
	font-size: 14px;
	font-weight: 400;


}

.button4 {border-radius: 3px;
}
	
	h1 {
	font-family: 'futura-pt-condensed', sans-serif;
	font-size: 65px;
	color: #181615;
	font-style: normal;
	font-variant: normal;
	font-weight: 300;
	text-align: left;
	padding:0px;
}
	h4 {
	font-family: 'futura-pt-condensed', sans-serif;
	font-size: 30px;
	font-weight: 700;
	color: #181615;
	font-style: normal;
	font-variant: normal;
	text-align: left;
	
}	h5 {
	font-family: 'futura-pt-condensed', sans-serif;
	font-size: 30px;
	font-weight: 700;
	color: #f1d19d;
	font-style: normal;
	font-variant: normal;
	text-align: left;
	
}
	h7 {
	font-family: 'futura-pt', sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	font-style: normal;
	font-variant: normal;
	text-align: left;
	
}
	h8 {
	font-family: 'futura-pt-condensed', sans-serif;
	font-size: 40px;
	color: #f1d19d;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}
	.logo {
	font-family: 'futura-pt-condensed', sans-serif;
	font-size: 65px;
	color: #f1d19d;
	font-style: normal;
	font-variant: normal;
	font-weight: 300;
	text-align: left;
	padding:0px;
}
	p1 {
	font-family: 'futura-pt-condensed', sans-serif;
  font-weight:400;
	font-size: 5vw;
	color: #181615;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	
}	p4 {
	font-family: 'futura-pt-condensed', sans-serif;
  font-weight:400;
	font-size: 5vw;
	color: #f1d19d;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	
}
	.workex {
	font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 20px;
	color: #f1d19d;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
		text-align: left;
	
}
	p2 {
	font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 20px;
	color: #181615;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	
}
			p5 {
	font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 18px;
	color: #f1d19d;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	
}
	
	
	
	a.experience:link {
    font-family: 'futura-pt', sans-serif;
	 font-weight:700;
	font-size: 20px;
	color: #181615;
	text-decoration: underline;
}

a.experience:visited {
    font-family: 'futura-pt', sans-serif;
	 font-weight:700;
	font-size: 20px;
	color: #181615;
	text-decoration: underline;
}

a.experience:hover {
    font-family: 'futura-pt', sans-serif;
	 font-weight:700;
	font-size: 20px;
	color: #f1d19d;
	text-decoration: underline;
}

a.experience:active {
    font-family: 'futura-pt', sans-serif;
	 font-weight:700;
	font-size: 20px;
	color: #181615;
	text-decoration: underline;
}
a.creamlink:link {
    font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 20px;
	color: #f1d19d;
	text-decoration: none;
}

a.creamlink:visited {
    font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 20px;
	color: #f1d19d;
	text-decoration: none;
}

a.creamlink:hover {
    font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 20px;
	color: #181615;
	text-decoration: underline;
}

a.creamlink:active {
    font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 20px;
	color: #f1d19d;
	text-decoration: none;
}
	a.education:link {
    font-family: 'futura-pt', sans-serif;
	 font-weight:700;
	font-size: 20px;
	color: #181615;
	text-decoration: underline;
}

a.education:visited {
    font-family: 'futura-pt', sans-serif;
	 font-weight:700;
	font-size: 20px;
	color: #181615;
	text-decoration: underline;
}

a.education:hover {
    font-family: 'futura-pt', sans-serif;
	 font-weight:700;
	font-size: 20px;
	color: #bc5427;
	text-decoration: underline;
}

a.education:active {
    font-family: 'futura-pt', sans-serif;
	 font-weight:700;
	font-size: 20px;
	color: #181615;
	text-decoration: underline;
}	
	a.bio:link {
    font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 20px;
	color: #181615;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
		text-align: left;
}

a.bio:visited {
    font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 20px;
	color: #181615;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
		text-align: left;
}

a.bio:hover {
    font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 20px;
	color: #f1d19d;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
		text-align: left;
	text-decoration: underline;
}

a.bio:active {
   font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 20px;
	color: #181615;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
		text-align: left;
	text-decoration: underline;
}
	
	a.pdlink:link {
    font-family: 'futura-pt', sans-serif;
	 font-weight:600;
	font-size: 20px;
	color: #181615;
	text-decoration: underline;
}

a.pdlink:visited {
    font-family: 'futura-pt', sans-serif;
	 font-weight:600;
	font-size: 20px;
	color: #181615;
	text-decoration: underline;
}

a.pdlink:hover {
    font-family: 'futura-pt', sans-serif;
	 font-weight:600;
	font-size: 20px;
	color: #2081c4;
	text-decoration: underline;
}

a.pdlink:active {
    font-family: 'futura-pt', sans-serif;
	 font-weight:600;
	font-size: 20px;
	color: #181615;
	text-decoration: underline;
}
	
	a.pdpages:link {
    font-family: 'futura-pt', sans-serif;
	 font-weight:500;
	font-size: 22px;
	color: #fff;
	text-decoration: none;
		text-align: center;
		margin: auto;
}

a.pdpages:visited {
    font-family: 'futura-pt', sans-serif;
	 font-weight:500;
	font-size: 22px;
	color: #fff;
	text-decoration: none;
}

a.pdpages:hover {
    font-family: 'futura-pt', sans-serif;
	 font-weight:500;
	font-size: 22px;
	color: #181615;
	text-decoration: underline;
}

a.pdpages:active {
    font-family: 'futura-pt', sans-serif;
	 font-weight:500;
	font-size: 22px;
	color: #fff;
	text-decoration: none;
}

	.pages {
    font-family: 'futura-pt-condensed', sans-serif;
	 font-weight:100;
	font-size: 20px;
	color: #fff;
	text-decoration: none;
}
	
		a.creamlinkfoot:link {
    font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 18px;
	color: #f1d19d;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	text-decoration: underline;
}

a.creamlinkfoot:visited {
    font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 18px;
	color: #f1d19d;
	font-style: normal;
	font-variant: normal;
	line-height: normal;;
	text-decoration: underline;
}

a.creamlinkfoot:hover {
    font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 18px;
	color: #bc5427;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	text-decoration: underline;
}

a.creamlinkfoot:active {
   font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 18px;
	color: #f1d19d;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	text-decoration: underline;
}
}

/* Text Classes */



h2 {
	font-family: 'futura-pt-condensed', sans-serif;
	font-weight: 300;
	font-size: 50px;
	color: #181615;
	font-style: normal;
	font-variant: normal;
	line-height: 0px;
}

h3 {
	font-family: 'futura-pt', sans-serif;
	font-size: 45px;
	color: #181615;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}





p {
	font-family: 'futura-pt', sans-serif;
  font-weight:400;
	font-size: 24px;
	color: #181615;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	
}

p4 {
	font-family: 'futura-pt-condensed', sans-serif;
  font-weight:400;
	font-size: 20px;
	color: #f1d19d;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	
}
p9 {
	font-family: 'futura-pt-condensed', sans-serif;
  font-weight:400;
	font-size: 20px;
	color: #f1d19d;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	
}



.sublogo {
	font-family: 'futura-pt-condensed', sans-serif;
	font-weight: 300;
	font-size: 50px;
	color: #bc5427;
	font-style: normal;
	font-variant: normal;
	line-height: 0px;
}
.subtitle {
	font-family: 'futura-pt-condensed', sans-serif;
	font-weight: 300;
	font-size: 22px;
	color: #181615;
	font-style: normal;
	font-variant: normal;
	line-height: 22px;
}
.skillsarrow {
	font-family: 'futura-pt-condensed', sans-serif;
  font-weight:400;
	font-size: 14px;
	color: #181615;
	font-style: normal;

	bottom: 105px;
}
.skillsarrowcream {
	font-family: 'futura-pt-condensed', sans-serif;
  font-weight:400;
	font-size: 14px;
	color: #f1d19d;
	font-style: normal;

	bottom: 105px;
}



/* links */

a:link {
    font: 'futura-pt-condensed', sans-serif;
	font-size: 26;
	color: #f1d19d;
	font-weight: 400;
	text-decoration: none;
	
}

a:visited {
    font: 'futura-pt-condensed', sans-serif;
	font-size: 26;
	color: #f1d19d;
	font-weight: 400;
	text-decoration: none;
	
}

a:hover {
    font: 'futura-pt-condensed', sans-serif;
	font-size: 26;
	color: #181615;
	font-weight: 400;;
	text-decoration: underline;
	
}

a:active {
    font: 'futura-pt-condensed', sans-serif;
	font-size: 26;
	color: #f1d19d;
	font-weight: 400;
	text-decoration: none;
	
}

a.pixeldog:link {
    font-family: 'futura-pt', sans-serif;
	 font-weight:700;
	font-size: 24px;
	color: #181615;
	text-decoration: underline;
}

a.pixeldog:visited {
    font-family: 'futura-pt', sans-serif;
	 font-weight:700;
	font-size: 24px;
	color: #181615;
	text-decoration: underline;
}

a.pixeldog:hover {
    font-family: 'futura-pt', sans-serif;
	 font-weight:700;
	font-size: 24px;
	color: #bc5427;
	text-decoration: underline;
}

a.pixeldog:active {
    font-family: 'futura-pt', sans-serif;
	 font-weight:700;
	font-size: 24px;
	color: #181615;
	text-decoration: underline;
}




.button4 {border-radius: 3px;
}

/* lines */



i2 {
  border: solid #bc5427;
  border-width: 0 15px 15px 0;
  display: inline-block;
  padding: 18px;
	margin-top: 10px;
}
i4 {
  border: solid #181615;
  border-width: 0 15px 15px 0;
  display: inline-block;
  padding: 18px;
	margin-top: 10px;
}
.down {
  -webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

i3 {
  border: solid #f1d19d;
  border-width: 0 15px 15px 0;
  display: inline-block;
  padding: 18px;
	margin-top: 10px;
}
.up {
  -webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}


@keyframes load{
  from {
    width: 0%
  }
}
@-webkit-keyframes load{
  from {
    width: 0%
  }
}
@-moz-keyframes load{
  from {
    width: 0%
  }
}
@-o-keyframes load{
  from {
    width: 0%
  }
}

.bar{
  background-color: #181615;
  padding: 0px;
	border: 10px thick #181615;
  margin-bottom: 5px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.0);
  

}
.bar::before{
  content:  attr(data-skill);
  background-color: #bc5427;
  display: inline-block;
  padding: 5px 0 5px 10px;
  border-radius: inherit;
  animation: load 4s 0s;
  -webkit-animation: load 4s 0s;
  -moz-animation: load 4s 0s;
  -o-animation: load 4s 0s;
}

.bar.front::before{
  background-color: #ffcc33;
}
.bar.back::before{
  background-color: #a6cfe3;
}

.bar.animation::before{
  width: calc(100% - 0px);
}
.bar.graphicdesign::before{
  width: calc(100% - 10px);
}
.bar.problemsolving::before{
  width: calc(100% - 0px);
}
.bar.webdesign::before{
  width: calc(95% - 10px);
}
.bar.html::before{
  width: calc(78% - 35px);
}
.bar.programming::before{
  width: calc(10% - 0px);
}
.bar.videoproduction::before{
  width: calc(90% - 0px);
}
.bar.socialmedia::before{
  width: calc(100% - 5px);
}
.bar.seo::before{
  width: calc(95% - 8px);
}
.bar.copywriting::before{
  width: calc(80% - 10px);
}
.bar.modeling::before{
  width: calc(100% - 0px);
}
.bar.time::before{
  width: calc(100% - 0px);
}




.bar2{
  background-color: #f1d19d;
  padding: 0px;
	border: 10px thick #f1d19d;
  margin-bottom: 5px;
  font-size: 5px;
  color: rgba(0, 0, 0, 0.0);
	position: relative;
  

}
.bar2::before{
  content:  attr(data-skill);
  background-color: #bc5427;
  display: inline-block;
  padding: 5px 0 5px 10px;
  border-radius: inherit;
  animation: load 4s 0s;
  -webkit-animation: load 4s 0s;
  -moz-animation: load 4s 0s;
  -o-animation: load 4s 0s;
}

.bar2.front::before{
  background-color: #ffcc33;
}
.bar2.back::before{
  background-color: #a6cfe3;
}

.bar2.max::before{
  width: calc(100% - 2px);
}
.bar2.dreamweaver::before{
  width: calc(100% - 10px);
}
.bar2.illustrator::before{
  width: calc(100% - 25px);
}
.bar2.indesign::before{
  width: calc(100% - 20px);
}
.bar2.office::before{
  width: calc(100% - 10px);
}
.bar2.photoshop::before{
  width: calc(100% - 4px);
}
.bar2.aftereffects::before{
  width: calc(100% - 25px);
}
.bar2.premiere::before{
  width: calc(100% - 8px);
}
.bar2.maya::before{
  width: calc(80% - 20px);
}
.bar2.character::before{
  width: calc(80% - 0px);
}
.bar2.finalcut::before{
  width: calc(90% - 20px);
}
.bar2.soundforge::before{
  width: calc(80% - 10px);
}

html {
  scroll-behavior: smooth;
}