body{
    background:white url("../images/bg.png") 50% 0% no-repeat;	
}

.topbar, .left{
  display: flex;
}

.left{
      background-color: #2d2d2d;
          padding: 0 15px 0 30px;


}

.textHeader{
  padding-bottom:10px;
}

.right{
      position: relative;
    top: 50%;
    background-color: #2d2d2d;
    /* transform: translateY(-50%); */
    min-height: 100px;
}
@media only screen and (max-width: 600px) {
  .right{
      position: initial;
    top: initial;
    background-color: #2d2d2d;
    /* transform: translateY(-50%); */
    min-height: initial;
}
}
.logoclass{
  display: block;
  padding-right: 30px;
    margin: auto 0;
    border-right: 2px solid #ffffff;
}

.subheadDesc{
    color: gray;
    font-size: 18px;
    font-family: Georgia;
    fill: gray;
}
.container .progress,.container .progress .bar{
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px
}

.container{
  
    border-color:#ffffff;
    background-color:#ffffff;
}
.container-wrap{
    border-color:transparent;
    background-color:transparent;
    border-style:solid;
    border-width:0;
    position:relative;
    box-shadow: 0 0 0 0;
}

.question{
    margin-bottom:0em;
    margin-top:0em;
    border-top:1px solid #888;
    padding-top:2em
}
.question .tag-header{
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px
}
.question .tag-header h2 abbr.required{
    text-decoration:none;
    border:0;
    margin-right:0.25em
}
.message.message-block.message-error{
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    margin-bottom:2em
}
.message.message-block.message-error li{
    line-height:1.2em
}
.no-touch.generatedcontent .question .tag-header .help .tooltipicon{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    text-shadow:0 1px 0 #fff;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.5)
}
.no-touch.generatedcontent .question .tag-header .help .tooltip:hover:after{
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.5)
}
.buttonbar{
    margin-top:1em;
    margin-bottom:1em;
    text-align:center
}
.matrix ul.head{
    border-bottom:1px solid #cccccc
}
form{
    margin:0
}
span.branding{
    margin-top:0.5em
}
span.branding a{
    color:#444;
    font-size:0.85em
}

.container-wrap, .container, .question {
    margin:0 auto !important;
}

@media only screen and (min-width: 1200px){
  .question,.footersection{
    padding: 0 5%;
  }
  .progress{
    margin: 0 5%;
  }
}
@media only screen and (min-width: 1002px){
  .question,.footersection {
    
    padding: 0 10%;
  }
  .progress{
    margin: 0 10%;
  }
}
@media only screen and (min-width: 768px){
  .question,.footersection{
    padding:0 5%;
  }
    .progress{
    margin: 0 5%;
  }
}

@media only screen and (max-width: 768px){
  .question,.footersection{
    padding:0 5%;
  }
    .progress{
    margin: 0 5%;
  }
}

.footersection{
  background-color:#2d2d2d;
  color:white;
  padding-top: 10px;
  padding-bottom: 10px;
}

.footersection a{
  color:#d9d9d9;
}

.footersection a:hover{
  color:white;
}

.footerlinks{  
  padding-top: 20px;
}

.footertext{
  margin: 0 0 10px;
}
.pwcheader{
  padding: 0 20px;
}
html {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
  height: 100vh; /* Avoid the IE 10-11 `min-height` bug. */
}
.content {
  flex: 1 0 auto; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
}
.footer {
  flex-shrink: 0; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
  padding: 20px;
}