* {
				box-sizing: border-box;
			}

			html, body{
				width:100%;
				height:100%;
				    background-color: #040203;
margin, padding:0;

			}
			
			/* unvisited link */
a:link {
  color: white !important;
}

/* visited link */
a:visited {
  color: white;
}

/* mouse over link */
a:hover {
  color: white;
  text-decoration:underline;
}

/* selected link */
a:active {
  color: white;
}

			#fullpage {
				color: white;
    font-family: 'DINLight';
    background-image: url(../img/creativLand.jpg);
    background-size: cover;
    background-color: #040203;
    /*background-position-y: -50px;*/
    background-repeat: no-repeat;
    /*background-position: center;*/
        background-position: center 100px;
			}

			.brand {
				font-family: 'FitchDIN';
			}

			#first {
				
				background-size: cover;
				font-size: 3em;
			}

			

			#th {
				background-color: green;
			}

			#f {
				background-color: black;
			}

			#nav {
				list-style: none;
				padding: 0;
				margin: 0;
				position: fixed;
				bottom: 0;
				width: 100%;
				
				text-align: center;
				white-space: nowrap;
				-webkit-overflow-scrolling: touch;
				padding: 15px 0px;
				font-family: 'DINLight';
				
			}
			
			#topNav{
				position: relative;
				z-index: 2;
			}

			.blur {
			}

			#nav li {
				margin: 0;
				margin-right: 10px;
				width: 50px;
				margin: 0px 15px;
				border-bottom: 1px solid #00000000;
			}

			#nav a {
				color: white;
				text-decoration: none;
				transition: 0.3s ease;
			}

			#nav a:hover {
				transition: 0.3s ease;
	
}
			#nav li {
				display: inline-block;
			}

			.overlay {
				height: 100%;
				width: 100%;
				background-color: black;
				position: absolute;
				animation-duration: 3s;
				opacity:1;
				top:0;
				z-index: 1;
			}
			.overlay2 {
			/*	height: 100%;
				width: 100%;*/
				background-color: black;
				position: absolute;
				animation-duration: 3s;
			}

			.goAway {
				display: none;
				transition: 0.3s ease;
			}

			.altFont {
				font-size: 2.5em;
			}

			.iconAlign {
				display: block;
				width: 100%;
			}

			.iconAlign * {
				display: inline-block;
				vertical-align: middle;
			}

			.iconAlign img {
				width: 20px;
			}

			.contact h3, .contact h4 {
				margin: 0;
			}

			.contact h3 {
				font-size: 2em;
			}

			.contact h4 {
				font-size: 1.5em;
			}

			.fp-viewing-main-slide #nav #aboutSlide,
			.fp-viewing-main-services #nav #servicesSlide,
			.fp-viewing-main-slide2 #nav #clientsSlide,
			.fp-viewing-main-slide3 #nav #pricingSlide,
			.fp-viewing-main-fonts #nav #fontsSlide,
			.fp-viewing-main-fonts2 #nav #fontsSlide,
			.fp-viewing-sub-slide4 #nav #contactSlide {
				border-bottom: 1px solid white;
				transition: 0.3s ease;
			}

			.container {
				/*top: 40%;
				transform: translateY(-40%); */
				transition: 0.3s ease;
			}

			.container.mainContent, div[ng-controller='clientsPage'] {
				margin-bottom: 100px;
				
			}

			.afterType {
				top: 0;
				transform: initial;
				transition: 0.3s ease;
			}

			.adjustSizing {
				font-size: 2.5em !important;
			}

            #words{
                opacity:0;
                  animation-name: example;
                animation-delay: 1s;
                animation-duration: .5s;
                animation-fill-mode: forwards;
            }
            subSpan{font-size:14px;}
            
            
            @keyframes example {
  from {opacity: 0;}
  to {opacity: 1;}
}

    .contact img{
        width: 40px;
    padding-top: 20px;
    }

			.afterType #words {
				display: none;
			}

			.logIn {
				display: inline-block;
				right: 0;
				top: 0;
				position: absolute;
				font-size: 1em !important;
			}

			#scrollTest {
				height: 200px;
				overflow: scroll;
			}

			#aboutCreativ {
				animation-delay: 0.5s;
				animation-duration: 2s;
				display: none;
				color: white;
				/*font-family: 'DINBold';*/
				/*font-family: 'FitchDIN';*/
			}

			.clientLogin {
				font-family: 'DINLight';
			}

			.show {
				display: block !important;
			}

			/* TEST CLASS */

			#twoAnimate {
				animation-duration: 3s;
				/*height: 300px;*/
				margin-top: 80px;
				margin-bottom: 100px;
			}

			.innerNavLink img {
				display: none;
				width: 20px;
				padding-bottom: 5px;
			}

			.innerNavLink span {
				padding-bottom: 5px;
			}

			.data-nav {
				display: none;
				color: white;
			}

			.data-nav .brand {
    font-size: 2em;
    position: relative;
    top: 15px;		
    text-align: center;
    width: 100%;
    display: block;
			    
			}

			.data-nav-displayed {
				display: block;
				position: fixed;
				z-index: 99999;
				width: 100%;
			}

			.data-nav-displayed .container {
				top: initial;
				transform: initial;
			}

			/*.data-nav .clientLogin {
				top: 20px;
				position: relative;
			}*/

			.data-nav .col-xs-offset-6 {
				top: 30px;
				text-align: right;
			}

			.data-nav .row {
				padding: 0px 15px;
			}

		/*	.afterType.fadeOut {
				animation-delay: 0s;
				animation-duration: 0.1s;
			}*/

			#t {
				background: black !important;
			}

			#th {
				background-image: url('../img/creativPricing.jpg');
				background-size: cover;
			}

		/*	#fth {
				background-image: url('../img/drome.png');
				background-size: cover;
			}*/

			.services {
				/*width: 24.5%;*/
				padding: 10px;
				display: block;
				background-color: rgba(43, 43, 43, 0.8);
				height: 220px;
				transition: all 0.3s ease;
			}

			.extend {
				transition: all 0.3s ease;
			}

			.centered {
				display: inline-block;
				position: relative;
				top: 50%;
				left: 50%;
				transform: translateX(-50%) translateY(-50%);
			}


			.centered img {
				display: block;
				margin: 0 auto;
			}

			.centered .overflow {
				display: none;
			}

			.services.extend {
				height: 347px;
			}

			.extend .overflow {
				display: block;
				margin-top: 30px;
			}

			.extend .centered {
				transform: translateX(-50%);
				top: initial;
			}

			div[ng-controller='clientsPage'] {
/*				height: calc(100% - 84px - 56px);
*/				position: relative;
				display: table;
				width: 100%;
			}
			
			.fp-tableCell{
			 vertical-align:unset;
			    
			    top: 90px;
    text-align: center;
    position:relative;
			}
			

			

			.quarter {
				float: left;
				width: 24.5%;
				margin-right: 1px;
				background: rgba(0,0,0,0.8);
			}

			.half, .wider-mast {
				float: left;
				width: 49.5%;
				margin-right: 1px;
				background: rgba(0,0,0,0.8);
			}

			#fitchDin .fontForm {
				font-family: 'FitchDIN';
				font-size:5em;
				font-weight:normal;

			}

			#orgaNYC .fontForm {
				font-family: 'organycregular';
				text-transform: uppercase;
				font-size:5em;
				
				font-weight:normal;
			}

			.fontDownloads .container {
				top: initial;
				transform: initial;
			}

			#fitchDinFont {
				background-image: url('../img/fontpage3.jpg');
				background-size: cover;
			}

			#organycFont {
				background-image: url('../img/iv-wall.jpg');
				background-size: cover;
			}

			.letterHolder {
				font-size: 25em;
				height: 300px;
			}

			.letterHolder .typed-cursor {
				display: none;
			}

			#fitchDin .letterHolder {
				font-family: 'FitchDIN';
			}

			#organycFont .letterHolder {
				font-family: 'organycregular';
				text-transform: uppercase;
			}

			.letter {
				position: relative;
				left: 50%;
				top: 50%;
				display: inline-block;
				transform: translateX(-50%) translateY(-50%);
			}

			.btn-download {
				background-color: white;
				color: black;
				padding: 10px;
				border-radius: 4px;
				width: 310px;
				text-align: center;
				transition: 0.3s ease;
				border: 1px solid transparent;
			}

			.btn-download:hover {
				background-color: transparent;
				border: 1px solid white;
				cursor: pointer;
				color: white;
				transition: 0.3s ease;
			}

			.btn-download a {
				display: block;
				width: 100%;
				height: 100%;
				color: black;
				transition: 0.3s ease;

			}

			.btn-download:hover a, .btn-download a:hover {
				color: white;
				text-decoration: none;
				transition: 0.3s ease;
			}

			.activeTab {
				font-family: 'DINLight';
				font-size: 16px;
			}

			.pricingColor {
				background-color: rgba(43, 43, 43, 0.8);
				padding: 10px;
			}

			.contact {
				text-align: center;
			}
			
			
				
				.clientSlide {
				width: 25%;
				pointer-events:none;
				margin-bottom: 1px;
				float: left;
				background-size: cover;
				height: 160px;
				overflow: hidden;
			}

			.clientSlide img {
				width: 50%;
    max-height: 100px;
    			max-height: 100px;
				display: block;
				margin: 0 auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%); 
				transition: 0.3s ease;
			}


			.clientSlide .overlay2 {
				height: inherit;
				width: inherit;
				position: absolute;
				opacity: 0.5;
				transition: 0.3s ease;
			}

			.clientSlide .description {
				display: none;
				position: relative;
			}

			.clientSlide:hover {
				cursor: pointer;
			}

			.clientSlide:hover .overlay2 {
				opacity: 0.8;
				transition: 0.3s ease;
			}

			.clientSlide:hover .description {
				display: block;
			}

			.clientSlide:hover img {
				width: 50px;
				top: 10%;
				transform: translateY(-10%);
				transition: 0.3s ease;
			}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  body{background-color:red !important;}
  .clientSlide{
      width: 33.3%;
					height:110px;
  }
}
			
		/*	@media only screen */
  /*and (min-device-width: 640px) */
  /*and (max-device-width: 960px)*/
  /*and (-webkit-min-device-pixel-ratio: 2) {*/
      
  /*    */
   
}