.banner-drom  {position: relative; width:100%;height:100%; background: linear-gradient(-45deg, #8C0013, #dd0303,#ff0000,#f63737);background-size: 400% 400%;animation: gradient 10s ease infinite; display: flex; flex-direction:row;height:400px; margin:0;z-index: 1;overflow: hidden;box-shadow: 1px 1px 2px rgba(000, 000, 000, .3); }
	@keyframes gradient {0% {background-position: 0% 50%}
	50% {background-position: 100% 50%}
	100% {background-position: 0% 50%}}

.column-drom-1,.column-drom-2 {display: block;position: relative; margin: 0;z-index: 2}
.column-drom-1 {width: 40%;order: 1;}
.column-drom-2 {width: 60%;order: 2;}

.banner-logo-drom {margin:50px auto 20px;z-index:3;display:flex;justify-content:center;align-items:center;}
.banner-logo-drom img{width:50%; }
 
.column-drom-1 {display: inline-block;animation: css-animation-drom 5s ease-in-out infinite}
@keyframes css-animation-drom {0% {transform: translateY(0)}
  50% {transform: translateY(-10px)}
  100% {transform: translateY(0)}}

 
.slogan-drom p{color:#fff;text-align:center;font:1.6em Arial, sans-serif;font-weight: 500;text-align:center;width:auto;z-index:3;margin:0px 40px 30px }
.img-drom {width:100%;display:block;position:relative;top:15%;left:10%;z-index:5;overflow: hidden}
  
.button-drom {width:100%;max-width:180px;height:40px;display:flex;justify-content:center;align-items:center;padding-top:5px;border-radius: 30px;font: .9em Arial, sans-serif;font-weight:700;text-align: center;color: #d7001d;background:#fff;cursor:pointer;text-decoration:none;position:relative;overflow:hidden;text-transform:uppercase;box-shadow: 1px 1px 1px rgba(000, 000, 000, .2)}
.button-drom a {color: #d7001d; text-shadow: #000 1px 0 1px unset}
.button-drom a:hover {color: #fff}
.button-inner-drom {max-width:200px;height:60px; margin:10px auto 0; padding:10px 10px;border-radius:40px;background:rgba(255, 255, 255, .5);font: 0.9em Arial, sans-serif;font-weight:700;text-align: center;color: #d7001d;}
.button-drom:hover {background: #870012;box-shadow: 0 0 5px #fff;color: #fff;}
.button-drom:after {content: "";display: block;width: 30px;height: 200px;margin-left: 50px;background: #fff;background: linear-gradient(to bottom,rgba(240, 206, 206, 0.1) 0%,rgba(240, 206, 206, 0.5) 50%,rgba(240, 206, 206, 0.1) 100%);left: -40px;top: -100px;z-index: 1;transform: rotate(45deg);position: absolute;animation: movingFlare 3s ease-in-out 0.08s infinite}
@keyframes movingFlare {0% {left: -30px;margin-left: 0px;}30% {left: 110%;margin-left: 80px;}100% {left: 110%;margin-left: 80px;}}

.rekvizity-drom {width:80%;margin:0 10% 0;position:absolute;bottom:15px; justify-content:center;align-items:center}
.rekvizity-drom p{font:.8em Arial,sans-serif;color:#fff; opacity:.7;color:#fff;text-align:center}

@media all and (max-width : 1050px) {
.img-drom {width:100%;top:15%}
}
 
@media screen and (max-width: 700px) {
.column-drom-1 {width: 100%;order: 2;animation: none}
.column-drom-2 {width: 100%;order: 1;}
.img-drom {width:80%;display:block;position:relative;margin:5% auto 60px 0;z-index:5;overflow: hidden}
.banner-drom  {height:auto; flex-direction:column;}
.banner-logo-drom img { width: 50%; margin:  5% auto 10px;text-align: center;}
.slogan-drom p{font-size: 2.2em; margin:30px auto 30px;text-align: center;}  
.button-drom {width:100%;margin:0 auto;max-width:230px;height:60px; font: 1.2em Arial, sans-serif;font-weight:600 }
.button-inner-drom {max-width:260px;height:90px; margin:10px auto 0;padding:15px 15px; font: 1.2em Arial, sans-serif; text-align: center}

.rekvizity-drom {width:90%;margin:0 5% 0;position:absolute;bottom:15px; justify-content:center;align-items:center; }
.rekvizity-drom p{font:1.2em Arial,sans-serif}
}
   
@media screen and (max-width: 600px) {
.button-drom {width:100%;margin:0 auto;max-width:230px;height:50px; font: 1.0em Arial, sans-serif;font-weight:600 }
.button-inner-drom {max-width:260px;height:80px; margin:10px auto 0;padding:15px 15px; font: 1.0em Arial, sans-serif; text-align: center}
.rekvizity-drom p{font:1.1em Arial,sans-serif}
}
     
@media screen and (max-width: 500px) {
.rekvizity-drom p{font:.9em Arial, sans-serif;color:#fff; opacity:.7;color:#fff;text-align: center}
.slogan-drom p{font-size: 1.8em; margin:30px auto 30px;text-align: center;}
.img-drom {width:70%;display:block;position:relative;margin:5% auto 60px 5%;z-index:5;overflow: hidden}  
.button-drom {width:100%;margin:0 auto;max-width:230px;height:50px; font: 1.1em Arial, sans-serif;font-weight:600 }
.button-inner-drom {max-width:260px;height:80px; margin:10px auto 0;padding:15px 15px; font: 1.1em Arial, sans-serif; text-align: center; }
}
      
@media screen and (max-width: 400px) {
.rekvizity-drom p{font:.9em Arial, sans-serif}
 }