body
{
  padding-top:50px;
}

.jumbotron
{
  min-height:800px;
}  

.jumbotron h1, .jumbotron h2
{
  color:#ffffff;
}

.jumbotron h1
{
  font-size:30px;
}

.jumbotron h2
{
  font-size:26px;
}

h2.welcome
{
  margin-top:50px;
}

.breadcrumb
{
  padding-top:20px;
  padding-left:0px;
  background-color: #ffffff;
}

xth.dv
{
  padding:4px;
  vertical-align:top;
}

xtd.dv
{
  padding:4px;
  vertical-align:top;
}

tr.dv0 td
{
}

tr.dv1 td
{
  background-color:#d0d0d0; 
}
  

th.dvnumber
{
  vertical-align:top; width:120px; 
}

th.dvtitle
{
  vertical-align:top;
  min-width:200px;
  max-width:600px;
}

th.dvyear
{
  vertical-align:top; width:40px; 
}

th.dvclassification
{
  vertical-align:top; width:45px; 
}



xtd.dvnumber
{
  vertical-align:top; width:120px; 
}

xtd.dvtitle
{
  vertical-align:top;
  min-width:200px;
  max-width:600px;
}

xtd.dvyear
{
  vertical-align:top; width:40px; 
}

xtd.dvclassification
{
  vertical-align:top; width:45px; 
}

xtable.doc th, td
{
  padding:6px;
  vertical-align:top;
}


th.doc
{
  padding:6px;
  vertical-align:top;
}

td.doc
{
  padding:6px;
   vertical-align:top;
}

@media (min-width:1000px) and (max-width:2000px)
{
  .jumbotron
  {
    min-height:650px;
  }  
  h2.welcome
  {
    margin-top:60px;
  }
}

@media (min-width:700px) and (max-width:1000px)
{
  .jumbotron
  {
    min-height:450px;
  }  
  h2.welcome
  {
    margin-top:40px;
  }
}


@media (min-width:500px) and (max-width:700px)
{
  .jumbotron
  {
    min-height:300px;
  }  
  h2.welcome
  {
    margin-top:20px;
  }
}

@media (min-width:400px) and (max-width:500px)
{
  .jumbotron
  {
    min-height:250px;
  }  

  h2.welcome
  {
    margin-top:20px;
  }
}

@media (min-width:300px) and (max-width:400px)
{
  .jumbotron
  {
    min-height:200px;
    padding:20px;
  }  
  
  .jumbotron h1
  {
    font-size:24px;
  }
  
  .jumbotron h2
  {
    font-size:20px;
  } 

  h2.welcome
  {
    margin-top:10px;
  }
}

@media (max-width:300px)
{
  a.navbar-brand
  {
    font-size:10pt;
  }

  .jumbotron
  {
    min-height:0px;
    padding:20px;
  }  
  
  .jumbotron h1
  {
    font-size:20px;
  }
  
  .jumbotron h2
  {
    font-size:16px;
  } 

  h2.welcome
  {
    margin-top:10px;
  }
}

@media (max-width:500px)
{
  h1
  {
    font-size:30px;
  }
  
  h2
  {
    font-size:24px;
  }
  
  .breadcrumb
  {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style:initial;
    border-radius: 4px;
  }
  
  .breadcrumb > li
  {
    display:list-item;
  }
  
  .breadcrumb > li + li:before
  {
    display:none;
  }
}

