@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

html {
  scroll-behavior: smooth;
}
body { line-height: 1em;
  color: #70737a; font-family: 'Montserrat', sans-serif;
}
p, ul li, span { line-height: 1.5; }
small { font-size: .7em; line-height: .9em;}
small b{ color: black;}

header { background-color: white; border-bottom: solid 1px #5e88bd;}
.jumbotron {
    margin-bottom: 0;
    color: white;   
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    border-radius: 0;

/* border-top: 20px solid #00539b;*/
/*   border-bottom: 4px solid #00539b;
*/background: transparent;

}
/*.not-active {
  display: none;
  pointer-events: none;
  opacity: .2;
}*/
.checkbox input[type="checkbox"] {
    opacity: 0;
}

.blue-col a { color: #70737a; text-decoration: none;}
.blue-col a:hover { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,b0cee5+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #b0cee5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#b0cee5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#b0cee5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b0cee5',GradientType=1 ); /* IE6-9 */
 padding:4px 20px 4px 4px; border-radius:20px;   transition: .2s;}
.checkbox label {
    position: relative;
    display: inline-block;
    
    /*16px width of fake checkbox + 6px distance between fake checkbox and text*/
    padding-left: 22px;
    font-size: .9em;
}


x

.checkbox label::before,
.checkbox label::after {
    position: absolute;
    content: "";
    
    /*Needed for the line-height to take effect*/
    display: inline-block;
}

/*Outer box of the fake checkbox*/
.checkbox label::before{
    height: 16px;
    width: 16px;
    
    border: 1px solid;
    left: 0px;
    
    /*(24px line-height - 16px height of fake checkbox) / 2 - 1px for the border
     *to vertically center it.
     */
    top: 3px;
}

/*Checkmark of the fake checkbox*/
.checkbox label::after {
    height: 5px;
    width: 9px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    
    transform: rotate(-45deg);
    
    left: 4px;
    top: 7px;
    color: #027dc4;
}

/*Hide the checkmark by default*/
.checkbox input[type="checkbox"] + label::after {
    content: none;
}

/*Unhide on the checked state*/
.checkbox input[type="checkbox"]:checked + label::after {
    content: "";
}

/*Adding focus styles on the outer-box of the fake checkbox*/
.checkbox input[type="checkbox"]:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
}
   


      .lookinside-wrapper { position: relative; }               
                        .lookinside img {
    position: absolute;
    width: 70px;
    bottom: 0;
    right: 0;}


.serif {
  font-family: "Times New Roman", Times, serif!important; font-size: 1.2em;
}

  .samples.btn-secondary {
    background-color: #5d88be!important;
    border-color: #5d88be!important;
}
.labelx{position: absolute; width: 80px; right: 0; top: 100%;}
.label.md { position: relative; max-height: 111px; }
.label.lg { position: relative; max-height: 146px; }

.lookinside-arrow {
  animation-duration: 5s;
}

.my-img.st {max-width:100px; position: relative;} 
.my-img.hr {max-width:120px; position: relative;} 
.my-img.sm {max-width:62px; position: relative;} 
.my-img.bg {max-width:130px; position: relative;} 
.cls-1{fill:#26366d; animation-duration: 1.3s}.cls-2{font-size:39.09px;fill:#fbe000; font-family: 'Montserrat', sans-serif; font-weight:700;}.cls-3{fill:white;}


.animation-bg-cover { z-index:1; position: relative; padding-top:10px; background-color: white;}
.top-authors { padding: 10px; background-color: #f5f5f6; }
.bg-image {background-image: url(../images/daydreaming2.jpg);
background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    max-height:700px;

}
.devider-l {border-left: 1px solid gray;}
.playicon { position: relative; display: block; }
.playicon > div {position: absolute; left: 40%; bottom: 45%;}
.playicon img.icon { width: 60px;   animation-duration: 1s;
  animation-iteration-count: infinite; opacity: .9}
.text h1, .foundation h1 { font-family: 'Montserrat', sans-serif; font-weight: 300; color: #5e88bd; }

h1 { font-family: 'Montserrat', sans-serif; font-weight: 600; color: #5e88bd; }
h3 { font-family: 'Montserrat', sans-serif; font-weight: 500; color: #ef4134; }
h4 { font-family: 'Montserrat', sans-serif; font-weight: 500; color: gray; }
h5 { font-family: 'Montserrat', sans-serif; font-weight: 500; color: gray; }
h5 span{ font-weight: 300; }

h6 { font-family: "Oswald"; font-weight: 300; color: black; font-size: 1.3em; line-height: 1.4em;}

.md-nav { background-color: #5e88bd; animation-duration: .5s; box-shadow: 4px 2px 5px #888888;}
.nav-top { display: none; background-color: #5e88bd;
  animation-duration: .1s;
}
.timeline { /*background-image: url(/images/colorado-2.jpg)*/ background: #f3faff; padding:40px 0 40px 0; }
.timeline h1 { font-size: 3.2em; color: #214d76; line-height: 100px;} 
.timeline p { padding: 10px; color: black; font-size:1em; }
.timeline .time {border-top: solid 2px #17789a; /*border-bottom: solid 2px #17789a;*/}
.timeline h4 { font-size: 3em; font-weight:200; color: #214d76; margin-left: 10px;}
.timeline .dv { background-color: #214d76; width: 2px; height: 20px; position: absolute; top: 55px;}
.timeline .n1 {animation-delay: 0.4s;}
.timeline .n2 {animation-delay: 1s;}
.timeline .n3 {animation-delay: 1.6s;}
.timeline .n4 {animation-delay: 2.2s;}
.timeline .n5 {animation-delay: 2.8s;}
.timeline .n6 {animation-delay: 3.4s;}
.flipInX {animation-delay: .3s; animation-duration:1s;}

.carousel-indicators li.active { background-color: #457bbf; }

.carousel-indicators li{ background-color: #bed4ef; }
.carousel-indicators { bottom:-30px;  }
.container.lg { max-width: 1400px; }

.fadeIn.n1, .fadeIn.n2, .fadeIn.n3 { animation-duration:1.2s;} 


.header-inner.fixed-top { border-bottom: 1px solid #5e88bd; }
.header-inner.fixed-top { background-color: white;}

a.research.btn { color: white; }
.md-nav .navbar-nav .active>.nav-link, .md-nav .navbar-nav .nav-item > .nav-link {
    color: white; font-size: .9em; padding-right: .9rem;
    padding-left: .9rem;}

   .md-nav .navbar-nav .nav-item > .nav-link.active { background-color: white; border-radius: 5px; color: #5e88bd;}
/*#section1 { margin-bottom: 120px; }*/
#section2, #section3, #section4, #section5, #section6 {}
/*Banner Animation*/
.bg-image  p {color: #4a677d; margin-bottom:40px;} 


.girl {position: absolute; top:180px; z-index:500;animation-duration: .7s;animation-delay: 0.6s; max-width: 500px;}
.girl0 {position: absolute; top:80px; z-index:500;animation-duration: .7s;animation-delay: 0.6s; max-width: 500px;}


.grass {position: absolute; top:290px; z-index:400;}
.butterfly2 {position: absolute; top:100px; left:40%; z-index:500;animation-duration: 3s;animation-delay: 0.6s;}
.kids1 {width:46%; padding-top:80px; animation-duration: 2s;animation-delay: 0.3s;}
.kids2 {width:53%; padding-top:90px; animation-duration: 2s;}
.btn.btn-rounded {border-radius: 20px;}
.infinite {animation-iteration-count: infinite; animation-duration: 3s;}
.home .jumbotron h1 { animation-delay: .8s; }
.home .jumbotron h2 { animation-delay: 1.9s; }
.home .jumbotron p { animation-delay: 2s; }
/*end animation*/

.bec-blue { color: #00539b; }
.bec-blue .fa.fa-phone { font-size: 1.4em; }
.bec-blue.phone { font-size: 1em; }

.btn-success {
    color: #fff;
    background-color: #46c37b;}

.img-avatar.img-avatar96 {
    width: 96px;
    height: 96px;}

.img-avatar-thumb {
    box-shadow: 0 0 0 5px rgb(239, 239, 239) !important;}

.push-10-t {
    margin-top: 10px !important;
}
.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.qt > div{
    padding: 10px 20px;
    line-height: 1.6em;
    margin: 0 0 20px;
    font-size: 17.5px;
    font-weight: 200;
        color: black;

}

  .register { text-align: center; border: 4px #1dafec solid; padding:20px;}
.blue-section {background-color: #1dafec; padding: 40px; color: white;}
.blue-section h4{background-color: #1dafec; padding: 10px; color: white;}

.qt div ul li{
padding-bottom: 20px;
}

/*.btn.banner.btn-primary { background-color: #5d88be; color: white; }
*/.header-4 { height:60px; } 
.img-avatar {
    display: inline-block !important;
    width: 64px;
    height: 64px;
    border-radius: 50%;}
    .jumbotron-heading {
    font-family: 'Oswald', serif; color: white; margin-top:34%; text-shadow:1px 2px 2px black; font-size:4em;}
        .jumbotron-heading2 {
    font-family: 'Oswald', serif; color: white; margin-top:14%; text-shadow:1px 2px 2px black; font-size:4em;}

    .review-btn {
    float: right;
}
.home .header-inner.fixed-top { border:none; }

.btn-primary {
    background-color: #1db1eb;
    color: white;
    font-weight:500;
    font-size:1.2em;
    padding: 10px;
    border: none;
    border-radius:40px;
    }
    .jumbotron h1 span{ font-weight: 300; }

/*.jumbotron h1 { font-size: 2.8em;  color: #de5040; margin-top: 0px;}
*/.jumbotron h2 { font-family: 'Merriweather'; font-weight: 300; color: #de5040; font-size:22px;}

.md-nav.animated.fadeInDown.fixed-top { z-index: 900; padding-top:106px;}

.bg-img {
        background-image: url(../images/colorado-1.jpg);
    background-color: #007285;
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;}
    .content-light-bg {
    background: rgba(28, 34, 86, 0.5);}

    .btn-danger {
    background-color: #ed433d;}

.review-btn { margin: 40px 0 20px; }

.card-body h3{ font-family: 'Merriweather'; font-weight: 400; color: #00539b;}
.card-body h3 small{ font-family: 'Merriweather'; font-weight: 400; color: #00539b; font-size:.7em; color: #ef4135;}

.card-footer {background-color: #2571be; text-align: center; }
.card-footer a{ color:white;}

.card-img-top { padding: 20px 10px; }

h5.modal-title {font-family: 'Merriweather'; font-weight: 400; color: #00539b;}
.card.none { visibility: hidden; } 
.jumbotron p { font-size: 1.2em; }
.co-icon { max-width:60px;}
.mss { font-weight:900; font-size:12px; color: #009b7f }
.header-logo { max-width:240px; }
/*footer*/
.sub.nav-item { color: blue; }
body { overflow-x: hidden;}
 #fixed_footer {
    background-color: #093661;
    width: 100%;
    position: fixed;
    z-index:4;
    bottom: 0;
    color: white;
    padding-top: 5px;
  }

  .list-group-item { font-family: Georgia, serif; font-style: italic; font-size: 1.2em; padding: 20px 0; color: #2e4a63 ;
    border-left: 2em solid #4d91b3; }
.qt div span{font-family: "Oswald";  font-size: .8em; color: #3d748f; font-weight: 400; font-style: normal;}


.list-group-item { background: url(/images/bg-icon.png);   background-repeat: no-repeat;
  background-size: 100px;  min-height:180px;}

  .rep.header-btn-resp { float: right;}
  a.rep.header-btn-resp{ color: white;}
  a.rep.header-btn-resp:hover{ color: white;}
.logo-resp { padding:10px 0 10px 0; background-color: transparent; }
.logo-resp2 { padding:20px 0 20px 0; background-color: transparent; }

.logo-resp img{ max-width:120px; }
.logo-resp2 img{ max-width:600px; }

  /*Footer*/
}
footer {background-color:rgba(0, 80, 152, 1);height: 250px; z-index: 99999;}
footer div:last-child {color: white;}
.footer-child { background-color:rgba(0, 80, 152, 1); padding: 40px 0 140px;}
.footer-child a { color: white; font-size: .9em;}
footer .logo{color:white; font-family: 'Open Sans Condensed', sans-serif; font-weight:600; font-size:0.8em; letter-spacing: 8px; text-transform: uppercase;}
footer a:hover{color:#a0d3fe;}
footer img{width:80px;margin-top:-40px; padding:0 10px;}
/*animation timing*/
@media only screen and (max-width: 820px) {
footer { height: auto;}
footer img { width:70px; }
footer .logo {font-size: 0.6em;letter-spacing: 3px;}
.footer-child { display: none;}
}
footer i.fa { padding: 10px; }
.footer-mobile { display: none; }

 .blue-col { border: solid 3px #1db1eb; padding: 20px; box-shadow: 20px gray;} 

 .blue-col h4{ color: #1db1eb;} 
 .blue-col p{ color: white; background-color:gray; padding:3px; } 

@media only screen and (max-width: 566px) {.footer-mobile { display: inline; font-size: 11px; letter-spacing:2px;} footer .logo{ display: none; } .disp1 { display: none;}.circle-holder{width: 16em; height: 16em;}.slider .circle {width: 16em; height: 16em; margin-top: 66px;}.circle-holder h2{ font-size:1.2em; padding-top:80px;} }
  /*end Footer*/

  @media (min-width: 576px) {
.home .jumbotron {
    padding: 6rem 0rem 0rem 0rem;}
}
.resp-header { padding-bottom:0px; } 
.anim { display: inline; }
/*banner animation res*/
 @media (max-width: 1200px) {
  .girl { top:240px; }
  .girl0 { top:240px; }

/*.home .jumbotron h1 {font-size: 25px;}
*/.home .jumbotron h2 { font-size:20px; }
.home .jumbotron p { font-size:14px; }
.grass {top:244px;}
}
 @media (max-width: 992px) {
  .girl { display: none; }
  .girl0 { display: none; }

.kids1 {width:44%; margin-top:40px;}
.kids2 {width:52%;margin-top:50px;}
}
 @media (max-width: 990px) {
    .grass {top:300px;}
.kids1 {width:44%; margin-top:-20px;}
.kids2 {width:52%;margin-top:-20px;}
}
 @media (max-width: 768px) {
    .butterfly2 {position: absolute; top:-100px; left:40%; z-index:500;animation-duration: 3s;animation-delay: 0.6s;}
        .grass {top:-20px;}
.anim { display: none; }
.resp-header { padding-bottom:20px; } 
.logo-resp { padding: 0; margin: 0; }
 .logo-resp img{  display: block;
  margin-left: auto;
  margin-right: auto;}
  .co-icon {width:40px;}
  .mss { font-size:10px; }

}
/**/
.rep.btn-primary { background-color: #5e88bd; border:none; }
@media (min-width: 992px){
.navbar-expand-lg  {padding-top: 30px; float: right;}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
}
}

.footer .col-sm-12.col-lg-8.padding-left-md { line-height:25px; }


.reps-header {background-color: #f5f5f6; margin-bottom:60px;}
/*reps*/
.reps-section .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 48%;
    max-width: 50%;
    margin-right: 2%;}
.rep-col { padding-top: 10px; border: solid 1px gray; border-radius: 10px; margin-top:20px;}
.rep-col .reps div { padding-right: 20px; }
.rep-col .text-primary {
    color: #007cc3!important;
   } 
.rep-col a{
    color: gray;
   } 


.alamaba .search-tag { background-color:#ce398d; }
.alaska .search-tag { background-color:#57a6c4 ; }
.arizona .search-tag { background-color:#9b5ed4 ; }
.arkansas .search-tag { background-color:#470d5d ; }
.california .search-tag { background-color: #b69f69; }
.colorado .search-tag { background-color:#5e2132 ; }
.connecticut .search-tag { background-color: #fab947; }
.delaware .search-tag { background-color:#52a1e7 ; }
.florida .search-tag { background-color:#904a8e ; }
.georgia .search-tag { background-color:#3134cb ; }
.hawaii .search-tag { background-color: #b44151; }
.idaho .search-tag { background-color:#5aa704 ; }
.illinois .search-tag { background-color: #415ccd; }
.indiana .search-tag { background-color:#a220c5 ; }
.iowa .search-tag { background-color: #bfbe83; }
.kansas .search-tag { background-color: #31414b; }
.kentucky .search-tag { background-color: #f21d55; }
.louisiana .search-tag { background-color:#58a4dd ; }
.maine .search-tag { background-color: #8ece71; }
.maryland .search-tag { background-color: #9388c5; }
.massachusetts .search-tag { background-color: #9a0252; }
.michigan .search-tag { background-color:#cb3b19 ; }
.minnesota .search-tag { background-color: #5ab661; }
.mississippi .search-tag { background-color: #658f7f; }
.missouri .search-tag { background-color:#28a1ac ; }
.montana .search-tag { background-color:#3b79b7; }
.nebraska .search-tag { background-color:#8dbb8b ; }
.nevada .search-tag { background-color: #f48b7d; }



.new-hampshire .search-tag  { background-color:#425084; }
.new-jersey .search-tag  { background-color:#f39744; }
.new-mexico .search-tag  { background-color:#e401d4; }
.new-york-city .search-tag  { background-color:#4ba21e; }
.new-york .search-tag  { background-color:#517ab7; }
.north-carolina  .search-tag{ background-color:#949d8c; }
.north-dekota .search-tag  { background-color:#048083; }
.ohio .search-tag  { background-color:#e259cb; }
.oklahoma .search-tag  { background-color:#b00b66; }
.oregon .search-tag  { background-color:#c701ed; }
.pennsylvania .search-tag  { background-color:#7e986c; }
.rhode-island .search-tag  { background-color:#120054; }


.south-carolina .search-tag  { background-color:#141402; }
.south-dekota .search-tag  { background-color:#f81149; }
.tennessee .search-tag  { background-color:#175b82; }
.texas .search-tag  { background-color:#e0d228; }
.utah .search-tag  { background-color:#8dd508; }
.vermont .search-tag  { background-color:#2f2c36; }
.virginia .search-tag  { background-color:#e392df; }
.washington .search-tag  { background-color:#ec72d8; }
.washington-dc .search-tag  { background-color:#7bd45b; }
.west-virginia .search-tag  { background-color:#86b443; }
.wisconsin .search-tag  { background-color:#677bc8; }
.wyoming .search-tag  { background-color:#d0ab07; }

.mobile { display: none; }

.standards { position: relative; }
.standards .label { position: absolute;}
.standards .web-page { max-width: 60em; z-index: 1; float: right;}

.label.a {top: 28em; left: -7em; max-height: 120px;     animation-delay: .8s; z-index: 2}
.label.b{ top: 4em;   left: -10em; max-height: 100px;   animation-delay: .2s; z-index: 3}
.label.c{ top: 30em; left: 30em; max-height: 180px;     animation-delay:1s; z-index: 4}
.label.d{ top: 18em;  left: -8em; max-height: 120px;    animation-delay:.6s; z-index: 5}
.label.e{ top: 12.5em; left: -7em; max-height: 100px;   animation-delay: .4s; z-index: 6}

.mob-timeline { display: none; }
.purchase-buttom { border-radius: 3px; width:60%; padding:16px;}

.search-tag {/*background-color: #ec423c;*/ display: block; color: white; padding:5px 20px 5px 20px; border-radius:5px; height:30px; position: absolute; top: -10px; font-family: "Oswald"; font-weight: 300;}
.rep-col .btn-success.push-5.font-s12 { font-size:14px; margin-bottom:10px; font-family: "Oswald"; font-weight: 500}
.img-avatar-thumb {box-shadow: 0 0 0 5px rgb(239, 239, 239) !important;}
/*.new-york,.alamaba,.alaska,.arizona,.arkansas,.california,.colorado,.connecticut,.delaware,.florida,.georgia,.hawaii,.idaho,.illinois,.indiana,.iowa,.kansas,.kentucky,.louisiana,.maine,.maryland,.massachusetts,.michigan,.minnesota,.mississippi,.missouri,.montana,.nebraska,.nevada,.new-hampshire,.new-jersey,.new-mexico,.new-york-city,.new-york,.north-carolina,.north-dekota,.ohio,.oklahoma,.oregon,.pennsylvania,.rhode-island,.south-carolina,.south-dekota,.tennessee,.texas,.utah,.vermont,.virginia,.washington,.washington-dc,.west-virginia,.wisconsin,.wyoming{display:none}
.contactpage ul {list-style-type: none;}*/
.reps-nav { background-color:white !important;}
.reps-nav .navbar-toggle { background-color:#00388d;}
@media (max-width: 1330px){
.reps div {max-width:100%}
.rep-margin {margin-bottom: -10px;}
}


 @media (max-width: 992px) {
    .grass {top:254px;}

.kids1 {width:44%; margin-top:40px;}
.kids2 {width:52%;margin-top:50px;}
}
 @media (max-width: 990px) {
    .grass {top:300px;}
.kids1 {width:44%; margin-top:-20px;}
.kids2 {width:52%;margin-top:-20px;}
.jumbotron h1 { font-size: 2.8em;   margin-top: 170px;}
.container.navbar-expand-md.navbar-light { display: none; }
}
 @media (max-width: 768px) {
    .butterfly2 {position: absolute; top:-100px; left:40%; z-index:500;animation-duration: 3s;animation-delay: 0.6s;}
        .grass {top:-20px;}
.anim { display: none; }
.resp-header { padding-bottom:20px; } 
.logo-resp { padding: 0; margin: 0;}
 .logo-resp img{  display: block;
  margin-left: auto;
  margin-right: auto;}
  .co-icon {width:40px;}
  .mss { font-size:10px; }
  .jumbotron h1 { font-size: 2.8em; margin-top: 270px;}


}

@media (min-width: 992px) {
.modal-lg {
    max-width: 1200px;
}
}
/**/
.mob-standards { display: none; }
 @media (max-width: 1565px) {
}
.standards .web-page { max-width: 55em; z-index: 1; float: right;}

.label.a {top: 26em; left: -3em; max-height: 120px;          animation-delay: .8s; z-index: 2}
.label.b{ top: 3em;   left: -5em; max-height: 100px;         animation-delay: .2s; z-index: 3}
.label.c{ top: 30em; left: 37em; max-height: 180px;          animation-delay:1s; z-index: 4}
.label.d{ top: 18em;      left: -0.6em;; max-height: 120px;  animation-delay:.6s; z-index: 5}
.label.e{ top: 11em; left: -1em; max-height: 100px;          animation-delay: .4s; z-index: 6}


}

 @media (max-width: 1390px) {
.standards .web-page { max-width: 50em; z-index: 1; float: right;}
.label.a {top: 24em; left: 5em; max-height: 120px;       animation-delay: .8s; z-index: 2}
.label.b{ top: 2.6em;   left: -1em; max-height: 100px;   animation-delay: .2s; z-index: 3}
.label.c{ top: 25em; left: 38em; max-height: 180px;      animation-delay:1s; z-index: 4}
.label.d{ top: 18em;      left: 5em;; max-height: 120px; animation-delay:.6s; z-index: 5}
.label.e{ top: 10.2em; left: 5em; max-height: 100px;     animation-delay: .4s; z-index: 6}
}

@media (max-width: 1268px) {
.standards .web-page { max-width: 45em; z-index: 1; float: right;}
.label.a {top: 22em; left: 9em; max-height: 120px;         animation-delay: .8s; z-index: 2}
.label.b{ top: 2em;   left: 4em; max-height: 100px;        animation-delay: .2s; z-index: 3}
.label.c{ top: 22em; left: 38.3em; max-height: 180px;      animation-delay:1s; z-index: 4}
.label.d{ top: 16em;      left: 9.5em;; max-height: 120px; animation-delay:.6s; z-index: 5}
.label.e{ top: 9.2em; left: 9em; max-height: 100px;        animation-delay: .4s; z-index: 6}
}

 @media (max-width: 1199px) {
.standards .web-page { max-width: 40em; z-index: 1; float: right;}

.label.a {top: 20em; left: 6em; max-height: 100px;       animation-delay: .8s; z-index: 2}
.label.b{ top: 2em;   left: 2em; max-height: 80px;       animation-delay: .2s; z-index: 3}
.label.c{ top: 19em; left: 30em; max-height: 160px;      animation-delay:1s; z-index: 4}
.label.d{ top: 14em;      left: 6em;; max-height: 100px; animation-delay:.6s; z-index: 5}
.label.e{ top: 8em; left: 6em; max-height: 80px;         animation-delay: .4s; z-index: 6}
.timeline h1 { font-size:2em; }
.timeline h4 { font-size:1.5em; }
.timeline .dv { top: 27px; }
.timeline p { padding:5px; font-size:.8em; }


}


 @media (max-width: 990px) {
  .center-r { text-align: center;  }
  }

.standards  { display: none; }
.mob-standards { display: inline; }

}

 @media (max-width: 767px) {
.desktop-timeline { display: none; }
.timeline h1 { font-size:1.4em; line-height:1.4;}
.timeline p { padding:20px; font-size: 1.4em; }
.timeline .time { border: none;  }
.mob-timeline { display: inline;}
.timeline h4 { font-size:2em; border-bottom: solid 1px ;}
.mobile { display: inline; }
}


 @media (max-width: 500px) {
.img-fluid.animated.pulse.infinite { display: none; }
.grass { display: none; }
}