.normText
{
    font-size:1vw;
    color: black;
    font-weight: normal;
}
.normTextHighLight
{
    font-size:1vw;
    color: black;
    font-weight: bold;
}

.iframe-container {
  overflow: hidden;
  /* 16:9 aspect ratio */
  padding-top: 56.25%;
  position: relative;

}
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

.vidResp {
    max-width: 100%;
    height: auto;

}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 349;
}

.normHeader
{
    font-size:3.5vw;
    color: black;
    font-weight: bold;
}

@media screen and (min-width: 961px) {
    .normHeader {
        font-size: 2vw;
    }
}

@media screen and (max-width: 960px) {
    .normHeader {
        font-size: 5vw;
    }
}

.sideBarTitleBlack
{
    font-size:1.5vw;
    color: black;
    font-weight: bold;

}

.sideBarTitleRedx
{
    font-size:1.5vw;
    color: red;
    font-weight: bold;

}

.sideBarTitleRedv
{
    font-size:1.2vw;
    color: red;
    font-weight: bold;

}

.sideBarTitleBlue
{
    font-size:1.5vw;
    color: blue;
    font-weight: bold;

}

@media screen and (min-width: 961px) {
    .sideBarTitleRed {
        font-size: 2vw;
    }
}

@media screen and (max-width: 960px) {
    .sideBarTitleRed {
        font-size: 4vw;
    }
}

.imgResp
{
        max-width: 100%;
        height: auto;
        border: none;
}

.container {
    display: flex;
}

.columnGutter {
    flex: 5%;
}

.columnLeft {
    flex: 20%;
    background-color: #F0F0F0
}

.columnMiddle {
    flex: 70%;
    background-color: #E9E9E9
}
.columnNest {
    flex: 33%;
    background-color: #FAFAFA
}

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

.top-container {
    background-color: #f1f1f1;
    padding: 30px;
    text-align: center;
}

.header {
    padding: 10px 16px;
    background: #555;
    color: #f1f1f1;
}

.content {
    padding: 16px;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

.sticky + .content {
    padding-top: 102px;
}

hr.dashBlack {
    border-top: 2px dashed black;
}

hr.dashRed {
    border-top: 2px dashed red;
}

hr.dashWhite {
    border-top: 2px dashed white;
}

hr.dashGrey {
    border-top: 2px dashed DarkGray;
}

hr.dashBlue {
    border-top: 2px dashed blue;
}

hr.doubleBlack {
    border-top: 2px double black;
}

hr.doubleRed {
    border-top: 1px double red;
}

p.double {border-style: double; color: black;}

p.doubleBlack {
    border-style: double; color: black;
}

p.doubleRed {
    border-style: double; color: #550000;
}

p.doubleBlue {
    border-style: double; color: #000055;
}


.badgeRed {
  background-color: red;
  color: #FFF;
  font-weight: bold;
  border-radius: 10%;
  padding: 5px 5px;
  text-align: center;
  margin-left: 10px;
}

.badgeYellow {
  background-color: yellow;
  color: #000;
  font-weight: bold;
  border-radius: 10%;
  padding: 0px 5px;
  text-align: center;
  margin-left: 2px;
}

.badgeBlue {
  background-color: #000044;
  color: #FFF;
  font-weight: bold;
  border-radius: 10%;
  padding: 0px 5px;
  text-align: center;
  margin-left: 2px;
}


hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}

hr.doubleBlue {
	border-top: 4px dashed #0000FF;
	text-align: center;
}

hr.dashOx {
    border-top: 2px dashed blue;
}

.container {
    display: flex;
    justify-content: center;
}

iframe {
    aspect-ratio: 16 / 9;
    width: 100% !important;
}

.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.share-btn {
  display: inline-block;
  color: #ffffff;
  border: none;
  padding: 0.1em 0.6em;
  outline: none;
  text-align: center;
  font-size: 0.9em;
  margin: 0 0.2em;
}

.share-btn:focus,
.share-btn:hover {
  text-decoration: none;
  opacity: 0.8;
}

.share-btn:active {
  color: #e2e2e2;
}

.share-btn.twitter     { background: #55acee; }
.share-btn.google-plus { background: #dd4b39; }
.share-btn.facebook    { background: #3B5998; }
.share-btn.stumbleupon { background: #EB4823; }
.share-btn.reddit      { background: #ff5700; }
.share-btn.hackernews  { background: #ff6600; }
.share-btn.linkedin    { background: #4875B4; }
.share-btn.email       { background: #444444; }