body.index{
    height: 100%;
    margin: 0;
    background: #ffffff;
}
.logo img{
    max-height: 200px;
}

.bg {
  background-image: url('.././images/bg.jpg');
  height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* for high resolution display */

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

.bg {
  background-image: url('.././images/bg_ret.jpg');
  height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

}
.container.text{
  background: rgba(0,0,0,0.7);
  border-radius: 10px;
  padding:20px;
    margin-bottom:20px;
}
.content {
  min-height: calc(100vh - 80px);
}
.container{
    padding-bottom: 20px;
}
h1{
    font-size: 2rem;
    color:#ef7f1a;
}
h2{
    font-size: 1.5rem;
}
h3{
    font-size: 1.3rem;
}
a {
    color:#ef7f1a;
}
a:hover{
    color:#ef7f1a;
    text-decoration: underline;
}
.btncontainer{
    margin: 100px 0 20px 0;
}
.btncontainer h1{
    color: color:#ef7f1a;
}

.logobtn{
    max-height:300px;
    padding: 10px;
}
.footer a{
    color:#ffffff;
    cursor: pointer;
}
.footer a:hover{
     text-decoration: underline;
}
.logo{
    padding-top: 20px;
}
.footer{
    background: #f08119;
    color:#ffffff;
    width:100%;
    height:80px;
    padding:30px 0;
}


@media screen and (max-width:1024px) {
  .logo img {
    max-height: 280px;
}
    .logobtn{
    max-height:350px;
    }
    .btncontainer {
    margin: 50px 0 20px 0;
}
}

@media screen and (max-width:800px) {
  .btncontainer {
    margin: 50px 0 20px 0;
    }
    .logobtn{
    max-height:300px;
    }
    .bg {
      background-image: url('.././images/bg_m.jpg');
      height: 100%; 
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
}

@media screen and (max-width:768px) {
  .btncontainer {
    margin: 30px 0 20px 0;
}
    .logobtn{
    max-height:300px;
    }
    .logo img {
    max-height: 200px;
}
h1 { 
  font-size:1.4rem;
}
}

@media screen and (max-width:460px) {
  .btncontainer {
    margin: 20px 0 20px 0;
}
    .logo img {
    max-height: 140px;
}
    .logobtn{
        max-height: 143px;
    }
    h2 {display:none;}
    
}

@media screen and (max-width:360px) {
  .logo img {
    max-height: 140px;
}
    .logobtn{
        max-height: 143px;
    }
   
}

@media screen and (max-width:320px) {
  .logo img {
    max-height: 130px;
}
    .logobtn{
        max-height: 150px;
    }
    
}