/* CSS Document */ /* #Overall Attributes ================================================== */ /* Resets */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; text-decoration:none; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; } ol, ul {list-style: none; } blockquote, q {quotes: none; } blockquote:before, blockquote:after {content: ''; content: none; } table {border-collapse: collapse; border-spacing: 0; } input, button {border:none; } /* #Develeoper / Designer ================================================== Written by: John Hadwin reelworthy.com Reelworthy, LLC Aerial imagery photographed in U.S was acquired by Key Productions, who was hired by Reelworthy for their Section 333 FAA clearance and licensed pilot, blah, blah, blah. Section 333 Exemption No 12889: http://www.faa.gov/uas/legislative_programs/section_333/333_authorizations/media/Key-Productions-12889.pdf Reelworthy, LLC hired Key Productions to film in Nogales, AZ on two dates for this project: January 27th, 2016 $500 February 13th, 2016 $100 Aerial imagery photographed in Mexico was acquired by Reelworthy in accordance with Mexican law. All aerial imagery is therefore checked out and good to go. */ #dims {position:fixed; z-index:1000; background-color:rgba(0,0,0,.5); color:white; font-weight:bold; font-family:Arial, Helvetica, sans-serif; width:82px; height:18px; top:0; left:0; } #scroll {position:fixed; z-index:1000; background-color:rgba(0,0,0,.5); color:white; font-weight:bold; font-family:Arial, Helvetica, sans-serif; width:82px; height:36px; top:0; right:0; } #elemScroll {display:block; } /* #Default (Desktop Designed at about 1100x960) 1050w and 853w were also considered during design as natural breaks (where things wanted to break). ================================================== */ html, body {height:100%; font-size:1em; } body {font-family: Times; background-color:#44435c; color:#FFF; } /* background-color-was:#43425B; */ .wrapper {width:853px; } .wrapper {position: relative; margin: 0 auto 0; padding: 1em 0 0; } a {color:inherit; } a:active, a:hover {color:white; } .landingScreen {position:relative; height:66%; background-image:url('/images/border/1920x1080.jpg'); background-repeat:no-repeat; background-size:cover; background-position: center center; } @media only screen and (max-width: 420px) { .landingScreen {background-image:url('/images/border/853x480.jpg'); }} @media only screen and (min-width: 421px) and (max-width: 640px) { .landingScreen {background-image:url('/images/border/1280x720.jpg'); }} @media only screen and (min-width: 1921px) { .landingScreen {background-image:url('/images/border/3840x2160.jpg'); }} /* control vertical paralax during scroll with background-position-y:[±pixels]; */ #aThird {position:absolute; width: 50%; top:20%; left:50%; margin-left:-25%; font-size:200%; } @media only screen and (max-width:734px) { #aThird {font-size: 150%; text-align:center; }} @media only screen and (max-width: 950px) and (max-height:900px) { #aThird {width: 80%; margin-left: -40%; }} @media only screen and (min-width:1641px) { #aThird {font-size:270%; }} #logo {background-image:url('/images/logos/PDG/whiteOnBlackNoShadow/28.png'); background-repeat:no-repeat; background-size:contain; background-position:top center; position:absolute; width:100%; height:220px; bottom:-100px; left:50%; margin-left:-50%; } @media only screen and (max-width:350px) { #logo {height:150px; bottom: -80px; }} @media only screen and (min-width:351px) and (max-width: 853px) { #logo {height: 180px; bottom: -80px; }} @media only screen and (max-height:420px) { #logo {height:150px; bottom: -80px; }} @media only screen and (max-width:425px) { #intro .wrapper {width:256px; height:435px; }} @media only screen and (min-width:426px) and (max-width:559px) { #intro .wrapper {width:426px; height:495px; }} @media only screen and (min-width:560px) and (max-width:639px) { #intro .wrapper {width:560px; height:585px; }} @media only screen and (min-width:640px) and (max-width:852px) { #intro .wrapper {width:640px; height:640px; }} @media only screen and (min-width:1641px) { #intro .wrapper {width:1280px; height:1130px; }} #intro h2 {text-align:center; font-size:120%; margin: 6em 0 1em; } @media only screen and (max-width: 853px) { #intro h2 {margin-top:5em; }} @media only screen and (min-width:1641px) { #intro h2 {font-size:180%; margin-top:5em; }} @media only screen and (max-height:420px) { #intro h2 {margin-top:5em; }} #video {width:853px; height:480px; margin: 1em 0 8em; border:0; } @media only screen and (max-width:425px) { #video {width:256px; height:144px; }} @media only screen and (min-width:426px) and (max-width:559px) { #video {width:426px; height:240px; }} @media only screen and (min-width:560px) and (max-width:639px) { #video {width:560px; height:315px; }} @media only screen and (min-width:640px) and (max-width:852px) { #video {width:640px; height:360px; }} @media only screen and (min-width:1641px) { #video {width:1280px; height:720px; }} #introTransSales {position:relative; height:100%; background-image:url('/images/licensed/20702932/75.jpg'); background-repeat:no-repeat; background-size:cover; background-position: center center;font-size:150%; } @media only screen and (max-width: 420px) { #introTransSales {background-image:url('/images/licensed/20702932/50.jpg'); }} @media only screen and (min-width: 421px) and (max-width: 640px) { #introTransSales {background-image:url('/images/licensed/20702932/50.jpg'); }} @media only screen and (min-width: 1921px) { #introTransSales {background-image:url('/images/licensed/20702932/100.jpg'); }} #introTransSales p {font-size:200%; text-align:center; width:100%; position:absolute; top:50%; margin-top:-0.5em; } @media only screen and (max-width:374px) { #introTransSales p {font-size:150%; width: 70%; left: 15%; margin-top: -1.5em; }} @media only screen and (min-width:375px) and (max-width:520px) { #introTransSales p {font-size:200%; width: 70%; left: 15%; margin-top: -1.5em; }} @media only screen and (min-width:521px) and (max-width:600px) { #introTransSales p {width: 50%; left: 25%; margin-top: -1.5em; }} @media only screen and (min-width:1100px) { #introTransSales p {font-size:300%; }} @media only screen and (min-width:1600px) { #introTransSales p {font-size:400%; }} #sales {background-color: rgb(248, 239, 218); color: rgb(131, 107, 58); height: auto; } @media only screen and (max-width:349px) { #sales .wrapper {width:295px; }} @media only screen and (min-width:350px) and (max-width:424px) { #sales .wrapper {width:325px; }} @media only screen and (min-width:425px) and (max-width:644px) { #sales .wrapper {width:425px; }} @media only screen and (min-width:645px) and (max-width:852px) { #sales .wrapper {width:638px; }} #salesGroup {margin:100px 0 0; } @media only screen and (max-width:852px) { #salesGroup {margin:25px 0 0; }} #salesGroupImageBefore {float:right; background-image:url('/images/staff/sales/group/550x358.jpg'); background-repeat:no-repeat; background-size:contain; width:550px; height:358px; } @media only screen and (max-width:852px) { #salesGroupImageBefore {display:none; }} #salesGroupImageAfter {background-image:url('/images/staff/sales/group/638x415.jpg'); background-repeat:no-repeat; background-size:contain; width:100%; height:415px; margin:50px 0; } @media only screen and (max-width:349px) { #salesGroupImageAfter {height: 192px; background-image:url('/images/staff/sales/group/550x358.jpg'); }} @media only screen and (min-width:350px) and (max-width:424px) { #salesGroupImageAfter {margin:25px 0; height: 212px; background-image:url('/images/staff/sales/group/550x358.jpg'); }} @media only screen and (min-width:425px) and (max-width:644px) { #salesGroupImageAfter {height:277px; background-image:url('/images/staff/sales/group/550x358.jpg'); }} @media only screen and (min-width:853px) { #salesGroupImageAfter {display:none; }} #salesGroupCaption {font-size: 58pt; line-height: 0.8; } @media only screen and (max-width:349px) { #salesGroupCaption {font-size: 45pt; line-height: .8; }} @media only screen and (min-width:350px) and (max-width:424px) { #salesGroupCaption {font-size: 35pt; line-height: 1; }} @media only screen and (min-width:425px) and (max-width:852px) { #salesGroupCaption {font-size: 45pt; line-height: 1; }} #arent {color:rgb(198, 18, 18); } #theyWorkForYou {font-size:81pt; margin:.5em 0 .25em; color:rgb(57, 48, 40); } @media only screen and (max-width:349px) { #theyWorkForYou {font-size:50pt; margin-top:-.25em; line-height:1; }} @media only screen and (min-width:350px) and (max-width:424px) { #theyWorkForYou {font-size:50pt; margin-top:0; line-height:1; }} @media only screen and (min-width:425px) and (max-width:852px) { #theyWorkForYou {font-size:60pt; margin-top:-.25em; line-height:1; }} #salesPortraits {height:1020px; } @media only screen and (max-width:424px) { #salesPortraits {height:1500px; }} @media only screen and (min-width:425px) and (max-width:644px) { #salesPortraits {height:1825px; }} @media only screen and (min-width:645px) and (max-width:852px) { #salesPortraits {height:1310px; }} #salesPortraitDescription {font-size:18pt; margin:1em 0 50px 0.5em; } .insideGuys {width:inherit; margin:0 auto; } @media only screen and (max-width:424px) { .insideGuys {width:304px; }} .portraitObject, .portraitObjectOff {width:210px; height:300px; display:inline-block; margin-bottom:50px; } @media only screen and (max-width:424px) { .portraitObject, .portraitObjectOff {width:150px; height:250px; margin-bottom:25px; }} .portrait {width:180px; height:234px; margin:0 auto; } @media only screen and (max-width:424px) { .portrait {width:140px; height:182px; }} .portraitStats {width:180px; margin:.5em auto 0; } @media only screen and (max-width:424px) { .portraitStats {width:140px; font-size:80%; }} .paul {background-image:url('/images/staff/sales/portraits/paul/180x234/1.jpg'); background-repeat:no-repeat; } .diana {background-image:url('/images/staff/sales/portraits/diana/180x234/1.jpg'); background-repeat:no-repeat; } .hunter {background-image:url('/images/staff/sales/portraits/hunter/180x234/1.jpg'); background-repeat:no-repeat; } .javier {background-image:url('/images/staff/sales/portraits/javier/180x234/1.jpg'); background-repeat:no-repeat; } .lenny {background-image:url('/images/staff/sales/portraits/lenny/180x234/1.jpg'); background-repeat:no-repeat; } .mike {background-image:url('/images/staff/sales/portraits/mike/180x234/1.jpg'); background-repeat:no-repeat; } .rob {background-image:url('/images/staff/sales/portraits/rob/180x234/1.jpg'); background-repeat:no-repeat; } @media only screen and (max-width:424px) { .paul {background-image:url('/images/staff/sales/portraits/paul/140x182/1.jpg'); background-repeat:no-repeat; } .diana {background-image:url('/images/staff/sales/portraits/diana/140x182/1.jpg'); background-repeat:no-repeat; } .hunter {background-image:url('/images/staff/sales/portraits/hunter/140x182/1.jpg'); background-repeat:no-repeat; } .javier {background-image:url('/images/staff/sales/portraits/javier/140x182/1.jpg'); background-repeat:no-repeat; } .lenny {background-image:url('/images/staff/sales/portraits/lenny/140x182/1.jpg'); background-repeat:no-repeat; } .mike {background-image:url('/images/staff/sales/portraits/mike/140x182/1.jpg'); background-repeat:no-repeat; } .rob {background-image:url('/images/staff/sales/portraits/rob/140x182/1.jpg'); background-repeat:no-repeat; } } .name {color:rgb(57, 48, 40); font-size:140%; } #sales a:active, #sales a:hover {color:#44435c; } #salesTransReputation {position:relative; height:100%; background-image:url('/images/licensed/6721816/1920x1338.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center center; } @media only screen and (max-width: 420px) { #salesTransReputation {background-image:url('/images/licensed/6721816/25.jpg'); }} @media only screen and (min-width: 421px) and (max-width: 640px) { #salesTransReputation {background-image:url('/images/licensed/6721816/1280x885.jpg'); }} @media only screen and (min-width: 1921px) { #salesTransReputation {background-image:url('/images/licensed/6721816/100.jpg'); }} #salesTransReputation p {font-size:260%; text-align:center; width:60%; position:absolute; top:50%; margin:-2em 0 0 20%; } @media only screen and (max-width:374px) { #salesTransReputation p {margin-top:-2.5em; font-size:150%; }} @media only screen and (min-width:375px) and (max-width:520px) { #salesTransReputation p {margin-top:-2.5em; font-size:190%; }} @media only screen and (min-width:521px) and (max-width:700px) { #salesTransReputation p {margin-top:-2.5em; font-size:240%; }} @media only screen and (min-width:1098px) and (max-width:1599px) { #salesTransReputation p {width:50%; margin-left:25%; font-size:300%; }} @media only screen and (min-width:1600px) { #salesTransReputation p {font-size:400%; }} @media only screen and (max-width:1097px) and (min-height:700px) { #salesTransReputation p {font-size:250%; }} #procurement {background-color:rgb(248, 239, 218); color:#44435c; height: auto; } @media only screen and (max-width:349px) { #procurement .wrapper {width:295px; }} @media only screen and (min-width:350px) and (max-width:424px) { #procurement .wrapper {width:325px; }} @media only screen and (min-width:425px) and (max-width:644px) { #procurement .wrapper {width:425px; }} @media only screen and (min-width:645px) and (max-width:852px) { #procurement .wrapper {width:638px; }} #procurement p {font-size:400%; text-align:center; margin:-0.25em 0 0; padding:3em 0; } @media only screen and (max-width:349px) { #procurement p {font-size:300%; }} @media only screen and (max-width:840px) { #procurement p {margin-top:-.5em; padding:2em 0; }} .procurementHighlight {color: rgb(241, 65, 66); } #reputation {position:relative; height:900px; background-image:url('/images/barChart/100.jpg'); background-repeat:no-repeat; background-size:cover; background-position:bottom right; font-size:150%; } @media only screen and (max-width: 420px) { #reputation {background-image:url('/images/barChart/plain/50.jpg'); }} @media only screen and (min-width: 421px) and (max-width: 640px) { #reputation {background-image:url('/images/barChart/plain/75.jpg'); }} @media only screen and (min-width: 1330px) { #reputation {background-image:url('/images/barChart/higherRes/tight/1920x1080.jpg'); background-position:center right; }} @media only screen and (max-width:892px) { #reputation {background-position:bottom center; }} @media only screen and (min-width:893px) and (max-width:1035px) { #reputation {background-position:bottom left; }} @media only screen and (max-width:952px) { #reputation {background-image:url('/images/barChart/plain/75.jpg'); }} #reputation article {position:absolute; right:2%; top:0; width:520px; height:100%; background-color:rgba(27, 33, 47, .75); border-left:solid 8px rgb(186, 184, 219); border-right:solid 8px rgb(186, 184, 219); margin:0 auto; color:white; } @media only screen and (max-width:567px) { #reputation article {position:relative; border:none; right:0; top:0; width:100%; }} @media only screen and (min-width:568px) and (max-width:952px) { #reputation article {left:50%; margin:0 0 0 -268px; }} #reputationContainer {width:440px; margin:0 auto 0; padding:75px 0 0 7px; } @media only screen and (max-width:567px) { #reputationContainer {width:312px; padding-left:0; } } #accountingSetup {font-size:170%; } @media only screen and (max-width:567px) { #accountingSetup {font-size:145%; margin:0 1em; }} #blueBookSeal {width:225px; height:225px; background-image:url('/images/logos/blueBook/75.png'); background-repeat:no-repeat; background-size:contain; margin:1em auto 1.5em; cursor:pointer; } #accountingImpact {font-size:240%; } @media only screen and (max-width:567px) { #accountingImpact {font-size: 200%; margin-top: -.5em; text-align: center; }} #accountingPortraits {height:225px; margin:2em 0 1em 0; } #reputation .portraitObjectOff {width:140px; height:230px; } @media only screen and (max-width:567px) { #reputation .portraitObjectOff {width:100px; height:164px; } } #reputation .portrait {width:135px; height:175px; } @media only screen and (max-width:567px) { #reputation .portrait {width:100px; height:130px; } } #reputation .portraitStats {width:180px; margin:.5em auto 0; font-size:65%; } @media only screen and (max-width:567px) { #reputation .portraitStats {width:100px; font-size:47%; }} #reputation .name {font-size:150%; color:inherit; } #lyzette {background-image:url('/images/staff/accounting/portraits/lyzette/180x234/1.jpg'); background-repeat:no-repeat; background-size:contain; } #vicki {background-image:url('/images/staff/accounting/portraits/vicki/180x234/1.jpg'); background-repeat:no-repeat; background-size:contain; } #chris {background-image:url('/images/staff/accounting/portraits/chris/180x234/1.jpg'); background-repeat:no-repeat; background-size:contain; } #reputation .contact {color:rgb(180, 199, 227); } #reputationTransWarehouse {position:relative; height:60%; background-image:url('/images/licensed/500410/75.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center center; } @media only screen and (max-width: 420px) { #reputationTransWarehouse {background-image:url('/images/licensed/500410/50.jpg'); }} @media only screen and (min-width: 421px) and (max-width: 640px) { #reputationTransWarehouse {background-image:url('/images/licensed/500410/50.jpg'); }} @media only screen and (min-width: 1330px) { #reputationTransWarehouse {background-image:url('/images/licensed/500410/100.jpg'); }} #warehouse {height:1980px; background-color:rgb(50, 49, 66); } @media only screen and (max-width:339px) { #warehouse {height:2100px; }} @media only screen and (min-width:340px) and (max-width:479px) { #warehouse {height:2250px; }} @media only screen and (min-width:480px) and (max-width:499px) { #warehouse {height:1800px; }} @media only screen and (min-width:500px) and (max-width:504px) { #warehouse {height:1900px; }} @media only screen and (min-width:505px) and (max-width:852px) { #warehouse {height:1950px; }} @media only screen and (max-width:419px) { #warehouse .wrapper {width:300px; font-size:70%; }} @media only screen and (min-width:420px) and (max-width:499px) { #warehouse .wrapper {width:460px; font-size:75%; }} @media only screen and (min-width:500px) and (max-width:700px) { #warehouse .wrapper {width:550px; }} @media only screen and (min-width:699px) and (max-width:852px) { #warehouse .wrapper {width:700px; }} #warehouse p {color: rgb(248, 239, 218); font-size:200%; margin:2em; } @media only screen and (max-width:419px) { #warehouse p {margin:2em auto; width:90%; }} .warehouseHighlight {color:rgb(188, 202, 86); } #warehouseWalkthrough {position:relative; width:650px; margin:100px auto; height:850px; color:#fff; } @media only screen and (max-width:479px) { #warehouseWalkthrough {width:300px; margin:35px auto; height:1325px; }} @media only screen and (min-width:480px) and (max-width:698px) { #warehouseWalkthrough {width:425px; margin-top:50px; }} @media only screen and (min-width:699px) and (max-width:852px) { #warehouseWalkthrough {width:570px; margin-top:70px; }} #warehouseW {position:absolute; top:0; left: 0; background-image:url('/images/facilities/w/100.png'); background-repeat:no-repeat; width:230px; height:287px; } @media only screen and (max-width:479px) { #warehouseW {position:relative; top:0; left:0; margin:0 auto; }} #warehouseWalkthrough #p1 {position:absolute; width:315px; top:143px; left:50%; margin:-1.5em 0 0; font-size:17pt; color:inherit; } @media only screen and (max-width:479px) { #warehouseWalkthrough #p1 {position:relative; width:90%; top:0; left:0; margin:1.5em auto; }} @media only screen and (min-width:480px) and (max-width:698px) { #warehouseWalkthrough #p1 {width:250px; top:200px; left:45%; }} #warehouseSE {position:absolute; top:337px; left: 0; background-image:url('/images/facilities/se/100.png'); background-repeat:no-repeat; width:148px; height:198px; } @media only screen and (max-width:479px) { #warehouseSE {position:relative; top:0; left:0; margin:0 auto 20px; }} #primusCert {position:absolute; top:390px; left: 50%; background-image:url('/images/logos/primus/white/100.png'); background-repeat:no-repeat; width:217px; height:89px; cursor:pointer; } @media only screen and (max-width:479px) { #primusCert {position:relative; top:0; left:0; margin:40px auto; }} #warehouseNE {position:absolute; top:585px; left: 0; background-image:url('/images/facilities/ne/100.png'); background-repeat:no-repeat; width:238px; height:261px; } @media only screen and (max-width:479px) { #warehouseNE {position:relative; top:0; left:0; margin:0 auto; }} #warehouseWalkthrough #p2 {position:absolute; width:315px; top:715px; left:50%; margin:-2.5em 0 0; font-size:17pt; color:inherit; } @media only screen and (max-width:479px) { #warehouseWalkthrough #p2 {position:relative; width:90%; top:0; left:0; margin:2em auto; }} @media only screen and (min-width:480px) and (max-width:549px) { #warehouseWalkthrough #p2 {width:170px; top:641px; left:62%; }} @media only screen and (min-width:550px) and (max-width:649px) { #warehouseWalkthrough #p2 {width:210px; top:667px; left:62%; }} @media only screen and (min-width:650px) and (max-width:698px) { #warehouseWalkthrough #p2 {width:230px; top:675px; left:65%; }} #warehouseGroup {position:relative; height:20%; background-image:url('/images/staff/warehouse/group/50.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center center; background-attachment:fixed; } @media only screen and (max-width:339px) { #warehouseGroup {height:10%; }} @media only screen and (min-width:340px) and (max-width:504px) { #warehouseGroup {height:15%; }} @media only screen and (max-width:1024px) { #warehouseGroup {background-attachment:scroll; }} @media only screen and (min-width:1025px) and (max-height:538px) { #warehouseGroup {background-image:url('/images/staff/warehouse/group/50.jpg'); }} @media only screen and (min-width:1025px) and (min-height:539px) and (max-height:807px) { #warehouseGroup {background-image:url('/images/staff/warehouse/group/75.jpg'); }} @media only screen and (min-width:1025px) and (min-height:808px) { #warehouseGroup {background-image:url('/images/staff/warehouse/group/100.jpg'); }} #warehouseGroup p {font-size:350%; text-align:center; width:70%; position:absolute; top:50%; margin:-.75em 0 0 15%; background-color: rgba(50, 49, 66, .6); } @media only screen and (max-width:479px) { #warehouseGroup p {font-size:140%; width:80%; top:55%; margin-left:10%; }} @media only screen and (min-width:480px) and (max-width:599px) { #warehouseGroup p {font-size:200%; width:80%; top:55%; margin-left:10%; }} @media only screen and (min-width:600px) and (max-width:944px) { #warehouseGroup p {width:80%; margin-left:10%; font-size:260%; }} @media only screen and (min-width:945px) and (max-width:1299px) { #warehouseGroup p {width:60%; margin-left:20%; font-size:300%; }} @media only screen and (min-width:1300px) and (max-width:1699px) { #warehouseGroup p {width:50%; margin-left:25%; }} @media only screen and (min-width:1700px) { #warehouseGroup p {width:40%; margin-left:30%; }} #warehousePortraits {background-color: rgb(50, 49, 66); height: 310px; width: 450px; position: absolute; left: 50%; margin: 0 0 0 -225px; bottom: -207px; padding: 25px 0 0; } @media only screen and (max-width:424px) { #warehousePortraits {width:306px; margin-left:-153px; bottom:-270px; padding:5px 0 0; }} @media only screen and (min-width:425px) and (max-width:504px) { #warehousePortraits {width:425px; margin-left:-212.5px; bottom:-247px; padding-top:14px; }} .centerThisViaMargin {margin: 0 auto; width:424px; } @media only screen and (max-width:424px) { #warehouse .centerThisViaMargin {width:304px; }} #humbertoStats {text-align:right; } #warehousePortraits .name {color: rgb(248, 239, 218); font-size:140%; } @media only screen and (max-width:424px) { #warehousePortraits .name {font-size:130%; }} #humberto {background-image:url('/images/staff/warehouse/portraits/humberto/180x234/1.jpg'); background-repeat:no-repeat; } #jerry {background-image:url('/images/staff/warehouse/portraits/jerry/180x234/1.jpg'); background-repeat:no-repeat; } #warehouse a:active, #warehouse a:hover {color: rgb(180, 199, 227); } @media only screen and (max-width:424px) { #jerry {background-image:url('/images/staff/warehouse/portraits/jerry/140x182/1.jpg'); background-repeat:no-repeat; } #humberto {background-image:url('/images/staff/warehouse/portraits/humberto/140x182/1.jpg'); background-repeat:no-repeat; } } #history {background-color: rgb(248, 239, 218); color:rgb(57, 48, 40); height: 730px; } @media only screen and (max-width:479px) { #history .wrapper {width:320px; } #history {height:1110px; }} @media only screen and (min-width:480px) and (max-width:599px) { #history .wrapper {width:453px; } #history {height:830px; }} @media only screen and (min-width:600px) and (max-width:699px) { #history .wrapper {width:553px; } #history {height:740px; }} @media only screen and (min-width:700px) and (max-width:899px) { #history .wrapper {width:653px; } #history {height:810px; } } @media only screen and (min-width:900px) { #history {height:680px; }} #history header {color:rgb(50, 49, 66); font-size: 300%; text-align: center; margin: 2em; } @media only screen and (max-width:699px) { #history header {width:inherit; margin: 1em auto }} #historyColumns {position:relative; height:325px; font-size:110%; } p#history1 {position:absolute; left:0; top:0; width:31%; } @media only screen and (max-width:479px) { p#history1 {position:relative; top:0; left:0; width: 90%; margin:0 0 1.5em 5%; }} @media only screen and (min-width:480px) and (max-width:599px) { p#history1 {left:1%; width:48%; }} p#history2 {position:absolute; left:35%; top:0; width:31%; } @media only screen and (max-width:479px) { p#history2 {position:relative; top:0; left:0; width: 90%; margin:0 0 1.5em 5%; }} @media only screen and (min-width:480px) and (max-width:599px) { p#history2 {left:51%; width:48%; }} p#history3 {position:absolute; left:69%; top:0; width:31%; } @media only screen and (max-width:479px) { p#history3 {position:relative; top:0; left:0; width: 90%; margin:0 0 1.5em 5%; }} @media only screen and (min-width:480px) and (max-width:599px) { p#history3 {position:relative; left:0; top:0; padding-top:310px; width:100%; }} p#history4 {position:relative; left:0; padding-top:330px; } @media only screen and (max-width:479px) { p#history4 {position:relative; top:0; left:0; width: 90%; margin:0 0 1.5em 5%; padding:0; }} @media only screen and (min-width:480px) and (max-width:599px) { p#history4 {position:relative; left:0; top:0; margin-top:1.5em; padding:0; }} @media only screen and (min-width:600px) and (max-width:699px) { p#history4 {padding-top:360px; }} @media only screen and (min-width:900px) { p#history4 {padding-top:260px; }} #historyTransConclusion {position:relative; height:100%; background-image:url('/images/licensed/22114092/75.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center center; } @media only screen and (max-width:420px) { #historyTransConclusion {background-image:url('/images/licensed/22114092/50.jpg'); }} @media only screen and (min-width:421px) and (max-width:640px) { #historyTransConclusion {background-image:url('/images/licensed/22114092/50.jpg'); }} @media only screen and (min-width:1921px) { #landingScreen {background-image:url('/images/licensed/22114092/100.jpg'); }} #historyTransConclusion p {font-size:400%; text-align:left; width:45%; position:absolute; top:50%; left:45%; } @media only screen and (max-width:349px) { #historyTransConclusion p {font-size:200%; top:45%; }} @media only screen and (min-width:350px) and (max-width:379px) { #historyTransConclusion p {font-size:250%; top:45%; }} @media only screen and (min-width:380px) and (max-width:499px) { #historyTransConclusion p {font-size:200%; top:50%; }} @media only screen and (min-width:500px) and (max-width:699px) { #historyTransConclusion p {font-size:250%; top:48%; }} @media only screen and (min-width:700px) and (max-width:940px) { #historyTransConclusion p {font-size:300%; top:50%; }} @media only screen and (min-width:941px) and (max-width:1799px) { #historyTransConclusion p {top:50%; }} @media only screen and (min-width:1800px) { #historyTransConclusion p {font-size:600%; top:50%; }} @media only screen and (max-width:599px) and (max-height:400px) { #historyTransConclusion p {font-size:200%; top:50%; }} #conclusion {position:relative; } #conclusion .phone {width:100%; font-size:110pt; text-align:center; margin:5% 0 0; } #callUs {width:100%; text-align: center; font-size:200%; margin:50px 0 50px; font-size:400%; color: rgb(186, 157, 131); } #callUs span {display:block; font-size:50%; color:white; } #conclusion .insideGuys {width:1494px; } @media only screen and (max-width:349px) { #conclusion .insideGuys {width:304px; }} @media only screen and (min-width:350px) and (max-width:424px) { #conclusion .insideGuys {width:325px; }} @media only screen and (min-width:425px) and (max-width:644px) { #conclusion .insideGuys {width:424px; }} @media only screen and (min-width:645px) and (max-width:852px) { #conclusion .insideGuys {width:638px; }} @media only screen and (min-width:853px) and (max-width:1494px) { #conclusion .insideGuys {width:852px; }} #insideGuysTrack {width:1494px; } #conclusion .name {color: #fff; } #conclusion .title, #conclusion .contact {color: rgb(186, 157, 131); } #copyright {text-align:center; margin:2em 0 .5em; color: rgb(109, 92, 77); font-size:10pt; } #copyright a {font-size:8pt; } #address {display:block; font-size:12pt !important; margin:5px 0; color:white; } #conclusion nav {position:relative; width:100%; height:100px; background-color:rgb(57, 48, 40); } @media only screen and (max-width:485px) { #conclusion nav {height:70px }} #number1, #number2, #number3 {color:white; width: 29.5%; text-align: center; font-size: 18pt; margin: 7px 1.5% 0; vertical-align:top; display: inline-block; height: 75%; } @media only screen and (max-width:485px) { #number1, #number2, #number3 {font-size:90%; }} #conclusion nav .label {color: rgb(186, 157, 131); } .fax {font-size:80%; color: rgb(115, 97, 81); } #map {width:100%; height:185px; display:none; border:0; } @media only screen and (max-width:740px) { #map {display:block;}} @media only screen and (min-height:400px) { #map {height:300px; }} /* #Overrides ================================================== */ .remove {display:none; } .underlined {text-decoration:underline; } .italics {font-style:italic; } .bold {font-weight:bold; } .center {text-align:center; }