#datasheet-items h3
{
    display:inline;
    font-size:xx-large;
    font-weight: 300;
}

#datasheet-items .container
{
    display:flex;
    justify-content: space-between;
    padding:20px;
    align-items: flex-start;
    flex-wrap:wrap;
}

#datasheet-items summary
{
    margin-top:0px;
    list-style-position: inside;
    margin-bottom: 20px;
}

#datasheet-items summary::marker
{
    font-size:xx-large;
}

#datasheet-items li
{
    background-color:#f4f6fc;
    color:#536dad;
}

#datasheet-items ul, #datasheet-items li
{
    list-style-type:none; 
    padding-left:0px;
    margin-left:0px;
}

#datasheet-items details
{
    margin-top:15px;
    max-width:800px;
}

#datasheet-items h4
{
    font-size:28px;
    margin-bottom:20px;
}

#datasheet-items dl
{
    font-family:'Fira Mono';
}

#datasheet-items dl:last-child 
{
    margin-bottom:20px;
}

#datasheet-items dt
{
    display:inline;
    font-weight:500;
}

#datasheet-items dd
{
    display:inline;
}

@media screen and (max-width: 499px)
{
  #datasheet-items .btn-link-primary
  {
    flex-grow: 1;  
  }
}

@media screen and (max-width: 750px)
{
  #features-item
  {
    width:100%;
  }
}

@media screen and (min-width: 751px)
{
  #features-item
  {
    width:75%;
  }
}

  #datasheet-items .btn-link-primary
  {
    text-align: center;   
  }

#datasheet-items .btn-link-primary a
{
    color:white;
}

#datasheet-items summary:focus, #datasheet-items summary:hover, #features-item summary:focus, #features-item summary:hover
{
    outline:3px solid #ed8221;
}

#benefits-item
{
    display:flex;
    flex-wrap:wrap;
    gap:30px;
    justify-content:center;
}

#benefits-item img
{
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}

#benefits-item h3
{
    color:#536dad;
}

#benefits-item, #benefits-item div
{
    border:0px solid black;
}

#benefits-item div
{
    text-align:center;
    flex-grow:0 0 0 0;
    flex-basis:270px;
    
}

#features-item summary
{
    margin-top:0px;
    margin-bottom:20px;
}

#features-item h2
{
    font-weight:300;
}

#features-item summary::marker
{
    font-size:xx-large;
}

#features-item details
{
    padding-top:20px;
    border-bottom:1px solid #DEDDDA;
    margin-bottom:0px;
}

#features-item h2
{
    display:inline;
    font-size:32px;
}

.padding-bottom80
{
    padding-bottom:80px;
}

h2.datasheet
{
    margin-top:0;
}