.Content h2
   {
      margin-bottom: 20px;
   }

.cbreplay
{
   min-width: 200px;
   max-height: 900px;
   height: 70vw;
}

.diagText
{
   font-family: serif;
   margin-bottom: 25px;
}

ul
{
   font-size: small;
}

li
{
   margin-bottom: 2px;
}

iframe
{
   text-align: center;
   max-width:100%;
}

textarea
{
   margin-top: 14px;
   max-width: 700px;
   width: 700px;
   margin-left: auto;
   margin-right: auto;
   display: block;
}

.trainingHeaderBG
{
   margin-top: 30px;
   background-image: linear-gradient( to right, rgb( 57, 85, 62 ), rgb( 140, 182, 140 ) );
}

.trainingLogo
{
   background-image: url('../images/HowTo/training.jpg');
   background-position: center center;
   background-repeat: no-repeat;
   height: 156px;
}

.boardIFrame
{
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   margin-top: 20px;
   margin-bottom: 20px;
   width: 90%;
}

.appIFrame
{
   width:100%;
   height:60vh;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   margin-top: 20px;
   margin-bottom: 20px;
}   

.toolsTable
{
   margin-top: 30px;
   border:2px solid hsla( 0, 0%, 0%, 0.2 )
}

td
{
   vertical-align: top;
   padding: 5px;
}

.toolsTable td:nth-child(1)
{
   width: 15%;
   max-height: 350px;
   font-weight: bold;
}

.toolsTable td:nth-child(2)
{
   width: 60%;
   max-width: 700px;
}

.toolsTable td:nth-child(3)
{
   width: 20%;
   max-width: 300px;
}

.introduction
{
   margin-bottom: 20px;
}

.embedMore
{
   margin-top: 30px;
   margin-bottom: 30px;
   font-family: Roboto Condensed;
}

.logoOnTools
{
   float: right;
   margin-left:40px;
   margin-top: 20px;
   margin-bottom: 30px;
   height: 32px;
}