body {
            font-family: Arial, sans-serif;
            text-align: center;
			background-color:#000000;
        }
		
		html {
			scroll-behavior:smooth;
		}
		
		* {
			margin:0;
			padding:0;
		}
		
		@font-face {
			font-family:MyriadPro;
			src: url(../fonts/MYRIADPRO-REGULAR.OTF);
		}

		@font-face {
			font-family:MyriadProLight;
			src: url(../fonts/MyriadPro-Light.otf);
		}
		
		@font-face {
            font-family:MyriadProBold;
            src: url(../fonts/MYRIADPRO-BOLD.OTF);
        }
		
		.navbar{
			background-color:#282828;
			height:7.5vh;
			width: 100vw;
			z-index:5;
			position:fixed;
            top:0;
            left:0;
			border-bottom:2px solid #0066CC;
			display:flex;
			flex-direction:row;
			align-items:center;
			justify-content:center;
		}
		
		.navlinks {
			height:7.5vh;
			width:auto;
			z-index:6;
			display:flex;
			flex-direction:row;
			align-items:center;
			justify-content:center;
			gap:4vw;
		}

		.navLogo{
			position:absolute;
			left:20vw;
			height:5vh;
			width:auto;
		}
		
		.navLogo:hover {
			cursor:pointer;
		}

		.navLink1{
			padding:0;
			margin:0;
			font-size:3vh;
			width:10vw;
			text-align:center;
			font-family:MyriadProLight;
			cursor:pointer;
			transition: scale 0.5s ease;
            color:white;
			display:block;
		}

		.navLink2{
			padding:0;
			margin:0;
			font-size:3vh;
			width:10vw;
			text-align:center;
			font-family:MyriadProLight;
			cursor:pointer;
			transition: scale 0.5s ease;
            color:white;
			display:block;
		}

		.navLink1:hover,.navLink2:hover,.navLink3:hover{
			scale: 1.1 1.1;
		}

		.navLink3{
			padding:0;
			margin:0;
			font-size:3vh;
			width:10vw;
			text-align:center;
			font-family:MyriadProLight;
			cursor:pointer;
			transition: scale 0.5s ease;
            color:white;
			display:block;
		}
		
		.gradient {
			z-index:-10;
			background-image: url('../images/gradient1.png');
			background-size:cover;
			background-position:center;
			background-repeat:no-repeat;
			width:100vw;
			height:auto;
		}
		
		.content {
			min-height:100vh;
		}
		
		.links {
			width:100vw;
			height:auto;
			display:flex;
			flex-direction:row;
			align-items:flex-start;
			justify-content:center;
			gap:4vw;
			margin-top:7.5vh;
			padding-top:10vh;
			margin-bottom:10vh;
		}
		
		.printDiv, .mailDiv, .digitalDiv {
			width:20vw;
			position:relative;
			display:flex;
			flex-direction:column;
			align-items:center;
			justify-content:center;
			gap:0vh;
			padding-bottom:2vh;
		}
		
		.print, .mail, .digital {
			color:white;
			cursor:pointer;
		}
		
		.print::after, .mail::after, .digital::after {
			content:'';
			position:absolute;
			height:3px;
			right:50%;
			bottom:0;
			width:0;
			background:#0066CC;
			transition:width 0.2s;
			transform-origin:right;
		}
		
		.print1::after, .mail1::after, .digital1::after {
			content:'';
			position:absolute;
			height:3px;
			left:50%;
			bottom:0;
			width:0;
			background:#0066CC;
			transition:width 0.2s;
		}
		
		.print1:hover:after, .mail1:hover:after, .digital1:hover:after, .print:hover:after, .mail:hover:after, .digital:hover:after {
			width:50%;
		}
		
		.print.active::after, .mail.active::after, .digital.active::after, .print1.active::after, .mail1.active::after, .digital1.active::after {
			width:50%;
		}
		
		.tiles {
			width:83vw;
			height:auto;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			align-items:flex-start;
			justify-content:left;
			gap:3vw;
			margin-left:17vw;
			margin-bottom:10vh;
			margin-top:0vh;
		}
		
		.tiles div {
			width: 20vw;
			height:30vw;
			border: 2px solid white;
			border-radius:25px;
			filter:grayscale(85%);
			transition: filter 0.5s ease, opacity 0.25s ease;
			opacity:1;
			
			background-size:100% 100%;
			background-position:center;
			background-repeat:no-repeat;
		}
		
		.boxesDiv {
			background-image: url('../images/print/Boxes.png');
		}
		
		.digitalPrintDiv {
			background-image: url('../images/print/DigitalPrint.png');
		}
		
		.directMailDiv {
			background-image: url('../images/print/DirectMail.png');
		}
		
		.largeFormatDiv {
			background-image: url('../images/print/LargeFormat.png');
		}
		
		.nanoPrintDiv {
			background-image: url('../images/print/NanoPrint.png');
		}
		
		.offsetPrintDiv {
			background-image: url('../images/print/OffsetPrint.png');
		}
		
		.Prototype3dDiv {
			background-image: url('../images/print/3DPrototype.png');
		}
		
		.tiles div:hover {
			filter:grayscale(0%);
			cursor:pointer;
		}
		
		.tiles div.active {
			filter: grayscale(0%) !important;
		}
		
		.tiles div.hidden {
			opacity:0;
		}
		
		.description {
			color:white;
			text-align:center;
			width:90%;
			line-height:2;
			margin-top:5vh;
			opacity:0;
			display:none;
		}
		
		.description.active {
			opacity:1;
		}
		
		.subtext {
			color:white;
			text-align:left;
			width:50vw;
			line-height:2;
			font-size:2vh;
			margin-top:10vh;
			display:none;
			opacity:0;
			transition:opacity 0.25s ease;
		}
		
		.subtext.active {
			opacity:1;
		}
		
		.signIn {
            position:absolute;
            background-color:#0066CC;
            top:1.5vh;
            width:10vw;
            border:2px solid #0066CC;
            border-radius:15px;
            right:5vw;
            font-size:3vh;
            font-family:MyriadProLight;
            color:white;
            cursor:pointer;
        }

        .signIn:hover {
            background-color:#282828;
        }
		
		.footerDiv {
			width:100vw;
			height: auto;
			border-top: 2px solid #0066CC;
			background-color:#282828;
			display:flex;
			flex-direction:row;
			align-items:center;
			justify-content:center;
			gap:25vh;
		}
		
		.fDiv1 {
			width:auto;
			height:100%;
			display:flex;
			flex-direction:column;
			align-items:center;
			justify-content:center;
			gap:3vh;
			margin-top:3vh;
			margin-bottom:3vh;
		}
		
		.fHeader {
			color:white;
			font-family:MyriadProBold;
			font-size:3.5vh;
		}
		
		.fImg {
			width:30%;
			height:60%;
		}
		
		.fDiv2 {
			width:auto;
			height:auto;
			display:flex;
			flex-direction:column;
			align-items:center;
			justify-content:center;
			gap:3vh;
			margin-top:3vh;
			margin-bottom:3vh;
		}
		
		.fHeader2 {
			color:white;
			font-family:MyriadProBold;
			font-size:3.5vh;
			margin:0;
		}
		
		.fLink1 {
			color: white;
			font-family:MyriadProLight;
			font-size:2vh;
			margin:0;
		}
		
		.fLink2 {
			color:white;
			font-family:MyriadProLight;
			font-size:2vh;
			margin:0;
		}
		
		.fLink3 {
			color:white;
			font-family:MyriadProLight;
			font-size:2vh;
			margin:0;
		}
		
		.fDiv3 {
			width:24%;
			height:100%;
			display:flex;
			flex-direction:column;
			align-items:center;
			justify-content:center;
			gap:3vh;
			margin-top:3vh;
			margin-bottom:3vh;
		}
		
		.fHeader3 {
			color:white;
			font-family:MyriadProBold;
			font-size:3.5vh;
			margin:0;
		}
		
		.fEmail {
			color:white;
			font-family:MyriadProLight;
			margin:0;
		}
		
		.fPhone {
			color:white;
			font-family:MyriadProLight;
			margin:0;
		}