@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
body {
  background: black;
}

.arrow {
  position: absolute;
  bottom: 15%;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
  background-size: contain;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}


#mobile-logo {
    display: none;
}

#main-wrapper {
    height: 100%;
    width: 100%;
    position: relative;
}

section {
    position: relative;
    width: 100%; 
    min-height: 100vh;
}

#fp_bg {
    width: 100%;
    height: 100%;
    background-image: url(../img/abstract_3.jpg); 
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

#content-wrapper {
    width: 92%; 
    height: 100%; 
    margin-left: auto;
    margin-right: auto;
    position: relative; 
}

#navbar-wrapper {
    margin-top: 3%;
    height: 3%;
    width: 100%; 
    border-bottom: 2px solid #fff;
    position: absolute;
    padding-bottom: 1em;

}

#dimco-logo {
    position: absolute; 
    left: 0;
    width: 8%;
}

#dimco-logo img {
    width: 100%;
    height: auto;
}

#main-nav {
    position: absolute; 
    right: 0; 
    text-align: right;
    font-family: "Open Sans Condensed";
    font-weight: 400;
    font-size: 1.2em;
    text-transform: uppercase;
    z-index: 999;
    top: 15%;
}

#main-nav ul {
    padding: 0; 
    list-style: none; 
    display: table-cell;
    vertical-align: top;
    width: 100%;
    text-align: center;
}

#main-nav ul li {
    display: inline-block; 
    position: relative; 
    padding: 0 0 15px 0;
}

#main-nav ul li a {
   color: #fff;
   text-transform: uppercase;
   text-decoration: none;
   letter-spacing: 0.15em;
   display: inline-block;
   padding: 15px 20px;
   position: relative; 
}

#main-nav ul li a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 4px;
  left: 50%;
  position: absolute;
  background: #3591ef;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}

#main-nav ul li a.current-nav:after {
    width: 100%; 
    left: 0; 
}
  


#main-nav ul li a:hover:after { 
  width: 100%; 
  left: 0; 
}

#main-message {
    position: relative;
    display: table;
    height: 100vh; 
    text-align: center;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

#main-message span {display:block;}

#main-message-content {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.marriage {
    font-family: "Open Sans Condensed";
    font-size: 8em; 
    font-weight: 700; 
    line-height: 1em;
}

.marriage-snippet {
    font-size: 1.8em; 
    font-style: italic; 
    line-height: 1em;
    padding-top: 2em;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

a.learnmore {
    display: inline-block; 
    padding: 0.6em 1.3em; 
    background: #3591ef; 
    text-transform: uppercase;
    font-size: 1.3em;
    color: #fff;
    margin-top: 3em; 
    text-decoration: none;
    font-family: "Open Sans Condensed";
    border-radius: 2px; 
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
    
}

a.learnmore:hover {
    background: #fff;
    color: #000;
    transition: 0.3s ease-in-out;
}

#story {
    background: #171717;
    background-image: url(../img/story_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

#story-content-wrapper {
    display: table;
    width: 60%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 100vh;
}

#story-content {
    display: table-cell; 
    vertical-align: middle;
    text-align: center;
    width: 50%;
}

.story-header {
    font-family: "Open Sans Condensed";
    font-size: 5em; 
    font-weight: 700; 
    line-height: 1.2em; 
    display: block;
    padding-bottom: 0.7em; 
}

.story-content-copy {
    font-family: "Open Sans Condensed";
    font-size: 1.45em; 
    width: 75%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-weight: 100;
    line-height: 1.4em;
    padding-top: 1em; 
}

.border-breaker {
    display: block; 
    margin-left: auto;
    margin-right: auto;
    width: 12%;
    height: 2px; 
    background: #3591ef;
}


#inner-navbar-wrapper {
    top: 4%;
    height: 3%;
    width: 92%; 
    border-bottom: 2px solid #fff;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 999;
    margin-left: auto;
    margin-right: auto;
    visibility: hidden;
    padding-bottom: 1em; 
    
}

#inner-navbar-logo {
    position: absolute; 
    left: 0;
    width: 8%;
}

#inner-navbar-logo img {
    width: 100%;
    height: auto;
}

#main-nav-2 {
    position: absolute; 
    right: 0; 
    text-align: right;
    font-family: "Open Sans Condensed";
    font-weight: 400;
    font-size: 1.2em;
    text-transform: uppercase;
    top: 15%;

}

#main-nav-2 ul {
    padding: 0; 
    list-style: none; 
    display: table-cell;
    vertical-align: top;
    width: 100%;
    text-align: center;

}

#main-nav-2 ul li {
    display: inline-block; 
    position: relative; 
    padding: 0 0 15px 0;
}

#main-nav-2 ul li a {
   color: #fff;
   text-transform: uppercase;
   text-decoration: none;
   letter-spacing: 0.15em;
   display: inline-block;
   padding: 15px 20px;
   position: relative; 
}

#main-nav-2 ul li a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 4px;
  left: 50%;
  position: absolute;
  background: #3591ef;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
  z-index: 2000
}

#main-nav-2 ul li a:hover:after { 
  width: 100%; 
  left: 0; 
}

#services {
    background: url(../img/services_bgbw.jpg); 
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}

.services-heading {
    font-family: "Open Sans Condensed";
    font-size: 5em; 
    font-weight: 700; 
    line-height: 0.5em; 
    display: block;
    padding-bottom: 0.7em;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15%; 
}

.services-heading-small {
    font-family: "Open Sans Condensed";
    font-size: 2.2em; 
    font-weight: 100; 
    display: block;
    padding-bottom: 0.7em;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1.5em; 
}

#service-grid {
    padding-top: 5%;
}

.service-item {
    display: inline-table;
    width: 20%;
    padding-right: 3%; 
}

.service-item-heading {
    font-family: "Open Sans Condensed";
    font-size: 2.1em; 
    font-weight: bold;
    margin-bottom: 1.5em;
    display: block;
}

.service-item:last-child {padding-right: 0;}

.service-item-text {
    font-size: 1.45em;
    line-height: 1.2em;
    font-family: "Open Sans Condensed";
}

.white {
    background: #fff;
}

#software {
    background: url(../img/software_bg.jpg); 
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
    min-height: 100vh;
}

.software-container {
    display: block;
    width: 100%;
    top: 50%; 
    transform: translateY(-50%);
    position: absolute;
}

.software-heading1 {
    font-family: "Open Sans Condensed";
    font-size: 4.5em; 
    font-weight: bold;
    margin-bottom: 1em;
    display: block;
}

.surgical {
    font-weight: 100; 
    font-style: italic;
}

.software-heading2 {
    font-family: "Open Sans Condensed";
    font-size: 2.2em; 
    font-weight: bold;
    margin-bottom: 0.5em;
    display: block;
    margin-top: 1.1em;
}

.software-text {
    font-weight: 100; 
    font-size: 1.8em; 
    width: 55%;
    font-family: "Open Sans Condensed";
    line-height: 115%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2%;

}

#software-logos {
    padding-top: 6%;
}

.fp-seismo {
    width: 20%;
    height: auto;
    margin-right: 4%;
    display: inline-block;
}

#fp-seismoapps {
    margin-right: 0;    
}

#contact {
    background: #171717;
}

#contact-container {
    display: table;
    height: 100vh; 
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

#contact-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.contact-logo {
    width: 30%; 
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.contact-info {
    padding-top: 3%; 
    font-size: 1.4em; 
    font-family: "Open Sans Condensed"; 
    font-weight: 100;
    width: 37%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5em; 
    
}

.address {
    color: #3591ef; 
    font-family: "Open Sans Condensed"; 
    text-transform: uppercase;
    padding-top: 3%;
}

#software-fp {
    background: url(../img/software_fp_bg.jpg); 
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100%; 
}

#dimco-software-logo {
    width: 12%; 
}

a.current-blue {color: #3591ef;}


#software-main-message {
    position: relative;
    display: table;
    height: 100vh; 
    text-align: center;
    width: 65%;
    margin-left: auto;
    margin-right: auto;
}

#software-main-message-content {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    
}

#software-main-message span {display:block;}

.digital-age {
    font-family: "Open Sans Condensed";
    font-size: 6.5em; 
    font-weight: 700; 
    line-height: 1em;
}

.digital-age-snippet {
    font-size: 1.8em; 
    line-height: 1em;
    padding-top: 2em;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.software-fp-windows {
    width: 100%; 
    height: auto;
    padding-bottom: 4%;
}

#software-fp .arrow {bottom: 5%;}

#seismosuite {
    background: #151515;
}

#seismosuite-container {
    width: 100%;
    height: auto; 
    position: relative;
    text-align: center;
}

#seismosuite-content {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
}

.seismolist {
    display: inline-table;
    margin-right: 2%;
    width: 28%;
}

.seismolist p {font-size: 1.2em; line-height: 130%;}

.seismolist:last-of-type {
    margin-right: 0;
}

.seismolist-img {
    width: 60%;
    height auto;
    display: block; 
    margin-left: auto;
    margin-right: auto;
}

.seismolist-img img {
    width: 100%; 
    height: auto;
    display: block;
}

a.seismolist-demo {
    display: inline-block; 
    padding: 0.6em 1.3em; 
    background: #3591ef; 
    text-transform: uppercase;
    font-size: 1.1em;
    color: #fff;
    margin-top: 1.3em; 
    text-decoration: none;
    font-family: "Open Sans Condensed";
    border-radius: 2px; 
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
    
}

a.seismolist-demo:hover {
    background: #fff;
    color: #000;
    transition: 0.3s ease-in-out;
}

#seismosuite-heading {
    font-family: "Open Sans Condensed";
    font-size: 5em; 
    font-weight: 700; 
    line-height: 0.7em;
    padding-bottom: 1em;
    padding-top: 2em;
}

#seismosuite-windows {
    width: 70%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 6em;
}

#seismosuite-windows img {
    width: 100%;
    height: auto;
    display: block;
}

.seismosuite-note {
    font-size: 1em; 
    padding: 0 0 2em 0;
}

.seismosuite-border {
    height: 1px; 
    border-top: 1px solid #fff; 
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3em;
}

/* iPads  

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

      #navbar-wrapper {
          display:none;
      }
    
      .no-mobile {display: none;}
      
      #mobile-logo {
          visibility: visible;
          width: 18%; 
          height: auto;
          display: block;
          margin-left: auto;
          margin-right: auto;
          position: absolute;
          z-index: 1000; 
          left: 0;
          right: 0;
          top: 15%;
      }
      
      #main-message {
          width: 80%;
      }
      
      .marriage {
          font-size: 4em;
      }
      
      .marriage-snippet {
          font-size: 1.1em;
          padding-top: 1.7em;
      }
      
      a.learnmore {
          width: 30%;
          padding: 0.55em 0.2em;
          font-size: 1.2em; 
      }
      
      #story-content-wrapper {
          width: 80%;
      }
      
      .story-header {
          font-size: 2.5em;
      }
      
      .story-content-copy {
          width: 78%;
          font-size: 1.2em;
      }
      
      .service-item {
          display: block;
          margin-left: auto;
          margin-right: auto;
          width: 60%;
          padding-bottom: 5%;
          padding-right: 0;
          
      }
      
      .service-item:last-child {padding-bottom: 8%;}
      
      .services-heading {
          font-size: 3.8em;
          padding-bottom: 0.6em;
      }
      
      .services-heading-small {
          font-size: 2.05em;
      }
      
      .service-item-heading {
          font-size: 2em;
      }
      
      .software-heading1 {
          font-size: 3.5em;
      }
      
       .software-heading2 {
          font-size: 2em;
      }
      .software-text {
          width: 80%; 
          font-size: 1.4em; 
      }
      
      .contact-info {
          width: 65%;
      }
      
      
      #software-main-message {
          width: 90%
      }
      
      .digital-age {
          font-size: 4em;
      }
      
              
      .software-fp-windows {
          padding-top: 5%;
          padding-bottom: 1%;
      }
      
      .digital-age-snippet {
          font-size: 1.4em;
      }
      
      #seismosuite-heading {
          font-size: 4em;
          padding-top: 8%;
      }
      
      .seismolist {
          display: block;
          margin-left: auto;
          margin-right: auto;
          width: 70%;
          padding-bottom: 8%;
      }
      
      .seismolist-img {
          width: 40%;
          padding-bottom: 3%;
      }
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

      #navbar-wrapper {
          display:none;
      }
    
      .no-mobile {display: none;}
      
      #mobile-logo {
          visibility: visible;
          width: 30%; 
          height: auto;
          display: block;
          margin-left: auto;
          margin-right: auto;
          position: absolute;
          z-index: 1000; 
          left: 0;
          right: 0;
          top: 20%;
      }
      
      #main-message {
          width: 80%;
      }
      
      .marriage {
          font-size: 4.5em;
      }
      
      .marriage-snippet {
          font-size: 1.4em;
          padding-top: 2.5em;
          padding-bottom: 2.5em;
          line-height: 1.2em;
      }
      
      a.learnmore {
          width: 30%;
          padding: 0.55em 0.2em;
          font-size: 1.2em; 
      }
      
      #story-content-wrapper {
          width: 80%;
      }
      
      .story-header {
          font-size: 3.5em;
      }
      
      .story-content-copy {
          width: 85%;
          font-size: 1.5em;
      }
      
      .service-item {
          display: block;
          margin-left: auto;
          margin-right: auto;
          width: 60%;
          padding-bottom: 5%;
          padding-right: 0;
          
      }
      
      .service-item:last-child {padding-bottom: 8%;}
      
      .services-heading {
          font-size: 3.8em;
          padding-bottom: 0.6em;
      }
      
      .services-heading-small {
          font-size: 2.05em;
      }
      
      .service-item-heading {
          font-size: 2em;
      }
      
      .contact-info {
          width: 70%;
      }
      
      #software-main-message {
          width: 90%
      }
      
      .digital-age {
          font-size: 4em;
      }
      
          
      .software-fp-windows {
          padding-top: 5%;
          padding-bottom: 1%;
      }
      
      .digital-age-snippet {
          font-size: 1.8em;
      }
      
      .software-heading1 {
          font-size: 4em;
          }
      }
      
      #seismosuite-heading {
          font-size: 4em;
          padding-top: 8%;
      }
      
      .seismolist {
          display: block;
          margin-left: auto;
          margin-right: auto;
          width: 70%;
          padding-bottom: 8%;
      }
      
      .seismolist-img {
          width: 40%;
          padding-bottom: 3%;
      }
      
}

/*iPhone 

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

      #navbar-wrapper {
          display:none;
      }
    
      .no-mobile {display: none;}
      
      #mobile-logo {
          visibility: visible;
          width: 45%; 
          height: auto;
          display: block;
          margin-left: auto;
          margin-right: auto;
          position: absolute;
          z-index: 1000; 
          left: 0;
          right: 0;
          top: 15%;
      }
      
      #main-message {
          width: 100%;
      }
      
      .marriage {
          font-size: 5.8em;
      }
      
      .marriage-snippet {
          font-size: 2.5em;
          padding-top: 2.5em;
          padding-bottom: 0.5em;
          line-height: 1.2em;
      }
      
      a.learnmore {
          width: 50%;
          padding: 0.82em 0.9em;
          font-size: 3em; 
      }
      
      #story {
        background-position: -100px 0px;
}

      
      #story-content-wrapper {
          width: 90%;
      }
      
      .story-header {
          font-size: 5.5em;
      }
      
      .story-content-copy {
          width: 90%;
          font-size: 2.2em;
      }
      
      .service-item {
          display: block;
          margin-left: auto;
          margin-right: auto;
          width: 60%;
          padding-bottom: 8%;
          padding-right: 0;
          
      }
      
      .service-item:last-child {padding-bottom: 0;}
      
      .services-heading {
          font-size: 4.3em;
          padding-bottom: 0.6em;
      }
      
      .services-heading-small {
          font-size: 2.6em;
      }
      
      .service-item-heading {
          font-size: 3em;
      }
      
      #software {
          background-position: -500px 0;
      }
      
      #software .learnmore {font-size: 2.4em;}
      
      .software-heading1 {
          font-size: 4em;
          line-height: 130%;
      }
      
      .software-heading2 {
          font-size: 3em;
          line-height: 130%;
      }
      
      .software-text {
          width: 85%;
          font-size: 2.4em;
      }
      
      .fp-seismo {
          width: 25%;
      }
      
      .contact-logo {
          width: 40%; 
          padding-bottom: 2%;
      }
      .contact-info {
          width: 90%;
          font-size: 1.em;
      }
      
      .address {
          font-size: 1.8em;
      }
      
       #software-main-message {
          width: 90%
      }
      
      .digital-age {
          font-size: 3em;
      }
      
          
      .software-fp-windows {
          padding-top: 5%;
          padding-bottom: 1%;
      }
      
      .digital-age-snippet {
          font-size: 1.4em;
      }
      
      #seismosuite-heading {
          font-size: 4em;
          padding-top: 8%;
      }
      
      .seismolist {
          display: block;
          margin-left: auto;
          margin-right: auto;
          width: 70%;
          padding-bottom: 8%;
      }
      
      .seismolist-img {
          width: 40%;
          padding-bottom: 3%;
      }
      
}


/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

     #navbar-wrapper {
          display:none;
      }
    
      .no-mobile {display: none;}
      
      #mobile-logo {
          visibility: visible;
          width: 20%; 
          height: auto;
          display: block;
          margin-left: auto;
          margin-right: auto;
          position: absolute;
          z-index: 1000; 
          left: 0;
          right: 0;
          top: 10%;
      }
      
      #main-message {
          width: 80%;
      }
      
      .marriage {
          font-size: 3em;
          padding-top: 8%;
      }
      
      
      .marriage-snippet {
          font-size: 1.4em;
          padding-top: 1.7em;
      }
      
      a.learnmore {
          width: 30%;
          padding: 0.55em 0.2em;
          font-size: 1.3em; 
          margin-top: 2em;
      }
      
      .arrow {bottom: 4%;}
      
      #story-content-wrapper {
          width: 100%;
      }
      
      #story .mobile-break {display:none;}
      
      .story-header {
          font-size: 2.5em;
      }
      
      .story-content-copy {
          width: 85%;
          font-size: 1.4em;
      }
      
      .service-item {
          display: block;
          margin-left: auto;
          margin-right: auto;
          width: 60%;
          padding-bottom: 5%;
          padding-right: 0;
          
      }
      
      .service-item:last-child {padding-bottom: 8%;}
      
      .services-heading {
          font-size: 3.8em;
          padding-bottom: 0.6em;
      }
      
      .services-heading-small {
          font-size: 2.05em;
      }
      
      .service-item-heading {
          font-size: 2em;
      }
      
      .contact-info {
          width: 70%;
      }
      
      #software {
          background-position: 0 0;
      }
      
      .software-container {
          transform: none;
          position: relative;
      }
      
      #software .learnmore {font-size: 1.4em;}
      
      .software-heading1 {
          font-size: 3em;
          line-height: 130%;
          padding-top: 8%;
      }
      
      .software-heading2 {
          font-size: 3em;
          line-height: 130%;
      }
      
      .software-text {
          width: 85%;
          font-size: 1.8em;
      }
      
      .fp-seismo {
          width: 25%;
          padding-bottom: 8%;
      }
      
      .contact-logo {
          width: 40%; 
          padding-bottom: 2%;
      }
      .contact-info {
          width: 90%;
          font-size: 1.em;
      }
      
      .address {
          font-size: 1.8em;
      }
      
       #software-main-message {
          width: 90%
      }
      
      .digital-age {
          font-size: 3em;
      }
      
          
      .software-fp-windows {
          padding-top: 5%;
          padding-bottom: 1%;
      }
      
      .digital-age-snippet {
          font-size: 1.4em;
      }
      
      #seismosuite-heading {
          font-size: 4em;
          padding-top: 8%;
      }
      
      .seismolist {
          display: block;
          margin-left: auto;
          margin-right: auto;
          width: 70%;
          padding-bottom: 8%;
      }
      
      .seismolist-img {
          width: 40%;
          padding-bottom: 3%;
      }
      
}

/* Desktop - Retina */ 

@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 

    #navbar-wrapper {
        padding-bottom: 1.5em;
    }
      
      
      #dimco-logo img { 
          width: 40%;
      }
      
      #inner-navbar-logo img {
          width: 40%;
      }
      
      .arrow {
          bottom: 7%; 
      }
      
      #main-message {
          width: 70%;
      }  
      
      .marriage {
          font-size: 6em;
      }  
      
      .marriage-snippet {
          font-size: 1.4em;
      }
      
      a.learnmore {
          width: 26%;
      }
      
      #inner-navbar-wrapper {
          padding-bottom: 1.5em;
      }
      
      
      #story-content-wrapper {
          width: 75%; 
      }
      
      .story-header {
          font-size: 3.5em;
          padding-top: 10%;
      }
      
      .story-content-copy {
          font-size: 1.2em; 
          width: 70%;
      }
      
      .laptop-hide {display:none;}
      
      .services-heading {
          font-size: 3.5em; 
      }
      
      .service-item-heading {
          font-size: 1.3em; 
      }
    
      .service-item-text {
          font-size: 1em; 
      }
      
      .contact-logo {
          width: 28%;
      }
      
      .contact-info {
          width: 55%; 
      }
      
      #software-main-message {
          width: 80%;
      }
}


/* Desktop - Crap */ 

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) {

    #navbar-wrapper {
        padding-bottom: 1.5em;
    }
    
    #main-nav, #main-nav-2 {
        top: 0%;
        font-size: 1.1em;
    }
    
    #dimco-logo {
        width: 9%;
    }
    
    #inner-navbar-logo {
        width: 9%;
    }
      
      #dimco-logo img { 
          width: 100%;
      }
      
      #inner-navbar-logo img {
          width: 100%;
      }
      
      .arrow {
          bottom: 7%; 
      }
      
      #main-message {
          width: 70%;
      }  
      
      .marriage {
          font-size: 5.5em;
      }  
      
      .marriage-snippet {
          font-size: 1.5em;
      }
      
      a.learnmore {
          width: 26%;
          font-size: 1.2em;
      }
      
      #inner-navbar-wrapper {
          padding-bottom: 1.5em;
      }
      
      
      #story-content-wrapper {
          width: 75%; 
      }
      
      .story-header {
          font-size: 3.5em;
          padding-top: 10%;
      }
      
      .story-content-copy {
          font-size: 1.2em; 
          width: 70%;
      }
      
      .laptop-hide {display:none;}
      
      .services-heading {
          font-size: 3.5em; 
      }
    
    .service-item {
        width: 21%;
    }
      
      .service-item-heading {
          font-size: 1.3em; 
      }
    
      .service-item-text {
          font-size: 1.1em; 
      }
      
      .contact-logo {
          width: 20%;
      }
      
      .contact-info {
          width: 40%; 
          font-size: 1.1em;
      }
    
    .software-heading1 {
        font-size: 4em;
        padding-top: 5%
    }
    
    .software-text {
        width: 80%;
        font-size: 1.5em;
    }
      
       #software-main-message {
          width: 80%;
      }
    
    .digital-age {
        font-size: 5.5em;
    }
    
    .digital-age-snippet {
        font-size: 1.5em;
    }
}