body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
#tableheader {
    font-weight: 500;
}

table {
    font-size: 12pt;
    width: 720px;
    background-color: white;
    border-radius: 0px;
    border-collapse: collapse;
    background-color: white;
    border-bottom: 1px solid #c4c4c4;
    border-top: 1px solid #c4c4c4;
}

td {
    font-size: 11pt;
    font-weight: 400;
    padding-left: 60px;
}

td:first-child {
    font-weight: 500;
    font-size: 12pt;
}

td:last-child {
    padding-right: 40px;
}

.detailedportfoliodescription {
    width: 712px;
    margin: 0 auto 0 auto;
}

h1, h2, h3, h4, p {
    font-weight: 400;
}

.detailedportfolio-text{
    line-height: 24px;
    width: 700px;
    font-size: 16px !important;
    margin: 0 auto 0 auto;
}

.detailedportfolio-header {
    font-weight: 500;
    color: #333333;
}

#iOS-Rich-Large {
    display:inline-block;
    width: 500px;
    height: auto;
}

#notification-settings-large {
    display:inline-block;
    width: 300px;
    height: auto;
}

#android-rich-large {
    display:inline-block;
    width: 300px;
    height: auto;
}

.notification-hero-images {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    -moz-flex-flow: row;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
    margin-bottom: 2rem;
    height: 531px;
}

#settingsproblemheader {
    text-align: left;
    font-size: 20pt;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333333;
}
#ucdproblemheader {
    text-align: center;
    font-size: 20pt;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333333;
}

#settingsproblemtext {
    font-size: 16px;
    text-align: left;
    line-height: 24px;
}
#ucdproblemtext {
    font-size: 16px;
    text-align: center;
    line-height: 24px;
}

#settingsproblemtextemphasis {
    font-weight: 600;
}

#settingsproblem {
    display: inline-block;
    margin-top: 80px;
    width: 360px;
    vertical-align: top;
}

#ucdproblem {
    display: inline-block;
    margin-top: 80px;
    width: 90%;
    vertical-align: top;
}

#notification-settings-explain-large {
    display: inline-block;
    width: 400px;
    margin-left: 40px;
}

#module-photo-large {
    display: inline-block;
    width: 400px;
    margin-left: 40px;
    margin-top: 50px
}

#settingsintrocontainer {
    display: block;
    margin: 0 auto 0 auto;
    text-align: center;
}

#ucdintrocontainer {
    display: block;
    margin: 0 auto 0 auto;
    text-align: center;
}

#settingscategories {
    text-align: center;
    width: 780px;
    margin: 0 auto;
    padding: 40px 20px 12px 20px;
    background-color: #ededed;
    border-radius: 12px;
}

#settingscategoriesheader {
    text-align: center;
    font-size: 20pt;
    margin-bottom: 24px;
    font-weight: 600;
    color: #333333;
}

#settingscategoriestext {
    font-size: 16px;
    text-align: center;
    line-height: 24px;
}

.bigimg {
  display: block;

  width: 100px;
}

#settingsfeatures {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    -moz-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
    margin-bottom: 2rem;
}

.settingfeature {
    align-self: flex-start;
    border-radius: 10px;
    width: 90%;
}

#push-view {
    display: block;
    width: 280px;
    margin: 1.5rem auto 0 auto;
}

#pcb-view-wide {
    display: block;
    width: 500px;
    margin: 1.5rem auto 0 auto;
}
#push-view-wide {
    display: block;
    width: 600px;
    margin: 1.5rem auto 0 auto;
}

#push-view-less-wide {
    display: block;
    width: 400px;
    margin: 50px auto 50px auto;
}
.settingfeaturetext {
    font-size: 16px !important;
    text-align: center !important;
    width: 90%;
    margin: 0rem 5% 0 5%;
    line-height: 24px;
}

.settingfeatureheadtext {
    font-weight: 700;
    color: #333333;
}

#fbdescription {
    background-color: rgba(0,0,0,.00);
  border-width : 1px;
  color: black;
}

#richpushdescriptiontext {
    font-size: 20px;
    line-height: 28px;
}



#richnotifproblemheader {
    text-align: center;
    font-size: 20pt;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333333;
}

#richnotifproblemtext {
    font-size: 16px;
    text-align: center;
    line-height: 24px;
}

#richnotifproblem {
    display: inline-block;
    margin-top: 40px;
    width: 800px;
    vertical-align: top;
}

#apple-rich-notif {
    width: 350px;
}

#android-rich-notif {
    width: 350px;
}

#fbdescriptiongray {
    background-color: rgba(0,0,0,.02);
    border-width : 1px;
    color: black;
}

#multi-push-diagram {
    display: block;
    width: 720px;
    margin: 0 auto;
}

#multi-user-problemheader {
    text-align: center;
    font-size: 20pt;
    margin-bottom: 8px;
    margin-top: 40px;
    font-weight: 600;
    color: #333333;
}

#multi-user-ui {
    display: block;
    width: 720px;
    margin: 0 auto;
}

.detailedportfolioheaderverizon {
    float: left;
    margin: 0;
    padding: 0;
    height: 500px;
    width: 100%;
    background-color: #cd040b;
    z-index: -1;
}
.detailedportfolioheaderhondla {
    float: left;
    margin: 0;
    padding: 0;
    height: 500px;
    width: 100%;
    background-color: #ffeb00;
    z-index: -1;
}
.detailedportfolioheaderArtistic {
    float: left;
    margin: 0;
    padding: 0;
    height: 500px;
    width: 100%;
    background-color: #364355;
    z-index: -1;
}

.detailedportfolioheaderTAUR {
    float: left;
    margin: 0;
    padding: 0;
    height: 500px;
    width: 100%;
    background-color: #191919;
    z-index: -1;
}

#verizonlogo {
    display: block;
    margin: 160px auto 0 auto;
    width: 200px;
}

.detailedportfolioheaderfbads {
    float: left;
    margin: 0;
    padding: 0;
    height: 500px;
    width: 100%;
    background-color: #4b4f56;
    z-index: -1;
}

#fbadslogo {
    display: block;
    margin: 160px auto 0 auto;
    width: 120px;
}

#expandedtargetingproblemheader {
    text-align: center;
    font-size: 20pt;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333333;
}

#expandedtargetingproblemtext {
    font-size: 16px;
    text-align: center;
    line-height: 24px;
}

#expandedtargetingproblem {
    display: inline-block;
    margin-top: 40px;
    width: 720px;
    vertical-align: top;
}

#expandedtargetingscreenshot {
    display: block;
    width: 720px;
    margin: 0 auto 80px auto;
    box-shadow: 0 12px 40px rgba(0,0,0,0.2);
}

#expandedtargetingcheckbox {
    width: 400px;
    border-radius: 4px;
    border: 1px solid #009dff;
    margin: 0 auto 80px auto;
    box-shadow: 0 12px 40px rgba(0,0,0,0.2);
    
}

#expandedtargetingsolution {
    display: inline-block;
    margin-bottom: 80px;
    width: 720px;
    vertical-align: top;
}

#expanded-targeting-header {
    font-size: 40px;
    font-weight: 500;
    color: #333333;
}

tr:first-child {
    border-bottom: none;
}

tr:first-child td {
    padding-top: 20px;
}

#inline-lookalike-screenshot {
    display: block;
    width: 720px;
    margin: 0 auto 80px auto;
    box-shadow: 0 12px 40px rgba(0,0,0,0.2);
}

#ads-targeting-intro {
    margin-bottom: 80px;
}

.experimentation-hero-images {
    padding-bottom: 4em;
}

#new_workflow {
    width: 100%;
    box-shadow: 0 16px 64px rgba(0, 0, 0, 0.16);
}

#expintrocontainer {
    display: block;
    margin: 0 auto 0 auto;
    text-align: center;
}

#expproblem {
    display: block;
    margin: 80px auto 0 auto;
    width: 700px;
    vertical-align: top;
}

#exp_metric_images {
    display: block;
    overflow: visible;
    width: 100%;
    margin-left: 20px;
}



#settingsproblemheader {
    
}

#expproblemheader {
    text-align: center;
    font-size: 20pt;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333333;
}

#settingsproblemtext {
    
}

#expproblemtext {
    font-size: 16px !important;
    font-weight: 400;
    text-align: center;
    line-height: 24px;
}

#metric_modules {
    margin-top: 0px;
    width: 80%;
}

#expportfoliodescription {
   
}

.bottomborder {
    width: 100%;
    border-bottom: 1px solid #333333;
}

@media (-webkit-min-device-pixel-ratio: 2) {
    .bottomborder {
        border-width: 0.5px;
    }
}

@media (min-device-pixel-ratio: 2) {
    .bottomborder {
        border-width: 0.5px;
    }
}

#metric_problem {
    width: 80%;
    margin: 4px auto 2em auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

#metricproblemheader {
    text-align: center;
    font-size: 20pt;
    margin-top: 80px;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333333;
}

h4 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 0;
    margin-top: 6em;
}



#commenting_image {
    width: 280px;
    box-shadow: 0 16px 64px rgba(0, 0, 0, 0.1);
}

#exp_toolbar_image {
    width: 100%;
    text-align: center;
}

#toolbar_image {
    width: 100%;
    box-shadow: 0 16px 64px rgba(0, 0, 0, 0.1);
    
}

.detailedportfolioheaderfbexp {
    float: left;
    margin: 0;
    padding: 0;
    height: 500px;
    width: 100%;
    background-color: #343434;
    z-index: -1;
}

#first_h4 {
    margin-top: 2em;
}

#decision_image {
    width: 100%;
}

#exp_decision_image {
    margin-bottom: 8em;
}