@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,latin-ext);

html
{
  font-size: 18px;
  background-image: url('../images/lhl-technical-services-03.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  background-position: center center;
}

body
{
  margin: 0px;
}

*
{
  font-family: 'Open Sans', Arial;
  color: #ffffff;
  box-sizing: border-box;
}

h1, h2
{
  font-weight: bold;
}

.logo
{
  height: 100px;
  width: auto;
}

h1
{
  font-size: 2.0rem;
  margin-top: 20px;
}

h2,
.high
{
  font-size: 1.25rem;
  font-weight: bold;
}

h1:after
{
  content: " ";
  border: 2px white solid;
  margin-top: 30px;
  display: block;
  width: 200px;
}

p
{
  font-size: 1.2rem;
  font-weight: bold;
}


div.texty
{
  background: rgba( 0, 0, 0, 0.3);
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  bottom: 0px;
  top: 0px;
  left: 0px;
  width: 100% !important;
}


@media (min-width: 1000px)
{
  div.texty
  {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 100px;
    padding-right: 100px;
    width: 50%;
  }
  
  h1
  {
    font-size: 2.5rem;
  }
  
  h2, .high
  {
    font-size: 1.5rem;
  }
}

@media (min-width: 1600px)
{
  div.texty
  {
    width: 33%;
  }
}