/* @media screen and (max-width: none) */
body {margin: 0;}
#container {width: 100%; background-color: #fff;}

/* ADG CREATIVE  +  PROOBJECT */
#fixedTitle {height: 7%; min-height: 61px; background-image: url(../images/titleBack.png); background-size: 100%; color: #fff; text-align: center; position: fixed; width: 100%; z-index:10}
@-moz-document url-prefix() {#fixedTitle {min-height: 68px;}}
#fixedTitle div {font: normal normal 20px/35px Montserrat; top: 1.5%; letter-spacing: 1px; padding-right: 1.4%; position: relative;}
/* plus sign */
#fixedTitle div span {font-size: 3.5em; top: .25em; display: inline-block; position: relative; color: #6CF9E1;} 

/* Hey, Cleared Creative. */
#topDiv {width: 100%; display: flex;}
#heyCCCont {width: 50%; min-width: 650px; background-color: #733ADD; color: #fff; padding: 10% 0 10% 0;}
#heyCC {position: relative; font: normal bold 98px/92px Montserrat; letter-spacing: -0.25px; width:60%; min-width: 555px; left:15%; top: 5%;}
/* We've been waiting for you. */
#waiting {font: normal bold 38px Montserrat; margin-top: 3%;}
/* top right  image */
#pointDiv {width: 50%; background-image: url(../images/point_1202px.png); background-size: cover;}

/* Imagine it. Build it.  */
#blueNet {width: 100%; background-image: url(../images/blueNet_2341px.jpg); background-size: cover; position: relative; z-index: 0; text-align: right;}
#imagineBuildIt {width: 42%; display: inline-block; position: relative; z-index: 1; margin-bottom: 30%;}
.imagine {display: inline-block; width: 49%; background-color: #6CF9E1; text-align: center; padding: 3% 0 4% 0.5%;}
.imagine a {font: normal bold 29px Montserrat; color: #0055dd; letter-spacing: -0.16px; text-decoration: none; white-space: nowrap;}
.imagine a img {margin-left: 7%; vertical-align: middle;}
#build {float: right; margin-left: 1%;}

/* This is where mission capabilities meet creative expression.  */
#two {background-color: #2F2F2F; font: normal bold 30px Montserrat; float: right; letter-spacing: -0.16px; color: #fff; width: 55%; padding: 2%; position: relative; z-index: 5; white-space: nowrap;}
#thisIsCont {width: 100%; display: flex;} /* contains #thisIs and #creativeMission */
#thisIs {width: 50%; font: normal bold 65px/73px Montserrat; position: relative; z-index: 4; margin-top: -24%; background-color: #fff; letter-spacing: -1.63px;}
#thisIsWhere {padding: 15% 0 15% 0; width: 70%; margin-left: auto; margin-right: auto;}

/* Creating mission experiences. */
#creativeMissionCont {width: 50%;}
#creativeMission {font: normal bold 38px/35px Montserrat; letter-spacing: -0.16px; color: #2F2F2F; padding: 5% 5% 25% 25%; position: relative; z-index: 2;}
#unfetterIcons {background-image: url(../images/agencyIcons_600px.jpg); background-size: 100%; width: 15%; padding:10%}
#unfetterIcons img {margin-bottom: 100%;}
#togetherWe {font: normal normal 24px/38px Montserrat; margin-top: 3%; padding-right: 15%;}

/* cyber Cop hand held mobile */
#cyberCop {background-image: url(../images/cyberCop_1920px.jpg); background-size: cover; background-repeat: no-repeat; width: 100%}
#cyberCop img {margin-bottom: 70%;}

/* Each company */
#underProximasCont {width: 100%; display: flex;}
#underProximasDiv {align-self: flex-end; padding: 18% 0 15% 0; width: 50%; position: absolute; z-index: 6; background-color: #2F2F2F; font: normal normal 24px/48px Montserrat; letter-spacing: -0.38px; color: #FFFFFF;}
#underProximas {width:65%; left:20%; position: relative;}
#iconGrid {width: 55%; position: relative; z-index: 4; background-color: #4256ee; padding:3% 8% 2% 10%; text-align: right; margin-top: -7.3%; left: 27%;}
#iconGrid img {width: 60%; min-width: 513px;}

/* meeting image */
#meeting {width: 100%; background-image: url(../images/meeting_3840px.jpg); background-size: 100%; position: relative; z-index: 7;}
#meeting img {margin-bottom: 30%;}

/* We're expanding our teams. */
#wereExpandCont {text-align: center; width: 100%; color: #2F2F2F;}
#boxIcon {width: 100%; margin-top: 5%;}
#boxIcon img {width: 4%;}
#wereExpand {width: 100%; font: normal bold 38px/48px Montserrat; letter-spacing: -0.16px; margin: 2% 0 2% 0;}
#whether {font: normal normal 24px/38px Montserrat; letter-spacing: -0.16px; width: 45%; margin: 0 auto 5% auto;}

/* Yeah. We can do that. */
#adgCont {width: 100%; display: flex;}
#adgBorder {background-color: #733add; width: 60%; padding-top: 1.5%;}
#adgDiv {width: 50%; position: relative; color: #2F2F2F; background-color: #EBEBEB; padding: 0 10% 13.3% 0;}
#adgText {padding: 20% 24% 0 14%;}
#adgLogo {width: 20%; margin-bottom: 8%;}
#yeah {letter-spacing: -0.45px; font: normal bold 38px Montserrat; margin-bottom: 3%; white-space: nowrap;}
#create {font: normal normal 24px/38px Montserrat; letter-spacing: -0.29px;}
#welcomeOps {width: 50%; position: absolute; z-index: 1; right: 0; background: url(../images/welcomeOpsClick.jpg); background-size: cover; align-self: flex-end;}
#welcomeOps img {margin-bottom: 55.2%;}
#imagine {font: normal bold 90px Montserrat; letter-spacing: -1.25px; color: #FFF; margin: 0 0 4% 10%;}

/* Looking for roles like (1st and 2nd) */
.openPositionsCont {width: 100%; display: flex;}
#whiteboard {width: 50%; background-image: url(../images/whiteboard_1920px.jpg); background-size: cover;}
#whiteboard img {margin-bottom: 60%;}
.lookingDiv {width: 50%; background-color: #733ADD; color: #fff; letter-spacing: -0.16px; padding-top: 10%;}
.lookingCont {margin-left: 20%;}
.looking {font: normal bold 30px/35px Montserrat;}
.lookingList {font: normal normal 23px/45px Montserrat; margin-bottom: 17%;}
.openPositions {width: 100%; background-color: #6CF9E1; padding: 4.4% 0 4.4% 0; font: normal normal bold 30px/35px Montserrat;}
.openPositionsTxt {margin-left: 20%;}
.openPositionsTxt a {text-decoration: none; color: #0055DD;}
.openPositions img {vertical-align: middle; margin-left: 10%;}

/* abstract image bg bottom */
#blueNetBottom {width: 100%; background-image: url(../images/blueNetBottom_2341px.jpg); background-size: cover; position: relative; z-index: 0;}
#blueNetBottom img {margin-bottom: 23%;}

/* Applications for Intelligence. */
#proObjectCont {width: 100%; display: flex; color: #FFF; margin: -1% 0 -7.5% 0;}
#laptopHands {width: 50%; position: absolute; z-index: 2; background: url(../images/laptopHands_1920px.jpg); background-size: cover; align-self: flex-end;}
#laptopHands img {margin-bottom: 156%;}
#buildit {font: normal bold 85px Montserrat; letter-spacing: -1.25px; margin: 0 0 8% 8%; float: left;}
#proObjectBorder {background-color: #733add; width: 50%; padding-top: 1.5%;}
#proObjectDiv {width: 50%; position: relative; background-color: #2F2F2F; padding-left: 24%; left: 26%; z-index: 1; margin-top: -7.4%;}
#proObjectText {padding: 23% 20% 9.8% 16%;}
#proObjectLogo {width: 39%; margin-bottom: 8%;}
#apps {letter-spacing: -0.45px; font: normal bold 37px/36px Montserrat; margin-bottom: 3%;}
#delivering {font: normal normal 24px/38px Montserrat; letter-spacing: -0.29px; margin-bottom: 20%;}

/* Looking for roles like (2nd) */
/* show hidden divs for phone or tablet, hide from desktop */
.phoneTabletOnly, .phoneOnly {display: none;} 
#lookingDivPro {padding-top: 16%;}
#lookingListPro {margin-bottom: 16%;}
#touchScreenServer {width: 50%; background-image: url(../images/touchScreenServer_1920px.jpg); background-size: cover;}
#touchScreenServer img {margin-bottom: auto;}

/* Need more information? */
#needMoreTopBar {width: 100%; padding-top: 5%; margin-bottom: 7%; background: -webkit-gradient(linear, left top, right top, color-stop(23%,#fff), color-stop(23%,#2f2f2f));
    background: -moz-linear-gradient(left center, #fff 23%, #2f2f2f 23%); background: -o-linear-gradient(left, #fff 23%, #2f2f2f 23%);
    background: linear-gradient(to right, #fff 23%, #2f2f2f 23%);}
#needMore {width: 100%;}
#needMoreTitleDiv {width: 100%; margin-top: 2%; margin-bottom: 2%; margin-left: -6.5%;}
#needMoreTxt {letter-spacing: -0.25px; font: normal bold 65px/73px Montserrat; width: 37%; margin-left: auto; margin-right: auto;}
#ifYoureNotDiv {width: 100%; margin-bottom: 2%;}
#ifYoureNot {letter-spacing: -0.16px; font: normal normal 24px/38px Montserrat; width: 50%; margin-left: auto; margin-right: auto;}

/* Form */
#moreInfoForm {margin-left: auto; margin-right: auto; width: 48.5%; margin-bottom: 1.3%;}
#required {font-size: 15px; font-style: italic; text-align: center; width: 100%; margin-bottom: 5%;}


/* ProObject Inc. and ADG Creative LLC are equal opportunity employers */
#equalOpportunityDiv {width: 85%; position: relative; z-index: 1; margin-top: -2%; background-color: #EBEBEB; margin-left: auto; margin-right: auto; margin-bottom: 8%;}
#equalOpportunity {letter-spacing: -0.16px; font: normal normal 16px/29px Montserrat; padding: 8% 0 6% 0; width: 63%; margin-left: auto; margin-right: auto; color: #2F2F2F;}
#equalOpportunity a {color: #1164FB}

/* adgcreative.net proobject.com social media */
#coLinksCont {width: 100%; margin-bottom: 4%;}
#coLinksDiv {width: 85%; display: flex; margin-left: auto; margin-right: auto;}
.coLinks {width: 30%;}
.logoFooter {width: 30%; margin-bottom: 4%;}
#logoFooterPro img {margin-top: -31px;}
.url a {font: normal bold 16px Montserrat; color: #1164FB; margin-bottom: 3.5%; display: block;}
.social {width: 100%;}
.social a {margin-right: 4%;}
#adgInstagram {width:35px;}
#adgLinkedIn {width:35px;}
#proInstagram {width:35px;}
#proLinkedIn {width:35px;}

/* Footer */
#addressCont {width: 85%; font: normal normal 16px Montserrat; color: #989898; margin-bottom: 1%; margin-left: auto; margin-right: auto;}
#addressDiv {width: 100%; display: flex;}
.address {width: 70%;}
#addressBr {display: none;}
#copy {width: 30%; text-align: right;}

@media screen and (max-width: 1920px) {
    h1 {font-size: 98px; line-height: 92px; letter-spacing: -2.45px;}
    h2 {font-size: 65px; line-height: 73px; letter-spacing: -1.63px;}
    h3 {font-size: 38px; line-height: 35px; letter-spacing: -0.61px;}
    h4 {font-size: 30px; letter-spacing: -0.48px;}
    body {font-size: 24px; line-height: 38px; letter-spacing: -0.38px;}
    h5 {font-size: 84px; letter-spacing: -2.1px;}
    #fixedTitle div {padding-right: 1.8%;}
    #formName, #formEmail {width:90%}
    #formTellUs {width:95%}
    
    #pointDiv {background-image: url(../images/point_601px.png);}
    #blueNet {background-image: url(../images/blueNet_2020px.jpg);}
    #cyberCop {background-image: url(../images/cyberCop_960px.jpg);}
    #unfetterIcons {background-image: url(../images/agencyIcons_300px.jpg);}
    #meeting {background-image: url(../images/meeting_1920px.jpg);}
    #welcomeOps {background: url(../images/welcomeOpsClick960px.jpg); background-size: cover;}
    #welcomeOps img {margin-bottom: 50%;}
    #whiteboard {background-image: url(../images/whiteboard_960px.jpg);}
    #blueNetBottom {background-image: url(../images/blueNetBottom_1220px.jpg);}
    #laptopHands {background: url(../images/laptopHands_960px.jpg);}
    #touchScreenServer {background-image: url(../images/touchScreenServer_960px.jpg);}
}

@media screen and (max-width: 1200px) {
    h1 {font-size: 71px; line-height: 70px; letter-spacing: -1.77px;}
    #fixedTitle {background-image: url(../images/titleBackSm.png);}
    #fixedTitle div {padding-right: 2.3%;}
    #topDiv {min-width: auto}
    #heyCCCont {min-width: auto;}
    #heyCC {font: normal bold 71px/70px Montserrat; letter-spacing: -1.77px; min-width: auto;}
    #waiting {font: normal bold 24px Montserrat; margin-top: 2%; letter-spacing: -0.38px; min-width: 450px;}
    .imagine a {font: normal bold 20px Montserrat; letter-spacing: -0.38px;}
    .imagine a img {width: 14%}
    #two {font: normal bold 22px Montserrat; letter-spacing: -0.35px;}
    #thisIs {font: normal bold 36px/42px Montserrat; letter-spacing: -0.9px;}
    #thisIsWhere {width: 65%;}
    #creativeMission {font: normal bold 28px/32px Montserrat; letter-spacing: -0.45px;}
    #togetherWe {font: normal normal 18px/26px Montserrat; letter-spacing: -0.29px;}
    #cyberCop img {margin-bottom: 91%;}
    #underProximasDiv {padding: 13.5% 0 13.5% 0; font: normal normal 18px/26px Montserrat; letter-spacing: -0.29px;}
    #iconGrid img {min-width: auto;}
    #wereExpand {width: 100%; font: normal bold 28px/32px Montserrat; letter-spacing: -0.45px; margin: 2% 0 2% 0;}
    #whether {font: normal normal 18px/26px Montserrat; letter-spacing: -0.29px;}
    #yeah {letter-spacing: -0.45px; font: normal bold 28px Montserrat; margin-bottom: 3%; white-space: nowrap;}
    #create {font: normal normal 18px/26px Montserrat; letter-spacing: -0.29px;}
    #welcomeOps img {margin-bottom: 82%;}
    #imagine {font: normal bold 52px Montserrat; letter-spacing: -1.3px;}
    .looking {font: normal bold 22px/35px Montserrat;}
    .lookingList {font: normal normal 18px/35px Montserrat; letter-spacing: -0.29px;}
    .openPositions {font: normal normal bold 24px Montserrat;}
    .openPositions img {width: 8%}
    #buildit {font: normal bold 52px Montserrat;}
    #proObjectDiv {margin-top: -14%;}
    #apps {letter-spacing: -0.45px; font: normal bold 28px/32px Montserrat; margin-bottom: 3%;}
    #delivering {font: normal normal 18px/26px Montserrat; letter-spacing: -0.29px; margin-bottom: 20%;}
    #needMoreTxt {letter-spacing: -0.9px; font: normal bold 36px/42px Montserrat;}
    #ifYoureNot {letter-spacing: -0.16px; font: normal normal 18px/26px Montserrat;}
    /* form {font: normal normal 14px Montserrat;}
    #submit {font: normal bold 24px Montserrat;} */
    #equalOpportunity {letter-spacing: -0.22px; font: normal normal 14px/26px Montserrat;}
    
    .url a {font: normal bold 13px Montserrat; margin-bottom: 6%;}
    #addressCont {font: normal normal 13px Montserrat;}
}

@media screen and (max-width: 800px) {
    #heyCCCont {width: 65%;}
    #pointDiv {width: 45%; background-image: url(../images/point_372px.png)}
    }

@media screen and (max-width: 768px) {
    h1 {font-size: 63px; line-height: 61px; letter-spacing: -1.57px;}
    h2 {font-size: 26px; line-height: 42px; letter-spacing: -0.9px;}
    h3 {font-size: 28px; line-height: 32px; letter-spacing: -0.45px;}
    h4 {font-size: 22px; letter-spacing: -0.35px;}
    body {font-size: 18px; line-height: 26px; letter-spacing: -0.29px;}
    h5 {font-size: 52px; letter-spacing: -1.3px;}
    #container {min-width: 620px}
    #fixedTitle div {font: normal normal 16px Montserrat; letter-spacing: 1px; padding-right: 3.5%; top: -20%;}
    #fixedTitle div span {font-size: 3.5em; top: .25em;}
    #heyCCCont {width: 60%;}
    #heyCC {font: normal bold 63px/61px Montserrat; letter-spacing: -1.57px; left: 8%;}
    #waiting {font: normal bold 21px Montserrat; margin-top: 2%; letter-spacing: -0.34px; min-width: 300px;}
    #pointDiv {width: 40%; background-image: url(../images/point_372px.png)}
    .imagine {padding: 5% 0 6% 0.5%;}
    .imagine a img {margin-left: 0;}
    #thisIs {font: normal bold 36px/42px Montserrat; letter-spacing: -0.9px;}
    #thisIsWhere {margin-left: 10%;}
    #underProximasDiv {padding: 8% 0 8% 0;}
    #underProximas {width: 85%; left: 5%;}
    #iconGrid {padding: 9% 8% 2% 10%;}
    #boxIcon img {width: 5%;}
    #whether {width: 75%;}
    #whiteboard img {margin-bottom: 50%;}
    #adgCont {display: block;}
    #adgDiv {width: 100%; position: relative; z-index: 0; padding: 0;}
    #welcomeOps {width: 70%; position: relative; z-index: 1; float: right; top: -735px; background: url(../images/welcomeOpsClick651px.jpg); background-size: cover;}
    #welcomeOps img {margin-bottom: 52%;}
    #wereExpandCont {margin-bottom: 30%;}
    #adgText {padding: 30% 24% 10% 14%;}
    .openPositionsCont {display: block;}
    .openPositionsTxt {margin-left: 10%;}
    #whiteboard {width: 100%; background-image: url(../images/whiteboard_554px.jpg)}
    #proObjectCont {display: block; margin-top: 25%;}
    #proObjectDiv {width: 100%; padding-left: 0; left: 0; margin-top: -25%; top: auto}
    #proObjectText {padding: 50% 20% 0.01% 16%;}
    #laptopHands {width: 70%; position: relative; z-index: 2; float: left; margin-top: -10%; background: url(../images/laptopHands_560px.jpg); background-size: cover}
    .lookingCont {margin-left: 10%;}
    .lookingDiv, #lookingDivPro {width: 100%; padding-top: 8%;}
    #lookingListPro {margin-bottom: 8%;}
    .desktopOnly, .phoneOnly {display: none;}
    .desktopTabletOnly, .phoneTabletOnly {display: block;}
    .looking {white-space: nowrap;}
    .lookingList {white-space: nowrap; margin-bottom: 10%;}
    #touchScreenServer {width: 100%; background-image: url(../images/touchScreenServer_466px.jpg);}
    #touchScreenServer img {margin-bottom: 50%;}
    #needMoreTopBar {display: none;}
    #needMoreTitleDiv {margin-top: 8%;}
    #needMoreTxt {width: 60%;}
    #ifYoureNot {width: 73%;}
    #moreInfoForm {width: 75%;}
    #equalOpportunity {width: 85%;}
    .coLinks {width: 45%;}
    #addressDiv {display: block; text-align: center;}
    .address {width: 100%; padding-top: 1%;}
    #copy { width: 100%; text-align: center; padding: 1%;}
    .coLinks, .url a, .social {text-align: center;}
    .logoFooter {text-align: center; width: 100%;}
    #blueNet {background-image: url(../images/blueNet_688px.jpg)}
    #cyberCop {background-image: url(../images/cyberCop_430px.jpg)}
    #meeting {background-image: url(../images/meeting_674px.jpg)}
    #blueNetBottom {background-image: url(../images/blueNetBottom_700px.jpg);}
}

@media screen and (max-width: 655px) {
    #fixedTitle div {padding-right: 4%;}
    #heyCC {font: normal bold 41px/47px Montserrat; letter-spacing: -1.02px; top: 15%;}
    #waiting {font: normal bold 18px Montserrat; margin-top: 2%; letter-spacing: -0.29px; min-width: 275px;}
    .imagine a {font: normal bold 15px Montserrat;}
}

@media screen and (max-width: 600px) {
    #two {width:68%}
    #imagineBuildIt {width:70%}
    #creativeMission {padding: 5% 5% 25% 1%;}
    #iconGrid {padding: 9% 8% 2% 0%;}
}

@media screen and (max-width: 450px) {
    html, body {overflow-x: hidden; width: 100%; min-width: 358px}
    h1 {font-weight: 800; font-size: 63px; line-height: 61px; letter-spacing: -1.02px;}
    h2 {font-weight: 700; font-size: 24px; line-height: 29px; letter-spacing: -0.6px;}
    h3 {font-weight: 700; font-size: 22px; line-height: 26px; letter-spacing: 0.35px;}
    h4 {font-weight: 700; font-size: 16px; letter-spacing:- 0.26px;}
    body {font-weight: 500; font-size: 14px; line-height: 22px; letter-spacing: -0.22px;}
    h5 {font-weight: 700; font-size: 37px; letter-spacing: -0.93px;}
    #container {min-width: auto; margin-left: auto; margin-right: auto;}
    #fixedTitle div {min-height: auto; top: -30%; height: auto; padding-right: 5.5%; white-space: nowrap}
    #topDiv {display: block;}
    #heyCCCont {width: 100%;}
    #heyCC {width: 100%; margin-top: 13%; top: auto; font: normal 900 53px/61px Montserrat; letter-spacing: -3px; left: 4%;}
    #heyCC br {content:' ';} /* remove <br> */
    #heyCC br:after{content:' ';}
    #waiting {font: normal 800 21px Montserrat; letter-spacing: -0.38px; min-width: auto; margin-bottom: 3%;}
    #pointDiv {width: 100%; background-image: url(../images/point_450px.png)}
    #pointDiv img {margin-bottom: 60%;}
    #blueNet {background-image: url(../images/blueNet_435px.jpg); background-size: cover;}
    .desktopOnly, .desktopTabletOnly {display: none;} /* hide from phone and tablet */
    .phoneTabletOnly, .phoneOnly {display: block;} /* show for phone and tablet */
    #imagineBuildIt {width: 95%; margin-bottom: 70%;}
    .imagine {padding: 7% 0 7% 0;}
    #build a img {margin-left: 8%;}
    .imagine a {font: normal bold 23px Montserrat; letter-spacing: -0.7px;}
    .imagine a img {width: 19%}
    #thisIsCont {display: block;}
    #thisIs {width: 88%; font: normal bold 28px/35px Montserrat; letter-spacing: -0.06px; margin-top: -50%}
    #thisIsWhere {width: 80%; margin-left: 4%; padding: 10% 0 10% 0; background-color: #fff;}
    #two {width: 90%; font: normal bold 18px Montserrat; letter-spacing: -0.26px; padding: 2% 0 2% 7%; margin-top: -4%; position: relative; right: -14%;}
    #creativeMissionCont {width: 100%;}
    .phoneOnly #creativeMissionCont {margin-top: 25%; display: flex; width: 100%;}
    .phoneOnly #creativeMission {width: 100%; padding: 4% 0 5% 5%; position: relative; z-index: 2;}
    .phoneOnly #unfetterIcons {width: 13%; margin: -30% -13% 0 0; background-repeat: no-repeat; position: relative; z-index: 1; float: right; background-image: url(../images/agencyIcons_130px.jpg);}
    .phoneOnly #togetherWe {padding-right: 0;}
    #cyberCop {width: 70%; background-image: url(../images/cyberCop_320px.jpg)}
    #iconGrid {width: 61%; padding: 6% 7% 6% 10%; margin-top: -15%; left: 22%;}
    #iconGrid img {min-width: 155px; margin-bottom: -5px;}
    #underProximasDiv {width: 77%; font: normal normal 15px/23px Montserrat;}
    #underProximas {left: 7%;}
    #boxIcon img {width: 10%;}
    #wereExpandCont {margin-bottom: 5%;}
    #wereExpand {font: normal bold 22px/32px Montserrat;}
    #whether {width: 95%; font: normal normal 14px/22px Montserrat;}
    #welcomeOps {width: 100%; float: none; top: 0; padding-bottom: 3%; background: url(../images/welcomeOpsClick450px.jpg); background-size: cover;}
    #adgBorder {display: none;}
    #adgText {padding: 5%;}
    #adgLogo {width: 50%; margin-bottom: 5%;}
    #adgLogo img {width: 90%}
    #yeah {font: normal bold 22px Montserrat;}
    #create {font: normal normal 14px/22px Montserrat;}
    #whiteboard {background-image: url(../images/whiteboard_450px.jpg)}
    #blueNetBottom {background-image: url(../images/blueNetBottom_450px.jpg)}
    #laptopHands {width: 100%; background: url(../images/laptopHands_450px.jpg); background-size: cover;}
    .openPositions img {margin-left: 30%;}
    .openPositions {font: normal bold 16px Montserrat;}
    #apps {letter-spacing: -0.35px; font: normal bold 22px/32px Montserrat;}
    #proObjectLogo {margin-bottom: 5%;}
    #proObjectText {padding: 10% 10% 0.01% 5%;}
    #delivering {margin-bottom: 10%;}
    .lookingList {font: normal normal 16px/35px Montserrat;}
    .looking {font: normal normal 20px/34px Montserrat;}
    #needMoreTitleDiv {margin-left: 5%;}
    #needMoreTxt {width: 100%; letter-spacing: -0.5px; font: normal bold 30px Montserrat;}
    #ifYoureNot {width: 90%; letter-spacing: -0.22px; font: normal normal 14px/22px Montserrat;}
    #moreInfoForm {width: 88%;}
    #equalOpportunityDiv {width: 87%;}
    #equalOpportunity {font: normal normal 12px/18px Montserrat; letter-spacing: -0.19px;}
    #coLinksDiv {width: 100%; display: block;}
    .coLinks {width: 100%;}
    #logoFooterPro img {margin-top: 20px;}
    .address, #copy {font: normal normal 10px/16px Montserrat; letter-spacing: 0;}
    #meeting {background-image: url(../images/meeting_450px.jpg)}
}