/***indexcover***/

.indexcover-bg {
    /*background-image: url('/img/assets/lovag-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;*/
    
    
    background: url(https://maltai.hu/img/assets/lovag-bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}

.indexcover-title {
    padding: 50px 50px 0px 50px;
}

.logo-maltai-i2 {
    float: left;
    margin-right: 20px;
    width: 90px;
}

h1.indexcover-header-title {
    color: #FFF;
    font-size: 30px;
    margin: 0px;
    font-weight: bold;
}

.indexcover-left {
    padding: 50px 10% 50px 50px;
}

.indexcover-right {
    padding: 50px 50px 50px 10%;
}


.direction-box.malta-box {
    background-color: #c1d0e5;
    -webkit-box-shadow: -2px -1px 16px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px -1px 16px 1px rgba(0,0,0,0.75);
    box-shadow: -2px -1px 16px 1px rgba(0,0,0,0.75);
    padding: 20px;
}

.direction-box.lovag-box {
    background-color: #c1d0e500;
    -webkit-box-shadow: -2px -1px 16px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px -1px 16px 1px rgba(0,0,0,0.75);
    box-shadow: -2px -1px 16px 1px rgba(0,0,0,0.75);
    margin-top: 53%;
    padding: 20px;
}

h2.indexcover-text-title {
    margin: 0px;
    color: white;
    font-weight: bold;
    font-size: 26px;
}

img.arrow-img.left {
    position: absolute;
    left: 69%;
    top: 38%;
    width: 60px;
}

img.arrow-img.right {
    position: absolute;
    right: 9%;
    /*top: 76%;*/
    width: 60px;
    margin-top: -71px;
}

.indexcover-footer {
    position: absolute;
    bottom: 0;
    left: 25%;
    right: 25%;
}

h3.indexcover-footer-title {
    font-family: pristina;
    color: #FFF;
}

.indexcover-footer {
    position: absolute;
    bottom: 0;
    left: 0%;
    right: 0%;
    width: auto;
    margin: 0 auto;
}

h3.indexcover-footer-title {
    margin: 0 auto;
    padding: 20px;
    letter-spacing: 6px;
    font-size: 34px;
    text-align: center;
}




/*---------------@media (max-width: 1400px)---------------*/
@media (max-width: 1400px) {

.logo-maltai-i2 {
    float: left;
    margin-right: 20px;
    width: 80px;
}

h1.indexcover-header-title {
    color: #FFF;
    font-size: 24px;
    margin: 0px;
    font-weight: bold;
}

.indexcover-left {
    padding: 20px 10% 50px 50px;
}
  
h2.indexcover-text-title {
    margin: 0px;
    color: white;
    font-weight: bold;
    font-size: 24px;
}

h3.indexcover-footer-title {
    margin: 0 auto;
    padding: 20px;
    letter-spacing: 4px;
    font-size: 28px;
    text-align: center;
}  

img.arrow-img.left {
    position: absolute;
    left: 69%;
    top: 27%;
    width: 60px;
}

img.arrow-img.right {
    position: absolute;
    right: 9%;
    width: 60px;
    margin-top: -69px;
}

}

/*---------------@media (max-width: 1200px)---------------*/
@media (max-width: 1200px) {

.logo-maltai-i2 {
    float: left;
    margin-right: 20px;
    width: 80px;
}

h1.indexcover-header-title {
    color: #FFF;
    font-size: 24px;
    margin: 0px;
    font-weight: bold;
}

.indexcover-left {
    padding: 20px 10% 50px 50px;
}
  
h2.indexcover-text-title {
    margin: 0px;
    color: white;
    font-weight: bold;
    font-size: 19px;
}

h3.indexcover-footer-title {
    margin: 0 auto;
    padding: 20px;
    letter-spacing: 4px;
    font-size: 24px;
    text-align: center;
}  

img.arrow-img.left {
    position: absolute;
    left: 67%;
    top: 27%;
    width: 48px;
}

img.arrow-img.right {
    position: absolute;
    right: 13%;
    width: 48px;
    margin-top: -56px;
}

}

/*---------------@media (max-width: 996px)---------------*/
@media (max-width: 996px) {

.indexcover-title {
    padding: 20px 20px 0px;
    text-align: center;
}

.logo-maltai-i2 {
    float: inherit;
    margin: 0 auto;
    width: 80px;
}

h1.indexcover-header-title {
    color: #FFF;
    font-size: 24px;
    margin: 0px;
    font-weight: bold;
}

.indexcover-left, .indexcover-right {
    padding: 20px;
}

.direction-box.lovag-box {
    margin-top: 0px;
}


h2.indexcover-text-title {
    margin: 0px;
    color: white;
    font-weight: bold;
    font-size: 19px;
}

h3.indexcover-footer-title {
    margin: 0 auto;
    padding: 20px;
    letter-spacing: 4px;
    font-size: 20px;
    text-align: center;
}  

img.arrow-img.left {
    position: absolute;
    right: 35px;
    top: 33%;
    width: 48px;
    left: inherit;
}

img.arrow-img.right {
    position: absolute;
    right: 35px;
    top: 73%;
    width: 48px;
    left: inherit;
}

}