#item-content{
  padding: .3em 1.25em;
  
  display: block;
/*
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-self: flex-start;
*/
  
  font-size:1rem;
  }
  @media (max-width: 991px){
    #item-content{
      font-size:.9rem;
    }
  }
  @media (max-width: 767px){
    #item-content{
      font-size:.8rem;
    }
  }

#item-content h1,
#item-content h2{
  font-size:2em;
  }
  @media (max-width: 767px){
    #item-content h1,
    #item-content h2{
      font-size:1.5em;
    }
  }

#item-content #item-title p{
  font-family: 'Montserrat', sans-serif;  
  font-weight: 500;
  margin-bottom:5px;
  font-size: 1.3em;
  }

#item-content p,
#item-content a{
  font-family: 'Raleway', Arial, sans-serif;
  text-transform: none;
  font-weight: 500;
  font-size: 1em;
  letter-spacing: 1px;
  }
  @media (min-width: 768px){
    #item-content p,
    #item-content a{
      font-size: 1.2em;
    }
  }

#item-content p{
  color: rgba(255,255,255,0.9);
}

#item-content .col-video a{
  font-size:1.2em;
  margin-bottom: 1em;
  }
  @media (max-width: 767px){
    #item-content .col-video a{
      font-size: 1em;
    }
  }

#item-content .col-video a:hover{
    color:#F05F40;
}

#item-content .sentence{
  display: flex;
  flex-direction: row;
  margin-bottom: 1em;
}

#item-content .sentence p{
  font-size: 1em;
  margin:0px;
  max-width: 95%;
  
  -webkit-transition: 0.35s, -webkit-transform 0.5s;
  transition: 0.35s, transform 0.5s;
  }
  #item-content .sentence p:hover{
    padding-left:.6em;
    padding-right:.3em;
    background-color: rgba(0,0,0,0.4);
}


#item-content .important.sentence,
#item-content .important.sentence p{
   color:#F0AD4F;
}


/* Zoom Styles below */
.zoom-container { 
  display: block;
}

.zoom-container img{
  max-width:100%;
  display:inline-block;
}

.zoom-figure{
  display: flex;
  flex-direction: row;
}

#zoom-thumbs {
  display:flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  }
  @media (min-width: 768px){
    #zoom-thumbs{
       width:324px;
    }
  }
  @media (min-width: 1200px){
    #zoom-thumbs{
      width:375px;
    }
  }

#zoom-img { 
  -webkit-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.5);
  -moz-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.5);
  box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.5);
  display: block;
  margin:auto;
  }
  @media (min-width: 768px){
    #zoom-img{
/*      width:324px;*/
      height:216px;
      margin-right: .5em;
    }
  }
  @media (min-width: 1200px){
    #zoom-img{
/*      width:375px;*/
      height:250px;
      margin-right: .5em;
    }
  }

#col-zoom-window {
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border:1px;
  border-color: rgba(0,0,0,0.5);
  border-style: dotted;
  position: inherit;
  }
  @media (min-width: 768px){
    #col-zoom-window{
      width:270px;
      height:216px;
    }
  }
  @media (min-width: 1200px){
    #col-zoom-window{
      width:326px;
      height:250px;
    }
  } 

#zoom-thumbs img{
  margin:0px 2px;
  width:80px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  }
  #zoom-thumbs .active img{
    -webkit-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1);
    -moz-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1);
    box-shadow: 0px 0px 3px 0px rgba(74,169,210,1); 
    border: 1px solid #4aaad2;
  }
  @media (min-width: 768px){
    #zoom-thumbs img{
      width:70px;
    }
  }
  @media (min-width: 1200px){
    #zoom-thumbs img{
      width:80px;
    }
  }

#item-content .zoom-figure .p-desc{
  padding: .6em;
  margin-bottom: .5em;
  margin-left: auto;
  margin-right: auto;
  color:#fff;
  font-size:.9em;
  background: rgba(0,0,0,0.1);
  }
  @media (min-width: 567px){
    #item-content .zoom-figure .p-desc{
      width:375px;
    }
  }
  @media (min-width: 768px){
    #item-content .zoom-figure .p-desc{
      margin-left: 0;
      margin-right: 0;
      width:324px;
    }
  }
  @media (min-width: 1200px){
    #item-content .zoom-figure .p-desc{
      margin-left: 0;
      margin-right: 0;
      width:375px
    }
  }