/* main style */
/* `O=o> */

/* TABLE OF CONTENTS 
    - Header
    - Footer
    - Andrew Page
    - Paul Page
    - Keith Page
    - Peggy Page
    - About-Links Page
    - About Page
    - Index Page
    - Services Page
    - Billing Page
    - Campaign Management Page
    - Creative Page
    - Data Science Page
    - Contact Us
    - Privacy Policy
*/

/* html, body {width: auto!important; overflow-x: hidden!important}  */
#list {
    position: absolute;
    width: 100%;
    list-style: none;
    top: 44px;
}

#item1 {
    position: absolute;
    left: 960px;
}

#item2 {
    position: absolute;
    left: 1039px;
}

#item2:hover #selectContent {
    display: block;
}

#item3 {
    position: absolute;
    left: 1137px;
}

/*#item4 {
    position: absolute;
    left: 58%;
}*/

#item5 {
    position: absolute;
    left: 1215px;
}

#item5:hover #contactUsContent {
    display: block;
}

#item6 {
    position: absolute;
    left: 1321px;
}

#selectContent {
    display: none;
    position: absolute;
    background:rgb(246,246,246);
    box-shadow: 0px 8px 16px 0px rgb(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
    color: black;
    list-style: none;
    border-top: 2px solid #2575a8;
    font-size: 14px;
}

#selectContent li {
    padding-bottom: 10px;
    padding-top: 10px;
}

#contactUsContent {
    display: none;
    position: absolute;
    background:rgb(246,246,246);
    box-shadow: 0px 8px 16px 0px rgb(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
    color: black;
    list-style: none;
    border-top: 2px solid #2575a8;
    width: 110px;
    font-size: 14px;
}

#contactUsContent li {
    padding-bottom: 10px;
    padding-top: 10px;
}


a {
    text-decoration: none;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
}

#companyLogo {
    position: absolute;
    left: 19%;
    top: 48px;
}

#mobileHeader{
    display: none;
}

/* mobile header */
@media only screen and (max-width: 400px) {
    #desktopHeader{
        display: none;
    }

    #mobileHeader{
        display: block;
    }

    #companyLogo {
        position: absolute;
        left: 5%;
        top: 24px;
    }

    #list {
        position: relative;
        list-style: none;
        width: 100%;
    }

    #mobile{
        margin-bottom: 3vh;
        height: 3vh;
        width: 100%; 
        margin-left: -6vw;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #mobile:hover{
        background-color: grey;
    }
    
    #selectContent {
        display: none;
        position: absolute;
        background:rgb(246,246,246);
        box-shadow: 0px 8px 16px 0px rgb(0,0,0,0.2);
        padding: 12px 16px;
        z-index: 1;
        color: black;
        list-style: none;
        border-top: 2px solid #2575a8;
        font-size: 14px;
    }
    
    #selectContent li {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #dropDownList{
        width: 50vw; 
        height: auto; 
        position: absolute; 
        right: 0; 
        top: 65; 
        background:rgb(246,246,246);
        box-shadow: 0px 8px 16px 0px rgb(0,0,0,0.2);
        padding: 12px 16px;
        z-index: 1;
        font-size: 36px;
        color: black;
        list-style: none;
        border-top: 2px solid #2575a8;
        font-size: 14px;
        text-align: center;
        display: none;
    }

    #mobile a {
        width: 100%; 
        height: 3vh; 
        padding: 15px; 
    }

    #headerIcon{
        position: absolute; 
        right: 35; 
        top: 25; 
        font-size: 10vw; 
        cursor: pointer;
    }
}

/* footer */
footer {
    background-color: #272b2f;
    color: white;
}

#socialMediaList {
    list-style: none;
    color: #acb8c1;
}

#socialMediaList li a {
    text-decoration: none;
    color: white;
    margin-left: 61%;
}

#footerDiv {
    height: 95px;
}

#icon1 {
    font-size: 19px;
    padding-top: 21px;
}

#icon2 {
    font-size: 19px;
    padding-top: 21px;
    margin-left: 96px;
    margin-top: -43px;
}

#icon3 {
    font-size: 19px;
    padding-top: 21px;
    margin-left: 189px;
    margin-top: -42px;
}

#icon4 {
    font-size: 19px;
    padding-top: 21px;
    margin-left: 280px;
    margin-top: -43px;
}

#copyrightLine {
    padding-top: 30px;
    padding-left: 19%;
    color: #acb8c1;
    margin-top: -69px;
}

#privacyPolicyLink {
    text-decoration: none;
    color: white;
}

@media only screen and (max-width: 800px) {
    #copyrightLine {
        padding-left: 5%;
        margin-top: 0;
    }
    
    #socialMediaList li a {
        display: none;
    }
    
}

/* Andrew Page */
#andrewInfo {
    font-family: monospace;
}

#andrewImage {
    margin-left: 14%;
}

#andrewName {
    position: absolute;
    top: 17%;
    left: 43%;
    font-size: 18px;
}

#andrewTitle {
    position: absolute;
    top: 22%;
    left: 43%;
    font-size: 14px;
}

#andrewDescription {
    position: absolute;
    top: 28%;
    left: 43%;
    width: 30%;
    font-size: 18px;
    text-align: justify;
    float: left;
    font-family: "Questrial", Sans-serif;

}

/* Paul Page */
#paulInfo {
    font-family: monospace;
}

#paulImage {
    
    margin-left: 14%;
    width: 539px;
    height: 566px;
    
}

.responsive {
  width: 30%;
  height: auto;
}

#gImage {
    margin-left: 15%;
    float: left;
    padding-right: 25px;
    padding-bottom: 15px;
    padding-left: 45px;

}
#gDescription{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 25px;
    font-family: "Questrial", Sans-serif;
    text-align: left;
    font-size: 18px;
    margin-left: 17%;
    margin-right: 10%;
    word-spacing: normal;
    line-height: 1.4;
    
}
#gName{
    top: 20%;
    left: 63%;
    font-size: 18px;
    float: left;
    padding-bottom: 20px;
}

#gTitle {
    position: absolute;
    left: 43%;
    font-size: 14px;
    top:21%;
    float: left;
    padding-bottom: 40;
}

#paulName {
    position: absolute;
    top: 17%;
    left: 43%;
    font-size: 18px;
    float: left;
}
#paulTitle2 {
    position: absolute;
    top: 22%;
    left: 43%;
    margin-bottom: 10%;
    font-size: 14px;
}
#paulTitle {
    position: absolute;
    top: 22%;
    left: 43%;
    font-size: 14px;
}

#paulDescription{
    position: absolute;
    top: 28%;
    left: 43%;
    width: 30%;
    font-size: 18px;
    text-align: justify;
    font-family: "Questrial", Sans-serif;
}
#paulDescription2{
    position: absolute;
    top: 82%;
    left: 13%;
    width: 60%;
    font-size: 18px;
    float: left;
    text-align: justify;
    font-family: "Questrial", Sans-serif;
}
/* Keith Page */
#keithInfo {
    font-family: monospace;
}

#keithImage {
    margin-left: 14%;
    width: 539px;
    height: 566px;
}

#keithName {
    position: absolute;
    top: 17%;
    left: 43%;
    font-size: 18px;
}

#keithTitle {
    position: absolute;
    top: 22%;
    left: 43%;
    font-size: 14px;
}

#keithDescription {
    position: absolute;
    top: 28%;
    left: 43%;
    width: 30%;
    font-size: 18px;
    text-align: justify;
    font-family: "Questrial", Sans-serif;
}

/* Peggy Page */
#peggyInfo {
    font-family: monospace;
}

#peggyImage {
    margin-left: 14%;
    width: 539px;
    height: 566px;
}

#peggyName {
    position: absolute;
    top: 17%;
    left: 43%;
    font-size: 18px;
}

#peggyTitle {
    position: absolute;
    top: 22%;
    left: 43%;
    font-size: 14px;
}

#peggyDescription {
    position: absolute;
    top: 28%;
    left: 43%;
    width: 30%;
    font-size: 18px;
    text-align: justify;
    font-family: "Questrial", Sans-serif;
}

/* about-links page */
#page-content {
    padding-top: 65px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    
}
#page-content2 {
    padding-top: 65px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    clear: both;
    margin-top: 750; 
}

#page-content-short {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.ggrid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 5px;
    background-color: #ffff;
    padding: 10px;
    width: 53%;
    margin-left: 22%;
    
    
}
.grid-container {
    display: grid;
    grid-template-columns: auto auto auto;
    background-color: #ffff;
    padding: 10px;
    width: 53%;
    margin-left: 22%;
    
    
}
.grid-container2 {
    display: grid;
    grid-template-columns: auto auto auto;
    background-color: #ffff;
    padding: 10px;
    width: 53%;
    margin-left: 5%;
    margin-top: 90%;
}

.grid-container-short {
    display: grid;
    grid-template-columns: auto auto auto auto;
    background-color: #ffff;
    padding: 10px;
    width: 53%;
    margin-left: 14%;
}

.grid-item {
    padding: 10px;
    font-size: 15px;
    text-align: center;
}
.ggrid-container-client {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    grid-gap: 10px;
    background-color: #ffff;
    padding: 10px;
    width: 53%;
    margin-left: 22%;
    
    
}
.ggrid-container-special {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    grid-gap: 25px;
    background-color: #ffff;
    padding: 10px;
    /* width: 53%; */
    margin-left: 15%;   
}
.sp-grid-item{
    padding: 10px;
    font-size: 15px;
    text-align: center;
}
.client-grid-item{
    padding: 10px;
    font-size: 15px;
    text-align: center;
}
.client-grid-item2{
    padding: 10px;
    font-size: 15px;
    text-align: center;
    height: 90px;
}
.ggrid-container-coreval {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(173px, 1fr));
    grid-gap: 5px;
    background-color: #ffff;
    padding: 10px;
    width: 60%;
    margin-left: 18%;   
   
}
.coreval-grid-item{
    padding: 10px;
    font-size: 15px;
    text-align: center;
}
.ggrid-container-company {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    grid-gap: 25px;
    background-color: #ffff;
    padding: 10px;
    width: 60%;
    margin-left: 18%;     
}
.company-grid-item{
    padding: 10px;
    font-size: 15px;
    text-align: left;
}
.text-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #dff2f5;
}

#image:hover .text-container {
    opacity: .75;
}

.text {
    color: #000000;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

#image {
    position: relative;
    /* height: 100%; */
}

@media only screen and (max-width: 800px) {
    .grid-container-short {
        display: block;

        width: 85%;
        margin-left: 4%;
    }

    .grid-container{
        width: 85%;
        margin-left: 2%;
    }

    .grid-item{
        display: block;
    }

    #page-content-short {
        margin-bottom: 25px;
    }
    .ggrid-container-short {
        display: block;

        width: 85%;
        margin-left: 4%;
    }
    .ggrid-desc-container{
        width: 95%;
        margin-left: auto;
    }

    .ggrid-container{
        width: 95%;
        margin-left: auto;
    }

    .ggrid-item{
        display: block;
        margin: auto;
    }
    .ggrid-desc{
        display: block;
        margin: auto;
    }
    #page-content-short {
        margin-bottom: 25px;
    }
}

/* about page */
.about_container {
    display: flex;
    flex-direction: column;
}

#company {
    font-family: "Questrial", Sans-serif;
    font-size: 14px;
    letter-spacing: 4px;
    margin-left: 24%;
}

#familyRunBusiness {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    margin-left: 23.8%;
    width: 245px;
}

#companyDescription {
    font-family: "Questrial", Sans-serif;
    width: 436px;
    margin-left: 19%;
    background-color: #ffff;
    line-height: 2.2em;
    letter-spacing: .9px;
    font-size: 17px;
}

#dots {
    position: absolute;
    top: 318px;
    left: 494px;
    z-index: -1;
}

.slideshow-container {
    max-width: 612px;
    position: relative;
    /* margin-left: 49%; */
    margin-top: -24%;
    height: 520px;
}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: black;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 5%;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.8);
}

/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

#naviDots{
    margin-left: 50%;
    margin-top: 10%;
    
}

.active, .dot:hover {
    background-color: #717171;
}

/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
}

@keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
}

#section2Header {
    font-family: "Questrial", Sans-serif;
    font-size: 11px;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 3%;
}

#ourTeam {
    font-size: 48px;
    text-align: center;
    margin-top: 0%;
    font-family: "Questrial", Sans-serif;
}
/* logans code start - how it started */
/* #about_how_it_started {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 1rem;
}

#how_it_started_heading {
    font-family: "Questrial", Sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.25rem;
}

#how_it_started_title {
    font-family: "Questrial", Sans-serif;
    font-size: 3rem;
    margin-top: 0%;
}

.how_it_started_desc {
    display: flex;
    width: 100%;
    justify-content: center;
}

.how_it_started_desc p{
    font-family: "Montserrat", Sans-serif;
    font-size: 13px;
    line-height: 2.2em;
    letter-spacing: 0.9px;
    width: 30%;
    margin: 0 1rem;
} */
/* logans code end - how it started */

#section3Header {
    font-family: "Questrial", Sans-serif;
    font-size: 14px;
    letter-spacing: 4px;
    text-align: center;
}

#ourBeginning {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    text-align: center;
    margin-top: 0%;
}
.ggrid-desc-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(460px, 1fr));
    grid-gap: 10px;
    background-color: #ffff;
    padding: 10px;
    width: 53%;
    margin-left: 22%;
}
.ggrid-desc{
    padding: 10px;
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: 0.9px;
    text-align: left;
}
/* #description1 {
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: 0.9px;
    width: 567px;

    margin-left: 369px;
}

#description2 {
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: 0.9px;
    width: 559px;
    margin-left: 1000px;
    margin-top: -245px;
} */

#section4Header {
    font-family: "Questrial", Sans-serif;
    font-size: 14px;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 2%;
}

#ourCoreValues {
    width: 383px;
    font-family: "Questrial", Sans-serif;
    font-size: 43px;
    font-weight: 400;
    line-height: 1.25em;
    letter-spacing: -0.1px;
    margin-left: 369px;
}
#gourCoreValues {
    /* width: 383px; */
    font-family: "Questrial", Sans-serif;
    font-size: 43px;
    font-weight: 400;
    line-height: 1.25em;
    letter-spacing: -0.1px;
    /* margin-left: 369px; */
}

#dots2 {
    position: absolute;
    left: 517px;
    top: 2962px;
    z-index: -1;
}

#ourValueDescription1 {
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: 0.9px;
    width: 470px;
    margin-left: 1000px;
    margin-top: -205px;
}
#gourValueDescription1 {
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: 0.9px;
    width: 470px;
    /* margin-left: 1000px; */
    /* margin-top: -205px; */
}
#ourValueDescription2 {
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: 0.9px;
    width: 470px;
    margin-left: 1000px;
}
#gourValueDescription2 {
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: 0.9px;
    width: 470px;
    /* margin-left: 1000px; */
}
#ourServicesLink {
    font-family: "Questrial", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .9px;
    text-decoration-line: underline;
    margin-left: 1000px;
}
#gourServicesLink {
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    text-decoration-line: underline;
    font-weight: 400;
    letter-spacing: .9px;
    /* margin-left: 1000px; */
}
/* logans code start - how we do it */
/* #about_how_we_do_it {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 1rem;
}
#how_we_do_it_heading {
    font-family: "Questrial", Sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.25rem;
    margin-top: 1rem;
}
#how_we_do_it_title {
    font-family: "Questrial", Sans-serif;
    font-size: 3rem;
    margin-top: 0%;
}
.values_container {
    width: 100%;
    display: flex;
} */
/* logans code end - how we do it */

#section5Header {
    font-family: "Questrial", Sans-serif;
    font-size: 11px;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 9%;
}

#ourCoreValues2 {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    text-align: center;
    margin-top: 0%;
}

#honesty {
    width: 172px;
    text-align: center;
    /* margin-left: 369px; */
}

#honestySymbol {
    font-size: 47px;
    color: grey;
}

#honestyHeader {
    font-family: "Questrial", Sans-serif;
    font-size: 24px;
}

#honestyDescription {
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0px;
}

#timeliness {
    width: 172px;
    text-align: center;
    /* margin-left: 556px; */
    /* margin-top: -197px; */
}

#timelinessSymbol {
    font-size: 47px;
    color: grey;
}

#timelinessHeader {
    font-family: "Questrial", Sans-serif;
    font-size: 24px;
}

#timelinessDescription {
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0px;
}

#enthusiasm {
    width: 187px;
    text-align: center;
    /* margin-left: 743px; */
    /* margin-top: -197px; */
}

#enthusiasmSymbol {
    font-size: 47px;
    color: grey;
}

#enthusiasmHeader {
    font-family: "Questrial", Sans-serif;
    font-size: 24px;
}

#enthusiasmDescription {
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0px;
}

#comm {
    width: 172px;
    text-align: center;
    /* margin-left: 930px; */
    /* margin-top: -218px; */
}

#commSymbol {
    font-size: 47px;
    color: grey;
}

#commHeader {
    font-family: "Questrial", Sans-serif;
    font-size: 24px;
}

#commDescription {
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0px;
}

#quality {
    width: 172px;
    text-align: center;
    /* margin-left: 1117px; */
    /* margin-top: -219px; */
}

#qualitySymbol {
    font-size: 47px;
    color: grey;
}

#qualityHeader {
    font-family: "Questrial", Sans-serif;
    font-size: 24px;
}

#qualityDescription {
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0px;
}

#flexability {
    width: 187px;
    text-align: center;
    /* margin-left: 1304px; */
    /* margin-top: -243px; */
}

#flexabilitySymbol {
    font-size: 47px;
    color: grey;
}

#flexabilityHeader {
    font-family: "Questrial", Sans-serif;
    font-size: 24px;
}

#flexabilityDescription {
    font-family: "Questrial", Sans-seriff;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0px;
}

#section6Header {
    font-family: "Questrial", Sans-serif;
    font-size: 11px;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 9%;
}

#communityInvolvement {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    text-align: center;
    margin-top: 0%;
}

#communityInvolvementDescription {
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: 0.9px;
    /* width: 1125px; */
    text-align: center;
    margin-left: 69px;
    margin-right: 49px;
    padding-bottom: 93px;
}

/* About Page Mobile */

/* (logans code start) */
@media(max-width: 1500px) {
    .how_it_started_desc p{
        width: 40%;
    }
}

@media(max-width: 1000px) {
    #about_how_it_started {
        padding: 2rem;
    }
    
    .how_it_started_desc {
        align-items: center;
        flex-direction: column;
    }
    
    .how_it_started_desc p{
        width: 100%;
        margin: 1rem 0;
    }
}
/* (logans code end) */

@media only screen and (max-width: 800px) {
    #company, #familyRunBusiness, #companyDescription {
        margin-left: auto;
        text-align: center;
        width: 85vw;
    }

    #dots{
        display: none;
    }
    .slideshow-container, .slideshow-container img {
        max-width: 85vw;
        margin-left: 0;
        margin-top: 0;
        height: auto;
    }

    #naviDots{
        margin-left: 40vw;
        justify-content: center;
    }
}
/* Index Page */
#ymdHeader {
    font-family: "Questrial", Sans-serif;
    font-size: 24px;
    font-weight: 100;
    letter-spacing: 4.1px;
    text-align: center;
}

#youMakeADifference {
    color: #55a018;
    font-family: "Questrial", Sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 1.25em;
    letter-spacing: -0.1px;
    width: 349px;
    margin-left: 454px;
}

#weMakeItEasier {
    font-family: "Questrial", Sans-serif;
    font-size: 44px;
    font-weight: 100;
    line-height: 1.25em;
    letter-spacing: -0.1px;
    margin-left: 453px;
    margin-top: -57px;
}

#ymdDescription1 {
    letter-spacing: 0.9px;
    font-size: 17px;
    line-height: 2.2em;
    /* font-family: "Montserrat", Sans-serif; */
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    width: 549px;
    margin-left: 967px;
    margin-top: -211px;

}

#ymdDescription2 {
    letter-spacing: 0.9px;
    font-size: 17px;
    line-height: 2.2em;
    /* font-family: "Montserrat", Sans-serif; */
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    width: 549px;
    margin-left: 967px;

}


#indexDots {
    position: absolute;
    top: 367px;
    left: 635px;
    z-index: -1;
}

#joinOurTeam {
    /* font-family: "Montserrat", Sans-serif; */
    font-family: "Questrial", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.9px;
    margin-left: 500px;
    margin-bottom: 25px;
    text-decoration-line: underline;
}

#benefitFromMarketing {
    /* font-family: "Montserrat", Sans-serif; */
    font-family: "Questrial", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.9px;
    margin-left: 967px;
    text-decoration-line: underline;
}

#serviceHeader {
    font-family: "Questrial", Sans-serif;
    font-size: 15px;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 100px;
}

#ourSpecialties {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    margin-left: 23.8%;
    width: 400px;
}

#ourSpecialtiesDescription1 {
    letter-spacing: 0.9px;
    font-size: 17px;
    line-height: 2.2em;
    /* font-family: "Montserrat", Sans-serif; */
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    width: 411px;
    margin-left: 450px;
}
#addressDescription1 {
    letter-spacing: 0.9px;
    font-size: 17px;
    line-height: 2.2em;
    /* font-family: "Montserrat", Sans-serif; */
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    width: 411px;
    padding-left: 30px;
}
#addressDescription2 {
    letter-spacing: 0.9px;
    font-size: 17px;
    line-height: 2.2em;
    /* font-family: "Montserrat", Sans-serif; */
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    width: 411px;
    padding-left: 30px;
    margin-left: auto;
    margin-right: 0;
    margin-top: auto;
}
#ourSpecialtiesDescription2 {
    letter-spacing: 0.9px;
    font-size: 17px;
    line-height: 2.2em;
    /* font-family: "Montserrat", Sans-serif; */
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    width: 411px;
    margin-left: 450px;
}

#ourServicesLink2 {
    /* font-family: "Montserrat", Sans-serif; */
    font-family: "Questrial", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .9px;
    text-decoration-line: underline;
    margin-left: 451px;
}

#campaignManagement {
    width: 697px;
    margin-left: 981px;
    margin-top: -592px;
}

#campaignManagementSymbol {
    font-size: 50px;
    color: #0e70a8;
    margin-left: -31px;
}

#campaignManagementTitle {
    font-family: "Questrial", Sans-serif;
    font-weight: 700;
    text-transform: none;
    line-height: 1.25em;
    letter-spacing: 1px;
    font-size: 28px;
    margin-left: 31px;
}

#campaignManagementDescription {
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: left;
    /* font-family: "Roboto", Sans-serif; */
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #7a7a7a;
    margin-left: 56px;
}

#creative {
    width: 697px;
    margin-left: 981px;
}

#creativeSymbol {
    font-size: 50px;
    color: #0e70a8;
    margin-left: -31px;
}

#creativeTitle {
    font-family: "Questrial", Sans-serif;
    font-weight: 700;
    text-transform: none;
    line-height: 1.25em;
    letter-spacing: 1px;
    font-size: 28px;
    margin-left: 37px;
}

#creativeDescription {
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: left;
    /* font-family: "Roboto", Sans-serif; */
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #7a7a7a;
    margin-left: 56px;
}

#dataScience {
    width: 697px;
    margin-left: 981px;
}

#dataScienceSymbol {
    font-size: 50px;
    color: #0e70a8;
    margin-left: -31px;
}

#dataScienceTitle {
    font-family: "Questrial", Sans-serif;
    font-weight: 700;
    text-transform: none;
    line-height: 1.25em;
    letter-spacing: 1px;
    font-size: 28px;
    margin-left: 24px;
}

#dataScienceDescription {
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: left;
    /* font-family: "Roboto", Sans-serif; */
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #7a7a7a;
    margin-left: 56px;
}

#digitalCommunication {
    width: 697px;
    margin-left: 981px;
}

#digitalCommunicationSymbol {
    font-size: 50px;
    color: #0e70a8;
    margin-left: -18px;
}

#digitalCommunicationTitle {
    font-family: "Questrial", Sans-serif;
    font-weight: 700;
    text-transform: none;
    line-height: 1.25em;
    letter-spacing: 0.3px;
    font-size: 28px;
    margin-left: 47px;
}

#digitalCommunicationDescription {
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: left;
    /* font-family: "Roboto", Sans-serif; */
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #7a7a7a;
    margin-left: 56px;
}

#printProduction {
    width: 697px;
    margin-left: 981px;
}

#printProductionSymbol {
    font-size: 50px;
    color: #0e70a8;
    margin-left: -31px;
}

#printProductionTitle {
    font-family: "Questrial", Sans-serif;
    font-weight: 700;
    text-transform: none;
    line-height: 1.25em;
    letter-spacing: 1px;
    font-size: 28px;
    margin-left: 34px;
}

#printProductionDescription {
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: left;
    /* font-family: "Roboto", Sans-serif; */
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #7a7a7a;
    margin-left: 56px;
}

#specialtyProducts {
    width: 697px;
    margin-left: 981px;
}

#specialtyProductsSymbol {
    font-size: 50px;
    color: #0e70a8;
    margin-left: -31px;
}

#specialtyProductsTitle {
    font-family: "Questrial", Sans-serif;
    font-weight: 700;
    text-transform: none;
    line-height: 1.25em;
    letter-spacing: 1px;
    font-size: 28px;
    margin-left: 31px;
}

#specialtyProductsDescription {
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: left;
    /* font-family: "Roboto", Sans-serif; */
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #7a7a7a;
    margin-left: 56px;
}

#video {
    width: 697px;
    margin-left: 981px;
}

#videoSymbol {
    font-size: 50px;
    color: #0e70a8;
    margin-left: -30px;
}

#videoTitle {
    font-family: "Questrial", Sans-serif;
    font-weight: 700;
    text-transform: none;
    line-height: 1.25em;
    letter-spacing: 1px;
    font-size: 28px;
    margin-left: 30px;
}

#videoDescription {
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: center;
    /* font-family: "Roboto", Sans-serif; */
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #7a7a7a;
    margin-left: 56px;
}

#indexMeetTeam {
    font-family: "Questrial", Sans-serif;
    font-size: 14px;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 100px;
}

#moreLikeAFamily {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    margin-left: 641px;
    margin-bottom: 0px;
    width: 627px;
}

#ourBrands {
    font-family: "Questrial", Sans-serif;
    font-size: 14px;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 100px;
}

#checkOutDivisions {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    margin-left: 387px;
    margin-bottom: 0px;
    width: 370px;
}

#ourBrandsDescription {
    /* font-family: "Montserrat", Sans-serif; */
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: .9px;
    /* margin-left: 387px; */
    /* width: 500px; */
}

#brandDots{
    margin-left: 1167px; 
    margin-top: 24px;
}
#brandDots1{
    /* padding-left: 120px; */
    
}


.slideshow-container-index {
    max-width: 612px;
    position: relative;
    margin-left: 925px;
    margin-top: -453px;
    height: 520px;
}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: black;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.8);
}

/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
}

@keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
}

#clientImages {
    text-align: center;
}
#gallery{
    text-align: center;
    margin-left: 535px;
}
#client1 {
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    border-color: #ececec;
    width: 130px;
    height: 136px;
    margin-left: 535px;
    padding: 36px 15px 28px 15px;
}

#client2 {
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    border-color: #ececec;
    width: 130px;
    height: 141px;
    margin-left: 697px;
    margin-top: -206px;
    padding: 36px 15px 28px 15px;
}

#client3 {
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    border-color: #ececec;
    width: 130px;
    height: 141px;
    padding: 36px 15px 28px 15px;
    margin-left: 860px;
    margin-top: -206px;
}

#client4 {
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    border-color: #ececec;
    width: 130px;
    height: 141px;
    padding: 36px 15px 28px 15px;
    margin-left: 1023px;
    margin-top: -206px;
}

#client5 {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #ececec;
    width: 130px;
    height: 141px;
    padding: 36px 15px 28px 15px;
    margin-left: 1187px;
    margin-top: -206px;
}

#client6 {
    border-style: solid;
    border-width: 1px 1px 0px 0px;
    border-color: #ececec;
    width: 130px;
    height: 136px;
    margin-left: 458px;
    padding: 36px 15px 28px 15px;
    margin-top: -1px;
}

#client7 {
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #ececec;
    width: 130px;
    height: 136px;
    margin-left: 623px;
    padding: 36px 15px 28px 15px;
    margin-top: -201px;
}

#client8 {
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #ececec;
    width: 130px;
    height: 136px;
    margin-left: 778px;
    padding: 36px 15px 28px 15px;
    margin-top: -200px;
}

#client9 {
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #ececec;
    width: 130px;
    height: 136px;
    margin-left: 939px;
    padding: 36px 15px 28px 15px;
    margin-top: -200px;
}

#client10 {
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #ececec;
    width: 130px;
    height: 136px;
    margin-left: 1099px;
    padding: 36px 15px 28px 15px;
    margin-top: -200px;
}

#client11 {
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #ececec;
    width: 130px;
    height: 136px;
    margin-left: 1260px;
    padding: 36px 15px 28px 15px;
    margin-top: -200px;
}

#ourClients {
    font-family: "Questrial", Sans-serif;
    font-size: 14px;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 100px;
}

#communityInvolvementIndex {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    margin-left: 646px;
    width: 634px;
    color: #55a018;
}
#communityInvolvementIndex2 {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    margin-left: 746px;
    width: 634px;
    color: #55a018;
}
#getInTouch {
    font-family: "Questrial", Sans-serif;
    font-size: 15px;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 100px;
    color: #000000;
    padding-top: 65px;
}

#workTogether {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    text-align: center;
    /* margin-left: 680px; */
    /* width: 634px; */
    color: #000000;
    padding-bottom: 5px;
    margin-bottom: 20px;

}


#getInTouchSection {
    background-color: #5fa1ac;
    height: 300px;
}

#getInTouchForm {
    text-align: center;
    padding-bottom: 65px;
    padding-top: 30px;
    /* width: 634px; */
    height: 280px;
    margin: 0 auto;
    /* border: 2px solid black; */
    border-radius: 30px;
    padding-bottom: 41px;
    box-sizing: border-box;
}

#getInTouchForm input[type=text] {
    width: 30%;
    height: 45px;
    background-color: #5fa1ac;;
    border-collapse: collapse;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: #111111;
    font-family: "Montserrat", Sans-serif;
}

#getInTouchForm input[type=submit] {
    background-color: #000000;
    color: #5fa1ac;
    border: none;
    cursor: pointer;
    width: 145px;
    padding: 10px;
    border-radius: 53px;
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
}
@media only screen and (max-width: 800px) {
    #youMakeADifference {
        width: 85vw;
        margin: auto;
        text-align: center;
    }

    #weMakeItEasier {
        margin: auto;
        margin-top: 0;
        text-align: center;
    }

    #ymdDescription1 {
        width: 85vw;
        margin: auto;
        margin-top: 0;
        text-align: center;
    }

    #ymdDescription2 {
        width: 85vw;
        margin: auto;
        text-align: center;
    }

    #indexDots {
        display: none;
    }

    #joinOurTeam {
        margin: auto;
        justify-content: center;
        margin-left: 35vw;
    }

    #benefitFromMarketing {
        margin-left: 5vw;
    }

    #serviceHeader {
        margin-top: 50px;
    }

    #ourSpecialties {
        margin-left: auto;
        width: 85vw;
    }
    
    #ourSpecialtiesDescription1 {
        width: 85vw;
        margin: auto;
        text-align: center;
    }

    #ourSpecialtiesDescription2 {
        width: 85vw;
        margin: auto;
        margin-top: 15px;
        text-align: center;
    }

    #ourServicesLink2 {
        margin-top: 35px;
        margin-left: 35vw;
    }

    #campaignManagement{
        margin-top: 25px;
    }
    
    #campaignManagement, #creative, #printProduction, #specialtyProducts, #digitalCommunication, #dataScience, #video {
        width: 85vw;
        margin-left: 0;
        margin: auto;
        text-align: center;
        justify-content: center;
        align-content: center;
    }

    #campaignManagementSymbol, #creativeSymbol, #printProductionSymbol, #specialtyProductsSymbol, #digitalCommunicationSymbol, #dataScienceSymbol, #videoSymbol {
        display: block; 
        margin-left: 0;
    }

    #dataScienceTitle, #campaignManagementTitle, #creativeTitle, #printProductionTitle, #specialtyProductsTitle, #digitalCommunicationTitle, #videoTitle {
        margin-left: 0;
    }

    #campaignManagementDescription, #printProductionDescription, #specialtyProductsDescription, #dataScienceDescription, #digitalCommunicationDescription, #creativeDescription, #videoDescription {
        margin-left: 25;
    }

    #moreLikeAFamily {
        margin: auto;
        margin-bottom: 0px;
        width: 85vw;
        text-align: center;
    }
    
    #ourBrands {
        margin-top: 1050px;
    }

    #checkOutDivisions {
        margin: auto;
        text-align: center;
        margin-bottom: 0px;
        width: 85vw;
    }

    /* #ourBrandsDescription {
        /* margin: auto; */
        /* width: 85vw; */
        /* text-align: center; */
    /* }*/

    #brandDots{
        margin-left: 30vw;
        margin-top: 24px;
        margin-bottom: 24px;
        justify-content: center;
    }
    #brandDots1{
        /* margin-left: 30vw; */
        margin-top: 24px;
        /* padding-left: 120px; */
        text-align:center;
        /* margin-bottom: 24px; */
        /* justify-content: center; */
    }
    .slideshow-container {
        max-width: 85vw;
        /* position: relative; */
        /* margin: auto; */
        /* margin-top: 50px; */
        /* height: 85vw; */
    }

    #ourClients {
        margin-top: 0;
    }

    #communityInvolvementIndex {
        margin: auto;
        width: 85vw;
        text-align: center;
    }
    #communityInvolvementIndex2 {
        margin: auto;
        width: 85vw;
        text-align: center;
    }

    #clients{
        width: 100vw;
    }

    #client1 {
        width: 20vw;
        height: 20vw;
        margin-left: 0;
        margin-top: 0;
    }
    
    #client2 {
        width: 20vw;
        height: 20vw;
        margin-left: 25vw;
        margin-top: -20vh;
    }
    
    #client3 {
        width: 20vw;
        height: 20vw;
        margin-left: 45vw;
        margin-top: -20vh;
    }
    
    #client4 {
        width: 20vw;
        height: 20vw;
        margin-left: 70vw;
        margin-top: -20vh;
    }
    
    #client5 {
        width: 20vw;
        height: 20vw;
        margin-left: 0;
        margin-top: 1vh;
    }
    
    #client6 {
        width: 20vw;
        height: 20vw;
        margin-left: 25vw;
        margin-top: -20vh;
    }
    
    #client7 {
        width: 20vw;
        height: 20vw;
        margin-left: 45vw;
        margin-top: -20vh;
    }
    
    #client8 {
        width: 20vw;
        height: 20vw;
        margin-left: 70vw;
        margin-top: -20vh;
    }
    
    #client9 {
        width: 20vw;
        height: 20vw;
        margin-left: 0;
        margin-top: -5vh;
    }
    
    #client10 {
        width: 20vw;
        height: 20vw;
        margin-left: 25vw;
        margin-top: -20vh;
    }
    
    #client11 {
        width: 20vw;
        height: 20vw;
        margin-left: 45vw;
        margin-top: -20vh;
    }

    #getInTouch {
        padding-top: 45px;
    }

    #workTogether {
        margin: auto;
        width: 85vw;
        text-align: center;
    }

    #getInTouchForm {
        padding-bottom: 45px;
        box-sizing: border-box;
    }
    
    #getInTouchForm input[type=text] {
        width: 30%;
        height: 45px;
    }
    
}

/* Services Page */
#ourServices {
    font-family: "Questrial", Sans-serif;
    font-size: 14px;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 100px;
}

#weDoEverything {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    /* margin-left: 713px; */
    /* width: 480px; */
    text-align: center;

}

#ourServicesDescription1 {
    color: #111111;
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: .9;
    font-weight: 400;
    /* width: 555px; */
    /* margin-left: 390px; */
    text-align: left;
    
}

#ourServicesDescription2 {
    color: #111111;
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: .9;
    font-weight: 400;
    /* width: 510px; */
    /* margin-left: 1064px; */
    /* margin-top: -240px; */
}

#getStarted {
    margin-left: 1212px;
}

#campaignManagementServices {
    font-family: "Questrial", Sans-serif;
    font-size: 14px;
    letter-spacing: 4px;
    text-align: center;
    padding-top: 150px;
}

#campaignManagementServices2 {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.25em;
    letter-spacing: -0.1px;
    /* margin-left: 478px; */
    width: 478px;
}

#campaignManagementServicesDescription {
    color: #111111;
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: .9;
    font-weight: 400;
    /* width: 484px; */
    /* margin-left: 1000px; */
    /* margin-top: 180px; */
    padding-bottom: 46px;
}

#dots3 {
    position: absolute;
    top: 768px;
    left: 644px;
    z-index: -1;
}

#cmLearnMore {
    margin-left: 1000px;

}

#cs {
    font-family: "Questrial", Sans-serif;
    font-size: 14px;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 100px;
    padding-top: 100px;
}

#csTitle {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.25em;
    letter-spacing: -0.1px;
    /* margin-left: 478px; */
    /* width: 357px; */
}	

#csDescription {
    color: #111111;
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: .9;
    font-weight: 400;
    width: 471px;
    /* margin-left: 1000px; */
    /* margin-top: -281px; */
}

#csDescription2 {
    color: #111111;
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: .9;
    font-weight: 400;
    width: 471px;
    /* margin-left: 1000px; */
    /* margin-top: 20px; */
}

#dots4 {
    position: relative;
    /* top: 1250px; */
    /* left: 644px; */
    z-index: -1;
}

#csLearnMore {
    margin-left: 1000px;
}

#wwd {
    font-family: "Questrial", Sans-serif;
    font-size: 14px;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 100px;
    padding-top: 100px;
}

#wwdTitle {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.25em;
    letter-spacing: -0.1px;
    /* margin-left: 478px; */
    /* width: 300px; */
}

#dots5 {
    position: absolute;
    top: 1930px;
    left: 532px;
    z-index: -1;
}

#wwdDescription {
    color: #111111;
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: .9;
    font-weight: 400;
    /* width: 315px; */
    /* margin-left: 479px; */
}

#wwdLearnMore {
    /* margin-left: 481px; */
    font-family: "Questrial", Sans-serif;
}

#dataMining {
    /* width: 650px; */
    padding-bottom: 2px;
    /* margin-left: 1000px; */
    /* margin-top: -607px; */
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #ececec;
}

#dmIcon {
    color: #0e70a8;
    font-size: 50px;
    width: 1em;
    height: 1em;
}

#dmTitle {
    padding-top: 10px;
    margin-left: 75px;
    margin-top: -84px;
    font-family: "Questrial", Sans-serif;
    font-weight: 700;
    text-transform: none;
    line-height: 1.25em;
    letter-spacing: 0.3px;
    font-size: 28px;
}

#dmDescripton {
    margin-top: -5px;
    margin-left: 75px;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0px;
    text-align: left;
    color: #7a7a7a;
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    font-size: 17px;
}

#hygine {
    /* width: 650px; */
    padding-bottom: 2px;
    /* margin-left: 1000px; */
    /* margin-top: 36px; */
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #ececec;
}

#hygineIcon {
    color: #0e70a8;
    font-size: 50px;
    width: 1em;
    height: 1em;
}

#hygineTitle {
    margin-left: 75px;
    margin-top: -50px;
    font-family: "Questrial", Sans-serif;
    font-weight: 700;
    text-transform: none;
    line-height: 1.25em;
    letter-spacing: 0.3px;
    font-size: 28px;    
    padding-top: 20px;

}

#hygineDescription {
    margin-top: -5px;
    margin-left: 75px;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0px;
    text-align: left;
    color: #7a7a7a;
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    font-size: 17px;
}

#overlays {
    /* width: 650px; */
    padding-bottom: 2px;
    /* margin-left: 1000px;
    margin-top: 36px; */
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #ececec;
}

#overlayIcon {
    color: #0e70a8;
    font-size: 50px;
    width: 1em;
    height: 1em;
}

#overlayTitle {
    margin-left: 75px;
    margin-top: -54px;
    font-family: "Questrial", Sans-serif;
    font-weight: 700;
    text-transform: none;
    line-height: 1.25em;
    letter-spacing: 0.3px;
    font-size: 28px;    
    padding-top: 20px;

}

#overlayDescription {
    margin-top: -5px;
    margin-left: 75px;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0px;
    text-align: left;
    color: #7a7a7a;
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    font-size: 17px;
}

#segmentation {
    /* width: 650px; */
    padding-bottom: 2px;
    /* margin-left: 1000px;
    margin-top: 36px; */
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #ececec;
}

#segmentIcon {
    color: #0e70a8;
    font-size: 50px;
    width: 1em;
    height: 1em;
}

#segmentTitle {
    margin-left: 75px;
    margin-top: -50px;
    font-family: "Questrial", Sans-serif;
    font-weight: 700;
    text-transform: none;
    line-height: 1.25em;
    letter-spacing: 0.3px;
    font-size: 28px;
    padding-top: 20px;

}

#segmentDescription {
    margin-top: -5px;
    margin-left: 75px;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0px;
    text-align: left;
    color: #7a7a7a;
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
}
 
#targetAcquisition {
    /* width: 650px; */
    padding-bottom: 2px;
    /* margin-left: 1000px; */
    /* margin-top: 36px; */
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #ececec;
}

#targetIcon {
    color: #0e70a8;
    font-size: 50px;
    width: 1em;
    height: 1em;
}

#targetTitle {
    margin-left: 75px;
    margin-top: -50px;
    font-family: "Questrial", Sans-serif;
    font-weight: 700;
    text-transform: none;
    line-height: 1.25em;
    letter-spacing: 0.3px;
    font-size: 28px;
    padding-top: 10px;

}

#targetDescription {
    margin-top: -5px;
    margin-left: 75px;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0px;
    text-align: left;
    color: #7a7a7a;
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
}

#trending {
    /* width: 650px; */
    padding-bottom: 2px;
    /* margin-left: 1000px; */
    /* margin-top: 36px; */
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #ececec;
}

#trendingIcon {
    color: #0e70a8;
    font-size: 50px;
    width: 1em;
    height: 1em;
}

#trendingTitle {
    margin-left: 75px;
    margin-top: -50px;
    font-family: "Questrial", Sans-serif;
    font-weight: 700;
    text-transform: none;
    line-height: 1.25em;
    letter-spacing: 0.3px;
    font-size: 28px;
    padding-top: 10px;
}

#trendingDescription {
    margin-top: -5px;
    margin-left: 75px;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0px;
    text-align: left;
    color: #7a7a7a;
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
}

#periodical {
    /* width: 650px; */
    padding-bottom: 2px;
    /* margin-left: 1000px; */
    /* margin-top: 36px; */
}

#periodicalIcon {
    color: #0e70a8;
    font-size: 50px;
    width: 1em;
    height: 1em;
}

#periodicalTitle {
    margin-left: 75px;
    margin-top: -50px;
    font-family: "Questrial", Sans-serif;
    font-weight: 700;
    text-transform: none;
    line-height: 1.25em;
    letter-spacing: 0.3px;
    font-size: 28px;
    padding-top: 10px;
}

#periodicalDescription {
    margin-top: -5px;
    margin-left: 75px;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0px;
    text-align: left;
    color: #7a7a7a;
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
}

#dc {
    font-family: "Questrial", Sans-serif;
    font-size: 15px;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 100px;
    /* padding-top: 100px; */
}

#dcTitle {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.25em;
    letter-spacing: -0.1px;
    text-align: center;
}
#chIcon {
    font-size: 50px;
    text-align: center;
    color: #a1d0eb;
}
#adIcon {
    font-size: 20px;
    text-align: center;
    color: #a1d0eb;
}
#dcIcon {
    font-size: 50px;
    text-align: center;
    color: #73a641;
}

#dcSubTitle {
    line-height: 1.25;
    font-style: normal;
    font-size: 24px;
    font-family: "Questrial", Sans-serif;
    font-weight: 600;
}

#sms {
    width: 170px;
    /* height: 150px; */
    text-align: center;
    /* margin-left: 413px; */
}

#email {
    width: 170px;
    /* height: 150px; */
    text-align: center;
    /* margin-left: 564px; */
    /* margin-top: -149px; */
}

#landingPages {
    width: 170px;
    height: 150px;
    text-align: center;
    /* margin-left: 740px; */
    /* margin-top: -149px; */
}

#reverseIp {
    width: 170px;
    height: 150px;
    text-align: center;
    /* margin-left: 944px; */
    /* margin-top: -149px; */
}

#digitalAds {
    width: 170px;
    height: 150px;
    text-align: center;
    /* margin-left: 1125px; */
    /* margin-top: -149px; */
}

#voiceResponse {
    width: 170px;
    height: 150px;
    text-align: center;
    /* margin-left: 1302px; */
    /* margin-top: -149px; */
    
}

#dcDescription {
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: 0.9px;
    margin-left: 30%;
    /* margin-top: 86px; */
    width: 40%;
    text-align: center;
}

#dcLearnMore {
    margin-left: 900px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #111111;
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .9px;
    text-align: center;
}

#prod {
    font-family: "Questrial", Sans-serif;
    font-size: 16px;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 100px;
    padding-top: 100px;
}

#prodTitle {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.25em;
    letter-spacing: -0.1px;
    text-align: center;
}

#prodIcon {
    color: #0e70a8;
    width: 1em;
    height: 1em;
    position: relative;
    font-size: 50px;
    text-align: center;
}

#prodSubTitle {
    font-family: "Questrial", Sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
}

#printing {
    width: 150px;
    text-align: center;
    /* margin-left: 397px; */
}

#variableData {
    width: 150px;
    text-align: center;
    /* margin-left: 597px; */
    /* margin-top: -77px; */
}

#bindery {
    width: 150px;
    text-align: center;
    /* margin-left: 806px; */
    /* margin-top: -110px; */
}

#fulfillment {
    width: 150px;
    text-align: center;
    /* margin-left: 985px; */
    /* margin-top: -110px; */
}

#logistics {
    width: 150px;
    text-align: center;
    /* margin-left: 1171px; */
    /* margin-top: -110px; */
}

#mailing {
    width: 150px;
    text-align: center;
    /* margin-left: 1341px; */
    /* margin-top: -77px; */
}

#prodDescription {
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: 0.9px;
    margin-left: 30%;
    /* margin-top: 86px; */
    width: 40%;
    text-align: center;
}

#prodDescription2 {
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: 0.9px;
    margin-left: 50px;
    text-align: center;
}

#prodLearnMore {
    /* margin-left: 950px; */
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #111111;
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: .9px;
    text-align: center;
}

#videoProd {
    font-family: "Questrial", Sans-serif;
    font-size: 14px;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 100px;
    padding-top: 100px;
}

#videoProdTitle {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.25em;
    letter-spacing: -0.1px;
    /* width: 300px; */
    /* margin-left: 478px; */
}

#videoProdDescription {
    /* width: 322px; */
    font-family:"Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: .9px;
    /* margin-left: 478px; */
}

#videoProdLearnMore {
    /* margin-left: 478px; */
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: .9px;
}

#videoProdIcon {
    width: 1em;
    height: 1em;
    color: #73a641;
    text-align: center;
    font-size: 50px;
}

#videoProdSubTitle {
    font-family: "Questrial", Sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25em;
    letter-spacing: 0.3px;
    font-style: normal;
    margin-left: 69px;
    margin-top: -87px;
}

#videoProdSubDescription {
    margin-left: 69px;
    margin-top: -23px;
    color: #7a7a7a;
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
}

#storyBoarding {
    width: 650px;
    height: 106px;
    /* margin-left: 1000px; */
    /* margin-top: -369px; */
}

#scripting {
    width: 650px;
    height: 106px;
    /* margin-left: 1000px; */
}

#recording {
    width: 650px;
    height: 106px;
    /* margin-left: 1000px; */
}

#producing {
    width: 650px;
    height: 106px;
    /* margin-left: 1000px; */
}

#delivery {
    width: 650px;
    height: 106px;
    /* margin-left: 1000px; */
}

#encoding {
    width: 650px;
    height: 106px;
    /* margin-left: 1000px; */
}

#videoProdDots {
    position: absolute;
    top: 4704px;
    left: 532px;
    z-index: -1;
}

#specialProducts {
    font-family: "Questrial", Sans-serif;
    font-size: 14px;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 40px;
    padding-top: 100px;
}
.special_prod{
    display: block;
    width: 100%;
    height: auto;
}
#specialImage1 {
    width: 380px;
    /* margin-left: 323px; */
}

#specialImage2 {
    width: 380px;
    /* margin-left: 24px; */
    /* margin-top: -268px; */
}

#image3Wrapper {
    width: 350px;
    height: 266px;
    /* position: relative; */
    overflow: hidden;
    /* margin-top: -270px; */
    /* margin-left: 1188px; */
}

#specialImage3 {
    width: 350px;
    /* margin-top: -103px; */
}

#specialTitle {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.25em;
    letter-spacing: -0.1px;
    text-align: center;
}

#printing3D {
    font-family: "Questrial", Sans-serif;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 5.3px;
    text-align: center;
    color: #ffffff;
    margin-top: 122px;
}

#packaging {
    font-family: "Questrial", Sans-serif;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 5.3px;
    text-align: center;
    color: #ffffff;
    margin-top: 122px;
}

#appeal {
    font-family: "Questrial", Sans-serif;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 5.3px;
    text-align: center;
    color: #ffffff;
    margin-top: 122px;
}

#image1Cover {
    position: absolute;
    width: 380px;
    height: 267px;
    top: 6085px;
    left: 300px;
    opacity: .86;
    cursor: pointer;
}

#image1Cover:hover {
    background-color: #5fa1ac;
}

#image2Cover {
    position: absolute;
    width: 380px;
    height: 268px;
    top: 6085px;
    left: 690px;
    opacity: .86;
    cursor: pointer;
}

#image2Cover:hover {
    background-color: #5fa1ac;
}

#image3Cover {
    position: absolute;
    width: 350px;
    height: 265px;
    left: 1090px;
    top: 6085px;
    opacity: .86;
    cursor: pointer;
}

#image3Cover:hover {
    background-color: #5fa1ac;
}

.slideshow-container2 {
    max-width: 612px;
    position: relative;
    /* margin-left: 52%; */
    height: 520px;
    /* margin-top: -555px; */
}

#ourDivisions {
    font-family: "Questrial", Sans-serif;
    font-size: 14px;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 100px;
    padding-top: 100px;
}

#ourDivisionsTitle {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.25em;
    letter-spacing: -0.1px;
    width: 300px;
    /* margin-left: 478px; */
    text-transform: uppercase;
}

#ourDivisionsDescription {
    /* width: 322px; */
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: .9px;
    /* margin-left: 458px; */
    /* margin-top: -26px; */
}

/* Services Page - Mobile*/
@media only screen and (max-width: 800px) {
    #servicesSection{
        text-align: center;
        margin: auto;
        width: 85vw;
    }
    #weDoEverything {
        margin:auto;
        width: 85vw;
        text-align: center;
    }

    /* #ourServicesDescription1 {
        width: 85vw;
        margin-left: 0;
    } */

    /* #ourServicesDescription2 {
        width: 85vw;
        margin-left: 0;
        margin-top: 0;
    } */

    #getStarted {
        margin-left: 0;
    }

    #campaignManagementServices {
        margin-top: 50px;
        padding-top: 50px;
    }

    #campaignManagementServices2 {
        margin-left: auto;
        text-align: center;
    }

    #campaignManagementServicesDescription {
        width: 484px;
        margin-left: auto;
        margin-top: 0;
        padding-bottom: 0;
    }

    #dots3, #dots4, #dots5, #videoProdDots {
        display: none;
    }

    #cmLearnMore, #csLearnMore, #wwdLearnMore, #dcLearnMore, #prodLearnMore, #videoProdLearnMore  {
        /* margin-left: 40vw; */
        text-align: center;
    }

    #cs, #wwd{
        margin-top: 50px;
        padding-top: 50px;
    }

    #csTitle, #wwdTitle {
        /* margin-left: auto; */
        /* width: 90vw; */
        text-align: center;
    }	

    #csDescription, #wwdDescription  {
        /* width: 85vw; */
        /* margin-left: auto; */
        margin-top: 0;
    }

    #csDescription2 {
        width: 85vw;
        margin-left: auto;
        margin-top: 20px;
    }

    /* #dataMining, #hygine, #overlays, #segmentation, #targetAcquisition, #trending, #periodical {
        width: 85vw;
        padding-bottom: 2px;
        margin-left: auto;
        margin-top: 60px;
    } */

    /* #sms {
        margin-left: 10vw;
    }

    #email{
        margin-left: 45vw;
    } 

    #reverseIp{
        margin-left: 45vw;
    }

    #landingPages{
        margin-left: 10vw;
        margin-top: 0px;
    } 

    #digitalAds {
        margin-left: 10vw;
        margin-top: 0;
    }
    
    #voiceResponse {
        margin-left: 45vw;
        margin-top: -155;
    } */

    #dcDescription {
        /* width: 40%;
        margin-left: auto;
        padding-bottom: 40px; */
        margin-left: auto;
        margin-top: 25px;
        width: 85vw;
    }

    #prod {
        margin-top: 50px;
        padding-top: 50px;
    }

    /* #printing {
        margin-left: 10vw;
    }

    #variableData {
        margin-left: 45vw;
    }

    #bindery {
        margin-left: 10vw;
        margin-top: 10;
    }

    #fulfillment {
        margin-left: 45vw;
        margin-top: -110px;
    }

    #logistics {
        margin-left: 10vw;;
        margin-top: 15px;
    }

    #mailing {
        margin-left: 45vw;
        margin-top: -80px;
    } */

    #prodDescription, #prodDescription2, #videoProdDescription  {
        margin-left: auto;
        margin-top: 25px;
        width: 85vw;
    }

    #videoProd, #specialProducts {
        margin-top: 50px;
        padding-top: 50px;
    }

    #videoProdTitle {
        width: 85vw;
        margin-left: 0;
        text-align: center;
    }

    #storyBoarding, #scripting, #recording, #producing, #delivery, #encoding {
        width: 85vw;
        margin-left: auto;
        margin-top: 50px;
    }

    #specialImage1 {
        width: 400px;
        margin-left: 24px;
    }
    
    #specialImage2 {
        width: 400px;
        margin-left: 24px;
        margin-top: 0;
    }
    
    #image3Wrapper {
        margin-top: 0;
        margin-left: 24px;
    }
    
    #specialImage3 {
        width: 400px;
        margin-top: 0;
    }

    #image1Cover {
        top: 5667px;
        left: 24;
    }

    .slideshow-container2 {
        /* max-width: 85vw; */
        /* margin-left: auto; */
        height: 520px;
        margin-top: 0;
    }
    
    #ourDivisions {
        margin-top: 50px;
        padding-top: 50px;
    }

    #ourDivisionsTitle {
        width: 85vw;
        margin-left: auto;
        text-align: center;
    }
    
    #ourDivisionsDescription {
        /* width: 85vw; */
        /* margin-left: auto; */
        text-align: center;
    }
    
}

/* Billing Page */
#billingPage {
    font-family: "Questrial", Sans-serif;
    font-size: 15px;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 100px;
}

#beTheBest {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    text-align: center;
}

#weCanHelp {
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: .9px;
    font-weight: 400;
    margin-left: 358px;
}

#years {
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: .9px;
    font-weight: 400;
    width: 550px;
    margin-left: 358px;
}

#joinTheTeam {
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: .9px;
    font-weight: 400;
    width: 550px;
    margin-left: 358px;
}

#billingGetStarted {
    text-align: center;
}

#triangleWrapper {
    position: relative;
    overflow: hidden;
    height: 586px;
}

#triangles {
    width: 100%;
    margin-top: -475px;
}

@media only screen and (max-width: 800px) {
    #weCanHelp {
        margin-left: auto;
        text-align: center;
    }

    #years, #joinTheTeam {
        width: 85vw;
        /* margin-left: auto; */
        text-align: center;
    }

}

/* Campaign Management Page */
#servicesPage {
    font-family: "Questrial", Sans-serif;
    font-size: 15px;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 100px;
}

#servicePageTitle {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    text-align: center;
}

#servicePageDescription {
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: .9px;
    font-weight: 400;
    width: 572px;
    margin-left: 362px;
}

#servicePageBackToService {
    text-align: center;
}

@media only screen and (max-width: 800px) {
    #servicePageDescription {
        width: 85vw;
        margin: auto;
        text-align: center;
    }
}

/*  Creative Page */
#creativePage {
    font-family: "Questrial", Sans-serif;
    font-size: 15px;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 100px;
}

#creativePageTitle {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    text-align: center;
}

#creativePageTitle2 {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    text-align: center;
    margin-top: -37px;
}

#design {
    margin-left: -900px;
    text-align: center;
}

#designIcon {
    color: #73a641;
    text-align: center;
    font-size: 50px;
    width: 1em;
    height: 1em;
}

#designTitle {
    line-height: 1.25;
    font-weight: 600;
    font-family: "Questrial", Sans-serif;
    font-size: 24px;
}

#art {
    margin-left: -450px;
    margin-top: -128px;
    text-align: center;
}

#artIcon {
    color: #73a641;
    text-align: center;
    font-size: 50px;
    width: 1em;
    height: 1em;
}

#artTitle {
    line-height: 1.25;
    font-weight: 600;
    font-family: "Questrial", Sans-serif;
    font-size: 24px;
}

#collateral {
    margin-top: -128px;
    text-align: center;
}

#collateralIcon {
    color: #73a641;
    text-align: center;
    font-size: 50px;
    width: 1em;
    height: 1em;
}

#collateralTitle {
    line-height: 1.25;
    font-weight: 600;
    font-family: "Questrial", Sans-serif;
    font-size: 24px;
}

#campaign {
    margin-left: 450px;
    margin-top: -128px;
    text-align: center;
}

#campaignIcon {
    color: #73a641;
    text-align: center;
    font-size: 50px;
    width: 1em;
    height: 1em;
}

#campaignTitle {
    line-height: 1.25;
    font-weight: 600;
    font-family: "Questrial", Sans-serif;
    font-size: 24px;
}

#website {
    margin-left: 900px;
    margin-top: -128px;
    text-align: center;
}

#websiteIcon {
    color: #73a641;
    text-align: center;
    font-size: 50px;
    width: 1em;
    height: 1em;
}

#websiteTitle {
    line-height: 1.25;
    font-weight: 600;
    font-family: "Questrial", Sans-serif;
    font-size: 24px;
}

/* #flowerImage {
    margin-left: 258px;
} */

#creativeParagraph1 {
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: 0.9px;
    /* width: 571px; */
    /* float: center; */
    /* margin-left: 50%; */
    /* margin-top: -475px; */
}

#creativeParagraph2 {
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: 0.9px;
    width: 571px;
    /* margin-left: 50%; */
}

#creativeParagraph3 {
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: 0.9px;
    width: 571px;
    /* margin-left: 50%; */
}

#creativeArtGuidelines {
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: 0.9px;
    /* margin-left: 50%; */
    /* margin-top: 58px; */
}

#creativePageBackToServices {
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    line-height: 2.2em;
    letter-spacing: 0.9px;
    /* margin-left: 50%; */
}

@media only screen and (max-width: 800px) {
    #design {
        margin-left: -50vw;
    }

    #art {
        margin-left: -80vw;
    }

    #collateral {
        margin-left: -10vw;
    }

    #campaign {
        margin-left: 35vw;
    }

    #website {
        margin-left: 75vw;
    }

    #creativeParagraph1, #creativeParagraph2, #creativeParagraph3, #creativeArtGuidelines, #creativePageBackToServices  {
        /* width: auto; */
        /* margin-left: auto; */
        /* text-align: center; */
        margin-top: 10px;
    }

    #flowerImage {
       display: none;
    }

    
}

/* Data Science Page */
#dots6{
    position: absolute;
    top: 407px;
    left: 532px;
    z-index: -1;
}

/* Contact Us */
#mainContent {
    text-align: center;
}

#contactHeader {
    font-family: "Questrial", Sans-serif;
    font-size: 14px;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 100px;
    padding-top: 10px;
}

#contactSubHeader {
    font-family: "Questrial", Sans-serif;
    font-size: 48px;
    text-align: center;
}

#contactInfo {
    font-family: "Questrial", Sans-serif;
    font-size: 17px;
    letter-spacing: 4px;
    text-align: center;
}

#contactList {
    text-align: left;
    margin-left: 618px;
    width: 725px;
    font-size: 17px;
}
#contactList ul li{
    font-family: "Questrial", Sans-serif;
}
#portalLink {
    color: #7fae00;
}

#artLink {
    color: #7fae00;
}

#careerLink {
    color: #7fae00;
}

#portalLink:hover {
    color: #7fae00;
}

#artLink:hover {
    color: #7fae00;
}

#careerLink:hover {
    color: #7fae00;
}

#contactForm {
    width: 388px;
    margin: 0 auto;
    border: 2px solid black;
    border-radius: 30px;
    padding-top: 21px;
    padding-bottom: 41px;
}
#contactForm2 {
    width: 388px;
    margin: 0 auto;
    border: 1px solid black;
    border-radius: 30px;
    padding-top: 21px;
    padding-bottom: 41px;
}

#nameInput {
    width: 90%;
    height: 40px;
    font-size: 20px;
    border-collapse: collapse;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #111111;
    font-family: "Questrial", Sans-serif;
    
}

#emailInput {
    width: 90%;
    height: 40px;
    font-size: 20px;
    border-collapse: collapse;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #111111;
    font-family: "Questrial", Sans-serif;
}

#companyInput {
    width: 90%;
    height: 40px;
    font-size: 20px;
    border-collapse: collapse;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #111111;
    font-family: "Questrial", Sans-serif;
}

#commentInput {
    width: 90%;
    height: 40px;
    font-size: 18px;
    max-width: 90%;
    min-width: 90%;
    border-collapse: collapse;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #111111;
    font-family: "Questrial", Sans-serif;
}

#infoTitle {
    padding-top: 20px;
    font-size: 18px;
}

#companyInfoTable {
    text-align: center;
    border-collapse: collapse;
}

#companyInfoTable td {
    border-bottom: 1px solid black;
    padding-bottom: 21px;
    padding-top: 10px;
}

#tableText {
    font-size: 13px;
}

#contactSubmit {
    border: none;
    padding: 15px;
    width: 145px;
    background-color: #5fa1ac;
    color: white;
    border-radius: 53px;
    font-family: "Questrial", Sans-serif;
    font-size: 16px;
}

#contactSubmit:hover {
    background-color: #0f6ba1;
    color: #ffff;
    cursor: pointer;
}
@media only screen and (max-width: 800px) {
    #dots6{
        display: none;
    }
}

#continfo{
    font-family: "Questrial", Sans-serif;
    font-size: 13px;
}
#dcIcon2 {
    font-size: 40px;
    text-align: center;
    color: #73a641;
}
#dcIcon3 {
    font-size: 30px;
    text-align: center;
    color: #73a641;
}

#para1{
    font-family: "Questrial", Sans-serif;
    position: absolute;
    top: 28%;
    left: 13%;
    width: 60%;
    text-align: justify;
    float: left;
    font-size: 17px;
    margin-bottom: 90%;
}
#para2{
    top: 70%;
    bottom: 50%;
}

/* NAVBAR STYLING STARTS */
.navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    padding-right: 40px;
    background-color: rgb(255, 255, 255);
    color: #000000;
}
.navbar-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    padding-right: 40px;
    background-color: rgb(255, 255, 255);
    color: #000000;
    height: 50px;
    padding-bottom: 5px;
}    
.nav-links a {
    color: #000000
}
    
/* NAVBAR MENU */
.menu {
    display: flex;
    gap: 1em;
    font-size: 18px;
}
    
.menu li:hover {
    background-color: #5fa1ac;
    border-radius: 30px;
    transition: 0.3s ease;
    
}
    
.menu li {
    padding: 5px 14px;
    }
    
    /* DROPDOWN MENU */
.services + .dropdown {
    position: relative; 
}
    
.dropdown {
    background-color: #dff2f5;
    padding: 1em 0;
    position: absolute; /*WITH RESPECT TO PARENT*/
    display: none;
    border-radius: 8px;
    top: 35px;
    box-shadow: 0px 8px 16px 0px rgb(0,0,0,0.2);
    z-index: 10000;
    /* transform: translate3d(-100px, 65px, 30px)!important; */
    
}

.dropdown li + li {
    margin-top: 10px;
}
    
.dropdown li {
    padding: 0.5em 1em;
    width: 8em;
    text-align: center;
    
   
}
    
.dropdown li:hover {
    background-color: #5fa1ac;
}
.services:hover .dropdown { 
    display: inline-block;

}
.dropdown a:hover {
    padding-bottom: 40px; /*height dependent on the gap you want to fill*/
    position: relative; 
}  
 
input#cashchecked{
    display: block;
}
input#cqchecked{
    display: block;
}    
    /* HAMBURGER MENU */
.hamburger {
    display: none;
    font-size: 24px;
    user-select: none;
}
.hamburger-1 {
    font-size: 24px;
    user-select: none;
}
    
    /* APPLYING MEDIA QUERIES */
@media (max-width: 768px) {
.menu {
    display:none;
    position: absolute;
    background-color:rgb(255, 255, 255);
    right: 0;
    left: 0;
    text-align: center;
    padding: 16px 0;
    z-index: 100;
}
    
.menu li:hover {
    display: inline-block;
    background-color:#5fa1ac;
    transition: 0.3s ease;
}
    
.menu li + li {
    margin-top: 12px;
}
    
input[type=checkbox]:checked ~ .menu {
    display: block;
}
    
 .hamburger {
    display: block;
}
    
.dropdown {
    left: 50%;
    top: 30px;
    transform: translateX(35%);
}
    
.dropdown li:hover {
    background-color: #5fa1ac;
}

}

    
.footer1{
    background:#5fa1ac;
    padding:30px 0px;
    font-family: 'Play', sans-serif;
    text-align:center;
}
    
.footer1 .row{
    /* width:100%; */
    margin:1% 0%;
    padding:0.6% 0%;
    color:black;
    font-size:0.8em;
}
    
.footer1 .row a{
    text-decoration:none;
    color:black;
    transition:0.5s;
}
    
.footer1 .row a:hover{
    color:#fff;
}

    
.footer1 .row ul li{
    display:inline-block;
    margin:0px 30px;
}
    
.footer1 .row a i{
    font-size:2em;
    margin:0% 1%;
}
    
@media (max-width:900px){
.footer1{
    text-align:left;
    padding:5%;
}
.footer1 .row ul li{
    display:block;
    margin:10px 0px;
    text-align:left;
}
.footer1 .row a i{
    margin:0% 3%;
}
}

div.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
  }
  
div.gallery:hover {
    border: 1px solid #777;
}
  
div.gallery img {
    width: 100%;
    height: auto;
}
#clientloginForm {
    width: 488px;
    margin: 20 auto;
    border: 2px solid black;
    border-radius: 30px;
    padding-top: 50px;
    padding-bottom: 10px;
}
#clientjobForm{
    width: 488px;
    margin: 20 auto;
    border: 2px solid black;
    border-radius: 30px;
    padding-bottom: 60px;
    margin-left: -950px;
}
#clientuploadForm{
    width: 488px;
    margin: 10 ;
    border: 2px solid black;
    border-radius: 30px;
    padding-bottom: 60px;
}
#clientuploadForm2{
    width: 70%;
    margin: 20 auto;
    border: 2px solid black;
    border-radius: 30px;
    padding-bottom: 60px;
}
#createOrgForm {
    width: 488px;
    margin: 20 auto;
    border: 2px solid black;
    border-radius: 30px;
    padding-bottom: 60px;
}
#editdetailsForm{
    width: 90%;
    margin: 20 auto;
    border: 2px solid black;
    border-radius: 30px;
    padding-bottom: 60px;
}
#billdisplay {
    width: 988px;
    margin: 20 auto;
    border: 2px solid black;
    border-radius: 30px;
    padding-bottom: 60px;
}
#paymentForm {
    width: 488px;
    margin: 30 auto;
    margin-top: 30px;
    border: 2px solid black;
    border-radius: 30px;
    padding-bottom: 60px;
}
.paymentInput {
    /* height: 40px; */
    font-size: 20px;
    border-collapse: collapse;
    /* border-style: solid; */
    /* border-width: 0px 0px 1px 0px; */
    border-color: #111111;
    font-family: "Questrial", Sans-serif;
    margin-left: 125px;
    /* padding-top: 25px */
    
}
#paymentInput {
    width: 80%;
    height: 40px;
    font-size: 20px;
    border-collapse: collapse;
    /* border-style: solid; */
    /* border-width: 0px 0px 1px 0px; */
    border-color: #111111;
    font-family: "Questrial", Sans-serif;
    margin-left: 15px;
    padding-top: 25px
    
}
.paymentInput2 {
    /* width: 80%; */
    /* height: 40px; */
    font-size: 20px;
    /* border-collapse: collapse; */
    /* border-style: solid; */
    /* border-width: 0px 0px 1px 0px; */
    border-color: #111111;
    font-family: "Questrial", Sans-serif;
    margin-left: 35px;
    /* padding-top: 25px */
    
}
.paymentInput3 {
    /* width: 80%; */
    /* height: 40px; */
    font-size: 20px;
    /* border-collapse: collapse; */
    /* border-style: solid; */
    /* border-width: 0px 0px 1px 0px; */
    border-color: #111111;
    font-family: "Questrial", Sans-serif;
    margin-left: 40px;
    /* padding-top: 25px */
    
}
#homefileform {
    width: 388px;
    /* margin: 30 auto; */
    margin-top: 20px;
    border: 2px solid black;
    border-radius: 30px;
    padding-bottom: 20px;
    padding-top: 10px;
}
#homefileInput{
    width: 80%;
    height: 60px;
    font-size: 20px;
    border-collapse: collapse;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #111111;
    font-family: "Questrial", Sans-serif;
    margin-left: 45px;
    padding-top: 25px;
    
}
#homefiledisplay{
    width: 90%;
    height: 60px;
    font-size: 20px;
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #111111;
    font-family: "Questrial", Sans-serif;
    margin-left: 45px;
    padding-top: 30px;
    
}
#errordisplay{
    width: 80%;
    height: 60px;
    font-size: 20px;
    font-family: "Questrial", Sans-serif;
    margin-left: 45px;
    padding-top: 30px;
    color: red;
    text-align: center;

    
}
#createOrgInputtxt {
    width: 80%;
    height: 20px;
    font-size: 20px;
    border-collapse: collapse;
    font-family: "Questrial", Sans-serif;
    margin-left: 45px;
    padding-top: 10px;
    margin-bottom: 5px;
    
}
#createOrgcbInput {
    margin-left: 45px;
    padding-top: 35px;
    
}
#createOrgjobInput {
    margin-left: 45px;
    padding-top: 35px;
    text-align: center;
    
}
.createOrgInput {
    width: 80%;
    height: 40px;
    font-size: 20px;
    border-collapse: collapse;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #111111;
    font-family: "Questrial", Sans-serif;
    margin-left: 45px;
    padding-top: 25px;
    
}
#createOrgInput {
    width: 80%;
    height: 40px;
    font-size: 20px;
    border-collapse: collapse;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #111111;
    font-family: "Questrial", Sans-serif;
    margin-left: 45px;
    /* padding-top: 5px; */
    
}
.createOrgInput2 {
    width: 50%;
    height: 40px;
    font-size: 20px;
    border-collapse: collapse;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #111111;
    font-family: "Questrial", Sans-serif;
    margin-left: 45px;
    padding-top: 25px;
    
}
#createOrgInput2 {
    width: 50%;
    height: 40px;
    font-size: 20px;
    border-collapse: collapse;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #111111;
    font-family: "Questrial", Sans-serif;
    margin-left: 45px;
    padding-top: 25px;
    
}
.createOrgInput3 {
    width: 20%;
    height: 40px;
    font-size: 20px;
    border-collapse: collapse;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #111111;
    font-family: "Questrial", Sans-serif;
    margin-left: 50px;
    padding-top: 25px;
    
}
#createOrgInput3 {
    width: 20%;
    height: 40px;
    font-size: 20px;
    border-collapse: collapse;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #111111;
    font-family: "Questrial", Sans-serif;
    margin-left: 50px;
    padding-top: 25px;
    
}
#createOrgInput4 {
    width: 30%;
    height: 40px;
    font-size: 20px;
    border-collapse: collapse;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #111111;
    font-family: "Questrial", Sans-serif;
    margin-left: 50px;
    padding-top: 25px;
    
}
#createOrgInput5 {
    width: 40%;
    height: 40px;
    font-size: 20px;
    border-collapse: collapse;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #111111;
    font-family: "Questrial", Sans-serif;
    margin-left: 50px;
    padding-top: 25px;
    
}
#createorgSubmit {
    border: none;
    padding: 15px;
    width: 145px;
    background-color: #5fa1ac;
    color: black;
    border-radius: 53px;
    font-family: "Questrial", Sans-serif;
    font-size: 16px;
    margin-left: 150px;
}

#createorgSubmit:hover {
    background-color: #0f6ba1;
    color: #ffff;
    cursor: pointer;
}
#clientjobTitle{
    font-family: "Questrial", Sans-serif;
    font-size: 38px;
    text-align: left;
    margin-left: 900px;
    margin-top: -900px;

}
#clientuploadTitle{
    font-family: "Questrial", Sans-serif;
    font-size: 38px;
    text-align: center;
}
#createorgTitle {
    font-family: "Questrial", Sans-serif;
    font-size: 38px;
    text-align: center;
    margin-bottom: 0;
}
.ResetbtnSubmit {
    border: none;
    padding: 25px;
    width: 280px;
    background-color: #5fa1ac;
    color: black;
    border-radius: 53px;
    font-family: "Questrial", Sans-serif;
    font-size: 16px;
    margin-left: 100px;
}
.ResetbtnSubmit:hover {
    background-color: #0f6ba1;
    color: #ffff;
    cursor: pointer;
}
#ResetbtnSubmit {
    border: none;
    padding: 25px;
    width: 280px;
    background-color: #5fa1ac;
    color: black;
    border-radius: 53px;
    font-family: "Questrial", Sans-serif;
    font-size: 16px;
    /* margin-left: 750px; */
    text-align: center;
    margin: auto;
    display: block;
}
#ResetbtnSubmit:hover {
    background-color: #0f6ba1;
    color: #ffff;
    cursor: pointer;
}
.nav-container {
    display: flex;
    justify-content: space-between; 
    align-items: center; 
    background-color: #a1d0eb;
    padding: 20px;
    gap: 10px;
    height: 250px;
    width: 97%;
   
} 
.acc-container{
    display: flex;
    justify-content: space-between; 
    align-items: center; 
    padding: 20px;
    gap: 10px;
    height: 200px;
    width: 90%;
    /* margin-left: auto;
    margin-right: auto; */
}
.job-container{
    display: flex;
    justify-content: space-between; 
    align-items: center; 
    padding: 20px;
    gap: 10px;
    height: 350px;
    width: 90%;
    /* margin-left: auto;
    margin-right: auto; */
}
.nav-box { 
    width: 33%;
    text-align: center;
    padding: 10px;
    background-color: #ffffff;
    list-style: none;
}

.nav-title{
    font-weight: 400;
    line-height: 1.4;
}
#project_invoice_table{
    border: 1px solid black;
    border-collapse: collapse;
    width: 60%;
    text-align: center;
    float: right;
    margin-right: 71px;
}
#invoice_table{
    border: 1px solid black;
    border-collapse: collapse;
    width: 30%;
    margin-left: 30px;
}
#invoice_order_table{
    border: 1px solid black;
    border-collapse: collapse;
    width: 90%;
    margin-left: 30px;
    margin-right: 30px;
}
#orders{
    width: 100%;
}
#orders tr{
    line-height: 30px;
    text-align: center;
}
#archive_orders1{
    width: 90%;
    line-height: 30px;
    text-align: center;
    border: 1px solid black;
    border-collapse: collapse;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}
#archive_orders2{
    width: 90%;
    line-height: 30px;
    text-align: center;
    border: 1px solid black;
    border-collapse: collapse;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

#estimates{
    width: 100%;
}
#estimates tr{
    line-height: 30px;
    text-align: center;
}
.hh-grayBox {
	background-color: #F8F8F8;
	margin-bottom: 20px;
	padding: 35px;
    margin-top: 20px;
    margin-right: 45px;
}
.pt45{padding-top:45px;}
.order-tracking{
	text-align: center;
	width: 13.33%;
	position: relative;
	display: inline-block;
}
.order-tracking .is-complete{
	display: inline-block;
	position: relative;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	border: 0px solid #AFAFAF;
	background-color: #a4acaf;
	margin: 0 auto;
	transition: 0.25s linear;
	-webkit-transition: 0.25s linear;
	z-index: 2;
}
.order-tracking .is-complete:after {
	display: inline-block;
	position: absolute;
	content: '';
	height: 14px;
	width: 7px;
	top: -2px;
	bottom: 0;
	left: 5px;
	margin: auto 0;
	border: 0px solid #AFAFAF;
	border-width: 0px 2px 2px 0;
	transform: rotate(45deg);
	opacity: 0;
}
.order-tracking.completed .is-complete{
	border-color: #2796aa;
	border-width: 0px;
	background-color: #34b428;
}
.order-tracking.completed .is-complete:after {
	border-color: #fff;
	border-width: 0px 3px 3px 0;
	width: 7px;
	left: 11px;
	opacity: 1;
}
.order-tracking p {
	color: #A4A4A4;
	font-size: 16px;
	margin-top: 8px;
	margin-bottom: 0;
	line-height: 20px;
}
.order-tracking p span{font-size: 14px;}
.order-tracking.completed p{color: #000;}
.order-tracking::before {
	content: '';
	display: inline-block;
	height: 3px;
	width: calc(90% - 30px);
	background-color: #a4acaf;
	top: 13px;
	position: absolute;
	left: calc(-50% + 20px);
	z-index: 0;
}
.order-tracking:first-child:before{display: none;}
.order-tracking.completed:before{background-color: #34b428;}

/* CSS */
.button5 {
    align-items: center;
    appearance: none;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-radius: .375em;
    box-shadow: none;
    box-sizing: border-box;
    color: #363636;
    cursor: pointer;
    display: inline-flex;
    font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1rem;
    height: 2.5em;
    justify-content: center;
    line-height: 1.5;
    padding: calc(.5em - 1px) 1em;
    position: relative;
    text-align: center;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: top;
    white-space: nowrap;
}

.button5:active {
    border-color: #4a4a4a;
    outline: 0;
}

.button5:focus {
    border-color: #485fc7;
    outline: 0;
}

.button5:hover {
    border-color: #1281e9;
    border-radius: 1.375em;
    background-color: #a1d0eb;
}

.button5:focus:not(:active) {
    box-shadow: rgba(72, 95, 199, .25) 0 0 0 .125em;
}
@import url('https://fonts.googleapis.com/css?family=Montserrat');

/* Modals */
.modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: flex-start;
  z-index: 1000;
  overflow: auto;
  background-color: rgba(0,0,0,0.7);
}
.modal.modal-show {
  animation: fadeIn 0.1s ease-in-out forwards;
}
.modal.modal-hide {
  animation: fadeOut 0.1s ease-in-out 0.1s forwards;
}
.modal-content {
  position: relative;
  background-color: #fff;
  margin: 2rem;
  padding: 2rem;
  border-radius: 0.25rem;
  width: 50%;
  max-height: 75%;
  overflow: auto;
  box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}
.modal.modal-show .modal-content {
  animation: fadeInDown 0.3s ease-in-out forwards;
}
.modal.modal-hide .modal-content {
  animation: fadeOutUp 0.2s ease-in-out forwards;
}
.modal-content h1 {
  text-align: center;
  margin-bottom: 2rem;
}
.modal-content p {
  margin: 1rem 0;
  line-height: 1.5rem;
}
.modal-close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.75rem;
  font-weight: bold;
  padding: 0 0.75rem;
  color: rgba(0,0,0,0.2);
  cursor: pointer;
  user-select: none;
}
.modal-close:hover, .modal-close:focus {
  color: rgba(0,0,0,0.5);
}

.modal:nth-of-type(2) {
  justify-content: initial;
  align-items: initial;
  background-color: transparent;
}
.modal:nth-of-type(2) .modal-content {
  margin: 0;
  padding: 2rem 5rem;
  border-radius: 0;
  box-shadow: initial;
  width: 100%;
  height: 100%;
  max-height: 100%;
  text-align: justify;
}
.modal:nth-of-type(2) .modal-close {
  font-size: 3rem;
  padding: 0;
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal:nth-of-type(2).modal-show {
  animation: none;
}
.modal:nth-of-type(2).modal-hide {
  animation: none;
}
.modal:nth-of-type(2).modal-show .modal-content {
  animation: zoomIn 0.3s ease-in-out forwards; 
}
.modal:nth-of-type(2).modal-hide .modal-content {
  animation: zoomOut 0.2s ease-in-out forwards;
}

.modal:nth-of-type(3) {
  justify-content: flex-end;
  align-items: flex-end;
  background-color: transparent;
  overflow: hidden;
}
.modal:nth-of-type(3).modal-show {
  animation: none;
}
.modal:nth-of-type(3).modal-hide {
  animation: none;
}
.modal:nth-of-type(3).modal-show .modal-content {
  animation: fadeInLeft 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; 
}
.modal:nth-of-type(3).modal-hide .modal-content {
  animation: fadeOutRight 0.2s ease-in-out forwards;
}

.modal:nth-of-type(4) .modal-content {
  padding: 0;
}
.modal:nth-of-type(4) .modal-header, .modal:nth-of-type(4) .modal-footer  {
  background-color: steelblue;
  padding: 1rem;
  color: #fff;
  text-align: center;
}
.modal:nth-of-type(4) .modal-header h1 {
  margin: 0;
}
.modal:nth-of-type(4) .modal-body {
  padding: 1.25rem;
}
.modal:nth-of-type(4) .modal-close {
  color: rgba(255,255,255,0.5);
}
.modal:nth-of-type(4) .modal-close:hover, .modal:nth-of-type(4) .modal-close:focus {
  color: rgba(255,255,255,0.75);
}

.modal:nth-of-type(5) {
  justify-content: center;
  align-items: center;
}
.modal:nth-of-type(5) .modal-content {
  padding: 0;
  height: 80%;
  max-height: 80%;
  width: auto;
  max-width: 80%;
  overflow: visible;
  border: 3px solid #fff;
}
.modal:nth-of-type(5) .modal-content img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;  
}
.modal:nth-of-type(5) .modal-close {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 3rem;
  height: 3rem;
  font-size: 3rem;
  top: -1.5rem;
  right: -1.5rem;
  border-radius: 50%;
  color: #111;
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.2);
}
.modal:nth-of-type(5) .modal-close:hover, .modal:nth-of-type(5) .modal-close:focus {
  color: #111; /* color: rgba(255,0,0,0.5); */
}
.modal:nth-of-type(5).modal-show .modal-content {
  animation: zoomIn 0.3s ease-in-out forwards;
}
.modal:nth-of-type(5).modal-hide .modal-content {
  animation: zoomOut 0.2s ease-in-out forwards;
}

/* Animations */
@keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes fadeOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes fadeInDown {
    0% {
      opacity: 0;
      transform: translateY(-3rem);
    }
    100% {
      opacity: 1;
      transform: translateY(0); 
    }
  }
  @keyframes fadeOutUp {
    0% { 
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(-3rem);
    }
  }
  @keyframes zoomIn {
    0% {
      opacity: 0;
      transform: scale(0.3);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes zoomOut {
    0% {
      opacity: 1;
      transform: scale(1);
    }
    100% {
      opacity: 0;
      transform: scale(0.3);
    }
  }
  @keyframes fadeInLeft {
    0% {
      opacity: 0;
      transform: translateX(100%);
    }
    100% {
      opacity: 1;
      transform: translateY(0); 
    }
  }
  @keyframes fadeOutRight {
    0% { 
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateX(100%);
    }
  }
/* Responsiveness */
@media(max-width: 992px) {
  html { font-size: 14px; }
  .modal-content { width: 80%; }
}
@media(max-width:767px) {
  html { font-size: 12px; }
  .modal-content { padding: 2rem 1rem 1rem 1rem; width: 90%; }
  .modal-content h1 { margin-bottom: 1.5rem; }
  .modal:nth-of-type(2) .modal-content { padding: 2rem 3rem; }
  .modal:nth-of-type(3) { justify-content: center; }
  .modal:nth-of-type(3) .modal-content { width: 80%; }
  .modal:nth-of-type(5) .modal-content { max-width: 85%; }
}

/* Privacy Policy */
.privacy_policy_div {
    padding-left: 10%;
    padding-right: 10%;
    font-family: "Questrial", Sans-serif;
}