body {
            font-family: Arial, sans-serif;
            text-align: center;
            overflow-x:hidden;
			background-color:black;
        }
		
		* {
			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;
		}

		.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;
		}

		.frontDiv {
			position:relative;
			width:100vw;
			height:92.5vh;
			display:flex;
			flex-direction:column;
			align-items:center;
			justify-content:flex-start;
			gap:1vh;
			margin-top:7.5vh;
		}
		
        .printTitle{
			color:white;
			font-family:MyriadProBold; 
			font-size:7vh;
			margin-top:5vh;
        }
		
		.printImg{
            width:30vw;
        }
		
		.printTitle1{ 
			color:white;
			width:35vw;
			font-family:MyriadProLight; 
			letter-spacing: 0.25vw;
			font-size:4vh;
			margin:0;
		}

        .printButton{
            width:6.5vw;
            padding: 0.5vh 0 0.5vh 0;
            font-size:1.95vh;
            font-family:MyriadProLight;
            background-color:#0066CC;
            color:white;
            border:2px solid #0066CC;
            border-radius:15px;
            cursor:pointer;
			margin-bottom:2.5vh;
        }
        .printButton:hover{
            background-color:rgba(0,0,0,0.35);
        }

		.story {
			width:100vw;
			height:auto;
			display: flex;
			flex-direction:column;
			align-items:center;
			justify-content:flex-start;
			gap:2vw;
			margin-bottom:10vh;
			padding-bottom:10vh;
		}

        .exImg{
            width:30vw;
            height:auto;
        }

        .exTitle{
			text-align:left;
			font-family:MyriadProBold;
			font-size:7vh;
			color:white;
			margin:0;
        }
		
		.exButton {
			width:6.5vw;
            padding: 0.5vh 0 0.5vh 0;
            font-size:1.95vh;
            font-family:MyriadProLight;
            background-color:#0066CC;
            color:white;
            border:2px solid #0066CC;
            border-radius:15px;
            cursor:pointer;
		}
		
		.exButton:hover {
            background-color:transparent;
        }

		.work {
			width:100vw;
			height:auto;
			display: flex;
			flex-direction:column;
			align-items:center;
			justify-content:flex-start;
			gap:2vh;
			padding-bottom:10vh;
			padding-top:5vh;
			margin-bottom:5vh;
			background-color:#090909;
		}

        .signImg{
            width:30vw;
			height:auto;
        }

        .signTitle{
			text-align:left;
			font-family:MyriadProBold;
			font-size:7vh;
			color:white;
			margin:0;
        }
		
		.signButtonDiv {
			width:22vw;
			display: flex;
			flex-direction:row;
			align-items:center;
			justify-content:center;
			gap:2vw;
			margin-bottom:2vh;
		}
		
        .signButtonInt{
            width:6.5vw;
            padding: 0.5vh 0 0.5vh 0;
            font-size:1.95vh;
			color:white;
            font-family:MyriadProLight;
            background-color:#0066CC;
            border:2px solid #0066CC;
            border-radius:15px;
            cursor:pointer;
        }

        .signButtonExt{
            width:6.5vw;
            padding: 0.5vh 0 0.5vh 0;
            font-size:1.95vh;
            font-family:MyriadProLight;
            background-color:black;
            color:white;
            border:2px solid white;
            border-radius:15px;
            cursor:pointer;
        }

        .signButtonInt:hover{
            background-color:#0066CC;
			border-color:white;
        }

        .signButtonExt:hover{
            background-color:#0066CC;
        }

        .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;
		}