@keyframes play_top {

  0%  
  {
  -webkit-box-shadow: 0 0 rgba(15, 171, 189, 0.6);
  -moz-box-shadow: 0 0 rgba(15, 171, 189, 0.6);
  box-shadow: 0 0 rgba(15, 171, 189, 0.6);
  }
  to  
  {
  -webkit-box-shadow: 0 0 0 23px rgba(7, 183, 204, 0);
  -moz-box-shadow: 0 0 0 23px rgba(7, 183, 204, 0);
  box-shadow: 0 0 0 20px rgba(7, 183, 204, 0);
  }  

}

@keyframes play_down {

  0%  
  {
  -webkit-box-shadow: 0 0 rgba(53, 53, 53);
  -moz-box-shadow: 0 0 rgba(53, 53, 53);
  box-shadow: 0 0 rgba(53, 53, 53);  
  }
  to  
  {
  -webkit-box-shadow: 0 0 0 25px rgba(45, 44, 44, 0);
  -moz-box-shadow: 0 0 0 25px rgba(45, 44, 44, 0);
  box-shadow: 0 0 0 25px rgba(45, 44, 44, 0);  
  }

}







@font-face {

font-family: "Palatino"; 

src: url("/rot/Palatino.ttf") format("truetype"); 

}

@font-face{
  font-family: "Segoe_Script_Bold";
 src:url("/rot/Segoe_Script_Bold.ttf") format("truetype");
}
.uk-start{
 height: 583px;
 width: 100%;
 display: block;position: relative;
}



.rhombus-block{
  width:100%;
  height:100%;
  transform:rotate(45deg);
  background:#252b44;
  overflow:hidden;
  display:block;
  color:#efab00;
  text-decoration:none;
  -webkit-animation-name: 'play_down';
  -moz-animation-name: 'play_up';
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  outline: 1px solid #928970;
  outline-offset: -15px;


}
.rhombus-content{
  width:100%;
  height:100%;
  transform:rotate(-45deg);
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.rhombus-content-title{
  font-size:18px;
  font-family:'Palatino', cursive;
  color:#cec5bd;
}

.important-text-block{
    float: left;
    width: 700px;
    height: 300px;
    position: absolute;
    top: 0;
    margin-top: 180px;
    margin-left: 20%;
    margin-bottom: 0px;
    margin-right: 0px;
}
.important-text{
  font-size: 55px;
  font-family:Palatino;
  font-weight: bold; 
  color: #252b44;
}
.important-mini-text{
  width: 80%;
  font-size: 25px;
  font-family: Palatino;
  font-weight: bold;
  color: #252b44;

}

#btn-application a{
    margin-bottom: 200px
}





@media(max-width: 1540px){
  .important-text-block{
   margin-left: 5%;
  }
  #btn-application a{
  margin-right: 8%
}
 
}
@media(max-width: 1380px){
  .important-text{
width: 100%
  }
 

}

@media(max-width: 1150px){
  #btn-application a{
    margin-right: 25%;
  margin-bottom: 100px;
  margin-top: 0px;
  margin-left: 0px;
  width: 150px;
  height: 150px;
}
.rhombus-content-title{
  font-size: 18px
}
}
@media(max-width: 1150px){
  .important-text{
    font-size: 40px;
    width: 100%;
    margin-top: 40px;
  }
    .important-mini-text{
    font-size: 20px;
    width: 100%;
  }

}

@media(max-width:1150px ){

.uk-start{
  height: 400px;
}

.important-text-block{
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 80%;
  text-align: center;

}


#btn-application a {
margin: auto;
left: 0;
bottom: auto;
bottom: 0;
right: 0;
transform: none;
margin-bottom: 50px;
width: 300px;
height: 100px;
z-index: 999
}
.rhombus-block{
  transform:none;
}
.rhombus-content{
  transform:none;
}
#btn-application p{
  transform: none;
}
.rhombus-content-title{
  font-size: 16px
}
}
@media(max-width: 610px){
  #btn-application a {
margin-top: 320px;
}
}
@media(max-width: 620px){
    .important-text{
        font-size: 35px
    }
    .important-mini-text{
        font-size: 18px
    }
}

@media(max-width: 450px){
.important-text-block{
  width: 95%;
  margin:0;
}
.important-text{
    font-size: 30px;
}
.omportamt-mini-text{
    font-size: 15px
}
#btn-application a{
    width: 270px;
    height: 80px;
}
.rhombus-content-title{
 font-size: 14px;
}
}
@media(max-width: 850px){
 .content.inner p{
  font-size: 17px
 }
} 
@media(max-width: 550px){
    .important-text-block{
        width: 98%
    }
    .content.inner p{
  font-size: 15px
 }
}
@media(max-width: 390px){
    .uk-start{
        height: 500px
    }
}