html {scroll-behavior: smooth;} body {background-color: white}
		#note, #note2 {display:none; text-align:center}
		a {text-decoration:none; color:#fff; outline:none}
		img, video {outline:none; border:0}
		#hdrbnr a:after {content:""; color:#888}
		#hdrbnr a:last-child::after {content:""}
		#hdrbnr {width:100%; height:46px; background:black; text-align:center; position:fixed;/*was absolute*/ padding-top:4px; top:0; z-index:1; -webkit-transition:opacity .5s ease-in; -moz-transition:opacity .5s ease-in; -o-transition:opacity .5s ease-in; transition:opacity .5s ease-in; font-size:200%}
		#hdrbnr.fixed {height:46px !important; position:fixed; top:0; width:100%; /* background:rgba(0, 0, 0, .25); */ opacity:.5; padding-top:4px}
		#hdrbnr a, #hdrbnr.fixed a {margin:0 2.25%; color:#ff7400}
		#hme-scrn {float:left; margin-top:50px; width:100%; height:939px; font-size:2.8em; background: url(../../welcome_files/git-bg.jpg) left top no-repeat; background-size:cover; -webkit-background-size:cover !important; -moz-background-size:cover; -o-background-size:cover; background-attachment:fixed !important; position:relative}
		/* #me { -webkit-filter: grayscale(100%);    -moz-filter: grayscale(100%);    filter: grayscale(100%); transition: all 1s ease}
		#me:hover { -webkit-filter: grayscale(0%);  -moz-filter: grayscale(0%);  filter: grayscale(0%)} */
		.myfolio {float:left; width:100%; height:719px/*939px*/; color:#424242; text-align:center; font-size:3em; background: url(../../images/folio.jpg) center center no-repeat; background-size: cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-attachment:fixed; position:relative; font-weight:100}
		.mycontact {float:left; width:100%; height:939px; background: none/* url(images/contact.jpg) center right no-repeat */; background-size: cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-attachment:fixed; position:relative}
		.tothetop {display:none; bottom:1.5%; right:1.5%; position:fixed; z-index:1}
		#device {width:100%; text-align:center; bottom:6%; position:absolute; display:none}
		#device img {margin:0 1.5%}
		.rotate-me {-ms-transform: rotate(-22.5deg); /* IE 9 */
    -webkit-transform: rotate(-22.5deg); /* Safari */
    transform: rotate(-22.5deg); /* Standard syntax */
	display: inline-block}
		.home-body {padding:0; margin:0; font-family: 'Roboto', sans-serif; color:white; background:black; overflow-x:hidden !important}
		.home-logo {display: block; max-width: 800px; width: 100%; height: auto; position: absolute; top: 30%; right: 0}
		.home-welcome {font-size:225%; line-height:25%; margin:9% auto 0 auto; display:inline-block}
		.home-subtext {font-size:90%; font-weight:100; letter-spacing:.15em}
		.home-me {float:left; width:100%; height:739px; background:url(../../images/ng.jpg) center center no-repeat; background-size: cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-attachment:scroll; position:relative /*; border-top-left-radius:50% 25px; border-top-right-radius:50% 25px */}
		.home-hi {float:right; width:18%; padding:1%; margin:290px 2% 0 0; color:#424242; background:rgba(255, 255, 255, .4); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 4px 4px 10px 0 rgba(0,0,0,.0); box-shadow: 4px 4px 10px 0 rgba(0,0,0,.0); font-size:1.5em; line-height:1.125em; font-weight:100}
		.home-aboutme {float:left; width:100%; height:260px; 
        background: rgba(255,116,0,1);
background: -moz-linear-gradient(top, rgba(255,116,0,1) 0%, rgba(253,152,68,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,116,0,1)), color-stop(100%, rgba(253,152,68,1)));
background: -webkit-linear-gradient(top, rgba(255,116,0,1) 0%, rgba(253,152,68,1) 100%);
background: -o-linear-gradient(top, rgba(255,116,0,1) 0%, rgba(253,152,68,1) 100%);
background: -ms-linear-gradient(top, rgba(255,116,0,1) 0%, rgba(253,152,68,1) 100%);
background: linear-gradient(to bottom, rgba(255,116,0,1) 0%, rgba(253,152,68,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7400', endColorstr='#fd9844', GradientType=0 ); 
        position:relative}
		.home-brief-1 {padding:0% 2%}
		.home-brief-2 {font-weight:400}
		.home-brief-3 {font-weight:100}
		.home-span {color:#424242}
		.home-small {color:#424242 !important}
		.home-awards {float:left; width:100%; height:260px; 
        background: rgba(14,141,210,1);
background: -moz-linear-gradient(top, rgba(14,141,210,1) 0%, rgba(29,166,235,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14,141,210,1)), color-stop(100%, rgba(29,166,235,1)));
background: -webkit-linear-gradient(top, rgba(14,141,210,1) 0%, rgba(29,166,235,1) 100%);
background: -o-linear-gradient(top, rgba(14,141,210,1) 0%, rgba(29,166,235,1) 100%);
background: -ms-linear-gradient(top, rgba(14,141,210,1) 0%, rgba(29,166,235,1) 100%);
background: linear-gradient(to bottom, rgba(14,141,210,1) 0%, rgba(29,166,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8dd2', endColorstr='#1da6eb', GradientType=0 ); 
        font-size:1.25em; position:relative; font-weight:100}
		.home-contact {float:left; width:100%; height:195px; 
        background: rgba(110,158,56,1);
background: -moz-linear-gradient(top, rgba(110,158,56,1) 0%, rgba(189,216,75,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(110,158,56,1)), color-stop(100%, rgba(189,216,75,1)));
background: -webkit-linear-gradient(top, rgba(110,158,56,1) 0%, rgba(189,216,75,1) 100%);
background: -o-linear-gradient(top, rgba(110,158,56,1) 0%, rgba(189,216,75,1) 100%);
background: -ms-linear-gradient(top, rgba(110,158,56,1) 0%, rgba(189,216,75,1) 100%);
background: linear-gradient(to bottom, rgba(110,158,56,1) 0%, rgba(189,216,75,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e9e38', endColorstr='#bdd84b', GradientType=0 ); 
        font-size:1em; position:relative; font-weight:100}
		.home-social {float:left; text-align:center; width:100%}
		.home-copy {float:left; text-align:right; width:50%}
		.home-rights {float:right; text-align:left; width:50%}
		.svg-orange {position:absolute; top:-51px}
		.svg-blue {position:absolute; top:-51px}
		.svg-green {position:absolute; top:-51px}
		.c-no {
			margin:0 auto;
			width:50%;
		}
		.counter-Txt {
			text-align: center;
			font-size: .5em;
			position: relative;
		}
		.counter-Txt span {
			display: block;
			font-size: 3em;
			font-weight:300;
		}
		.plus-1 {
			position:absolute;
			font-size: 1em;
			font-weight:400;
			display: inline-block;
			margin-top:-60px;
			right:83px;
		}
		.plus-2 {
			position:absolute;
			font-size: 1em;
			font-weight:400;
			display: inline-block;
			margin-top:-60px;
			right:103px;
		}
		.plus-3 {
			position:absolute;
			font-size: 1em;
			font-weight:400;
			display: inline-block;
			margin-top:-60px;
			right:123px;
		}
		.col-ngfxsm-4 {
			float:left;
			width:33%;
			/* border-right:1px solid #424242; */
			border-right-width: 1px;
			border-style: solid;
			-webkit-border-image: 
			  -webkit-gradient(linear, 66 66, 66 100%, from(grey), to(rgba(255, 255, 255, 0))) 1 100%;
			-webkit-border-image: 
			  -webkit-linear-gradient(grey, rgba(255, 255, 255, 0)) 1 100%;
			-moz-border-image:
			  -moz-linear-gradient(grey, rgba(255, 255, 255, 0)) 1 100%;    
			-o-border-image:
			  -o-linear-gradient(grey, rgba(255, 255, 255, 0)) 1 100%;
			border-image:
			  linear-gradient(to bottom, grey, rgba(255, 255, 255, 0)) 1 100%;
		}
		.col-ngfxsm-4.no-bdr-rgt {
			border-right:none;
		}

		@keyframes bounce {
			0%, 25%, 50%, 75%, 100% {
			transform:translateY(0px);
			-ms-transform:translateY(0px);
			-webkit-transform:translateY(0px);
			-o-transform:translateY(0px);
			-moz-transform:translateY(0px);
		  }
			40% {
			transform:translateY(-30px);
			-ms-transform:translateY(-30px);
			-webkit-transform:translateY(-30px);
			-o-transform:translateY(-30px);
			-moz-transform:translateY(-30px);
		  }
			60% {
			transform:translateY(-15px);
			-ms-transform:translateY(-15px);
			-webkit-transform:translateY(-15px);
			-o-transform:translateY(-15px);
			-moz-transform:translateY(-15px);
		  }
		}

		.scroll_down {
			animation: bounce 2s infinite;
			-ms-animation: bounce 2s infinite;
			-webkit-animation: bounce 2s infinite;
			-o-animation: bounce 2s infinite;
			-moz-animation: bounce 2s infinite;
			background: url(../../images/mouse.png) no-repeat scroll center center / 50px 72px rgba(0, 0, 0, 0);
			bottom: 0;
			display: block;
			height: 200px;
			position: absolute;
			text-indent: -9999px;
			width: 100%;
			z-index: 2;
		}

			@media only screen and (min-width : 320px) and (max-width : 1023px) {
				/* #hdrbnr.fixed {position:absolute; opacity:1}
				#hdrbnr, #hdrbnr.fixed {display:none}
				#hme-scrn {background-size:auto; -webkit-background-size:auto !important; -moz-background-size:auto; -o-background-size:auto; margin-top:0} */
				#hdrbnr a, #hdrbnr.fixed a {margin:0 6%}
				#hme-scrn {background: url(../../images/screens.jpg) left top fixed    !important; background-attachment:fixed !important}
				.myfolio {background-size:cover; -webkit-background-size:cover !important; -moz-background-size:cover; -o-background-size:cover; background-attachment:scroll; position:relative; float:left}
				.mycontact {height:525px; background-size:cover; -webkit-background-size:cover !important; -moz-background-size:cover; -o-background-size:cover; background-attachment:scroll; position:relative; float:left}
				.tothetop {display:none}
			}

			@media only screen and (max-width : 479px) {
				#hdrbnr, #hdrbnr.fixed {display:none}
				#container, #pdf {display:none}
				#note2 {display:block}
			}
			
			@media only screen and (max-width : 767px) {
				.pr {display:none}
				#pdf > div {
					height: 72.5px !important;
					width: 130px !important;
					right: -95px !important
				}
				#pdf > div:hover .resume {
					margin-left: -95px !important
				}
			}

			video { 
			  -webkit-transform:scaleX(1); 
			  -moz-transform:scaleX(1);
			  transform:scaleX(1);
			
			  -webkit-transform:scaleY(1.25); 
			  -moz-transform:scaleY(1.25);
			  transform:scaleY(1.25);

			   /* IE 8 */
			  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
			
			  /* IE 5-7 */
			  filter: alpha(opacity=75);
			
			  /* Netscape */
			  -moz-opacity:.75;
			
			  /* Safari 1.x */
			  -khtml-opacity:.75;
			
			  /* Good browsers */
			  opacity:.75;
			  
			  -ms-transform:rotate(180deg); /* IE 9 */
			  -webkit-transform:rotate(180deg); /* Chrome, Safari, Opera */
			  transform:rotate(180deg);
			}
			
			video::-webkit-media-controls, video::-webkit-media-controls-enclosure {
				display:none !important;
			}
			
			.fullscreen-bg {
			  /*
			  position: fixed;
			  top: 0;
			  right: 0;
			  bottom: 0;
			  left: 0;
			  z-index: -100;
			  */
			  float:left;
			  width:100%;
			  height:100%;
			  overflow:hidden;
			  background:#6e9e38 url(../../images/-footer.jpg) 100%;
			}
			
			.fullscreen-bg__video {
			  /*
			  position: absolute;
			  top: -2.25%;
			  left: 0;
			  */
			  width:105%;
			}
			
			/*
			@media (min-aspect-ratio: 16/9) {
			  .fullscreen-bg__video {
				height: 939px;
				top: -0%;
			  }
			}
			
			@media (max-aspect-ratio: 16/9) {
			  .fullscreen-bg__video {
				width: 100%;
				left: -100%;
			  }
			}
			*/
			
			@media only screen and (max-width: 1440px) {
			  .fullscreen-bg {
				background: url('../../images/contact.jpg') center center / cover no-repeat;
			  }
			
			  .fullscreen-bg__video {
				display: none;
			  }
			}
			
			@media only screen and (min-width : 480px) and (max-width : 639px) {
				#about-me {font-size:.75em}
				.c-no {width:100%}
				.col-ngfxsm-4 {font-size:35%}
				.plus-1 {margin-top:-42px; right:23px}
				.plus-2 {margin-top:-42px; right:33px}
				.plus-3 {margin-top:-42px; right:43px}
			}
			@media only screen and (min-width : 640px) and (max-width : 1023px) {
				#about-me {font-size:.9em}
				.c-no {width:90%}
				.plus-1 {right:13px}
				.plus-2 {right:33px}
				.plus-3 {right:53px}
			}
			@media only screen and (min-width : 1024px) and (max-width : 1279px) {
				#about-me {font-size:1.04em}
				.c-no {width:70%}
				.plus-1 {right:33px}
				.plus-2 {right:53px}
				.plus-3 {right:73px}
			}
			@media only screen and (min-width : 1280px) and (max-width : 1366px) {
				#about-me {font-size:1.15em}
				.plus-1 {right:33px}
				.plus-2 {right:53px}
				.plus-3 {right:73px}
			}
			@media only screen and (min-width : 1367px) {
				#about-me {font-size:1.25em}
			}
			@media only screen and (min-width : 1367px) and (max-width : 1919px) {
				.plus-1 {right:16%}
				.plus-2 {right:25%}
				.plus-3 {right:33%}
			}

			#pdf > div {
				height: 145px;
				position: fixed;
				z-index: 2;
				top: 50px;
				width: 260px;
				right: -190px
			}
			
			#pdf > div:hover .resume {
				margin-left: -190px;
				cursor: pointer
			}
			
			#pdf .resume{
				background: transparent url('../../images/resume.png') no-repeat;
				background-size:cover; -webkit-background-size:cover !important; -moz-background-size:cover; -o-background-size:cover;
				height: 100%;				width: 100%;
				border: none;
				margin: 0 0 0px 0;
				overflow:hidden;
				position:relative;
				outline: none;
				-webkit-transition: all .75s;
				   -moz-transition: all .75s;
						transition: all .75s
			}
			.fa-ng {
				display: inline-block;
				background: transparent url('../../images/ng.png') no-repeat;
				width: 32px;				height: 30px;				background-size: contain;
				transform: translate(0, 0);
			}