* {
        box-sizing: border-box;
      }

      /* Create three unequal columns that floats next to each other */
      .column {
        float: left;
        padding: 10px;
        /*  height: 300px;*/ /* Should be removed. Only for demonstration */
        /*  height:100%; */
      }

      .left, .right {
        width: 25%;
      }

      .middle {
        width: 50%;
        text-align:center;
        padding:0px;
      }

      /* Clear floats after the columns */
      .row:after {
        content: "";
        display: table;
        clear: both;
      }

      .dropbtnleft {
        /*    background-color: #4CAF50;*/
        background-color: #000000;
        color: white;
        padding: 16px;
        font-size: 16px;
        border: none;
        cursor: pointer;
      }

      .dropbtnright {
        /*    background-color: #4CAF50;*/
        background-color: #000000;
        color: white;
        padding: 16px;
        font-size: 16px;
        border: none;
        cursor: pointer;
      }

      .dropdownleft {
        position: relative;
        display: inline-block;
       }

      .dropdownright {
        position: relative;
        display: inline-block;
      }

      .dropdown-contentleft {
        display: none;
        position: absolute;
        right: 0;
        /*    background-color: #f9f9f9;*/
        background-color: #000000;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        /* 'Height' and 'overflow' lines as temporary, part-solution re desire for the drop-down list to be dropped-down
        such that it automatically ends visually at bottom of page, with a scroll bar shown if that does not visually
        accommodate the entire drop-down. Unfotunately, on Android, at least using Google Chrome browser, scroll bar
        does not show, so there's no idication to the user that there are more list items in the drop-down, if there, indeed, are: */
        /* max-height: 500px;
        overflow: auto; */
      }

      .dropdown-contentright {
        display: none;
        position: absolute;
        right: 0;
        /*    background-color: #f9f9f9;*/
        background-color: #000000;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        /* 'Height' and 'overflow' lines as temporary, part-solution re desire for the drop-down list to be dropped-down
        such that it automatically ends visually at bottom of page, with a scroll bar shown if that does not visually
        accommodate the entire drop-down. Unfotunately, on Android, at least using Google Chrome browser, scroll bar
        does not show, so there's no idication to the user that there are more list items in the drop-down, if there, indeed, are: */
        /* max-height: 500px;
        overflow: auto; */
      }
      .dropdown-contentleft a {
        /*color: black;*/
        color: white;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
      }
      .dropdown-contentright a {
        /*color: black;*/
        color: white;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
      }
      /*.dropdown-contentleft a:hover {background-color: #f1f1f1}*/
      .dropdown-contentleft a:hover {background-color: #ffffff; color: #000000;}
      /*.dropdown-contentright a:hover {background-color: #f1f1f1}*/
      .dropdown-contentright a:hover {background-color: #ffffff; color: #000000;}

      .dropdownleft:hover .dropdown-contentleft {
        display: block; color: white;
      }
      .dropdownright:hover .dropdown-contentright {
        display: block; color: white;
      }

      .dropdownleft:hover .dropbtnleft {
        /*background-color: #3e8e41;*/
        background-color: #ffffff; color: black;
      }
      .dropdownright:hover .dropbtnright {
        /*background-color: #3e8e41;*/
        background-color: #ffffff; color: black;
      }
      body {background-color: #ffffff; color: #000000; font-family: arial;}
      /*h1 {font-size: 100%; color: #000000;}*/
      .content {margin-left:10px; margin-right:10px; text-align:left;}
      /*.center {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
      }*/

.nosectioncontent {
        background-color: #646464;
}

/* To display 16:9 aspect ratio images and video: */
.image---video-container {
    padding-top: 56.25%;
    height: 0px;
    position: relative;
}

.image---video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (min-width: 900px) {
    .desktop-image---video-container {
            display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
     }
}

.code-container {
    padding-top: 56.25%;
    height: 0px;
    position: relative;
}

.code {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (min-width: 900px) {
    .desktop-code-container {
            display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
     }
}

/* To display 4:3 aspect ratio images and video: */
.image---video-container---4x3 {
    padding-top: 75%;
    height: 0px;
    position: relative;
}

.image---video---4x3 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (min-width: 900px) {
    .desktop-image---video-container---4x3 {
            display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
     }
}

.code-container---4x3 {
    padding-top: 75%;
    height: 0px;
    position: relative;
}

.code---4x3 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (min-width: 900px) {
    .desktop-code-container---4x3 {
            display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
     }
}

/* To display 1:1 aspect ratio, 237px x 237px images and video: */
.image---video---1x1---237x237 {
    width: 237px;
    height: 237px;
}