@charset "UTF-8";
/* DEFAULT */
@media only screen {
  .bg-icon {
    background: url("../images/bg-icon.png") repeat-x;
  }
  .block {
    display: inline-block;
    width: 12em;
  }
  .connect {
    border: 1px solid #855FF5;
    margin: 1% 0;
    padding: 2vw;
  }
  .content2 {
    margin: 1em 0 0 0;
    padding: 1px 4%;
  }
  .e3-p {
    border: 1px solid #855FF5;
    margin: .5vw;
    padding: .5vw;
    width: 15vw;
  }
  .excellence-pic {
    height: auto;
    max-width: 280px;
    width: 14vw;
  }
  .expertise-pic {
    height: auto;
    max-width: 160px;
    width: 10vw;
  }
  .expertise {
    border: 1px solid #855FF5;
    margin: .5vw;
    padding: .5vw;
    width: 13vw;
  }
  .grid {
    align-content: center;
    background-color: #FFFFFF;
    border: 1px solid #855FF5;
    margin: 2% 1vw;
  }
  .grid-h {
    font-weight: bold;
    color: #1346C7;
    margin: 1px auto;
    padding: 1px 1em;
  }
  .grid-p {
    margin: 1em auto;
    padding: 1px 1em;
  }
  .h {
    color: #1650E2;
    font-size: 30px;
    font-weight: bold;
    margin: 1em 0 0 0;
  }
  .h3lp {
    margin: 0;
  }
  .lp {
    color: #4B17E3;
    font-size: 24px;
  }
  .lp-graphic {
    height: 100px;
    width: 100px;
  }
  .sample {
    border: 1px solid #855FF5;
    height: auto;
    margin: 10px;
    max-width: 280px;
    width: 23vw;
  }
  .scientists-pic {
    height: auto;
    max-width: 700px;
    width: 25vw;
  }
  .services {
    margin: 2% 1%;
    width: 30%;
  }
  .services p {
    text-align: center;
  }
  .service p, .services p {
    margin: .5em;
  }
  .tagline {
    color: #000000;
    font-size: 34px;
    font-weight: bold;
  }
  .tech {
    margin: 10px;
    min-width: 280px;
    max-width: 30%;
  }
  .wrapper {
    display: grid;
    grid-template-columns: 33% 33% 33%;
  }
  #bbb {
    margin-bottom: 0;
  }
  #bg-index1 {
    background-color: #E3EBFF;
    border-top: 1px solid #1650E2;
    border-bottom: 1px solid #1650E2;
  }
  #bg-index2 {
    background: url("../images/sales-growth.png") no-repeat 100% 50%;
    background-size: contain;
    width: 32vw;
  }
  #bg-index3 {
    background-color: #EBF9EC;
  }
  #bg-index4 {
    background: #FFFFFF url("../images/blue-background-repeat.jpg") 100% 0 repeat-y;
    background-size: cover;
    padding-right: 40vw;
  }
  #e3 {
    background-color: #FFFFFF;
    border: 1px solid #855FF5;
    padding: 1px 2%;
  }
  #excellence, #expertise {
    margin-bottom: 20px;
  }
  #excellence p, #connect p {
    padding: 1px 10px;
  }
  #expertise {
    flex-wrap: wrap;
  }
  #expertise p {
    min-width: 160px;
    padding: 1px;
    width: 12vw;
  }
  #half {
    width: 55vw;
  }
  #p1 {
    border-top: 1px solid #1650E2;
  }
  #poster {
    text-align: center;
  }
  #poster-pic {
    border: 1px solid #855FF5;
    height: auto;
    max-width: 280px;
    width: 75vw;
  }
  #scientists {
    align-items: stretch;
    display: block;
    min-height: 250px;
  }
  #scientists-right {
    float: right;
    margin: 0 0 5px 20px;
    width: 30vw;
  }
  #scroll {
    height: 250px;
    border: 2px solid #855FF5;
    margin: 20px 0;
    overflow-x: hidden;
    overflow-y: auto;
  }
  #scroll p, #scroll blockquote {
    font-size: 17px;
  }
  #services {
    align-items: stretch;
    margin: 1px -1%;
  }
  #why li {
    margin: 1.5em 0 1.5em -1em;
  }
  #yellow {
    background-color: #FDFCDD;
  }
}
/* MEGAPIXEL */
@media only screen and (min-width: 2101px) {}
/* DESKTOP */
@media only screen and (max-width: 2100px) {
  #poster {
    margin: 50px auto;
  }
}
/* TABLET */
@media only screen and (max-width: 1200px) {
  .excellence-pic {
    width: 13vw;
  }
  .expertise-pic {
    width: 10vw;
  }
  .h3lp {
    margin: .8em 0;
  }
  .lp {
    font-size: 22px;
  }
  .scientists-pic {
    width: 30vw;
  }
  .expertise {
    min-width: 160px;
  }
  .services {
    width: 43%;
  }
  #bg-index4 {
    padding-right: 20vw;
  }
  #poster {
    margin: 1px auto;
  }
}
/* MOBILE */
@media only screen and (max-width: 700px) {
  .e3-p {
    width: 80vw;
  }
  .expertise {
    width: 80vw;
  }
  .excellence-pic {
    width: 50vw;
  }
  .expertise-pic {
    width: 70vw;
  }
  .line {
    margin: 1em;
  }
  .sample {
    width: 50vw;
  }
  .services {
    width: 100%;
  }
  .wrapper {
    display: grid;
    grid-template-columns: 100%;
  }
  .lp {
    color: #4B17E3;
    font-size: 20px;
  }
  #bg-index2 {
    display: none;
  }
  #bg-index4 {
    padding-right: 2vw;
  }
  #expertise p {
    width: 80vw;
  }
  #half {
    width: 100%;
  }
  #scroll {
    margin: 1px 2%;
  }
}