@charset "utf-8";

/* CSS Document */



@media only screen and (min-width: 320px) and (max-width: 470px) {

	

	.promo .promo-text h2 {

   font-family: "klavikamedium_italic";

font-size: 23px;

padding-bottom: 0px;

padding-top: 0px;

margin-top: 0px;

position: absolute;

top: 106px;

left: 65px;

}



.promo .promo-text h3 {

  font-family: "klavikamedium_italic";

font-size: 13px;

padding-bottom: 0px;

padding-top: 0px;

margin-top: 0px;

position: absolute;

top: 168px;

left: 87px;

color: #000;

}

} 

	

	

	

@media only screen and (min-width: 480px) and (max-width: 765px) {

	

.promo .promo-text h2 {

    font-family: "klavikamedium_italic";

    font-size: 34px;

    padding-bottom: 0px;

    padding-top: 0px;

    margin-top: 0px;

    position: absolute;

    top: 138px;

    left: 103px;

}



.promo .promo-text h3 {

    font-family: "klavikamedium_italic";

font-size: 21px;

padding-bottom: 0px;

padding-top: 0px;

margin-top: 0px;

position: absolute;

top: 194px;

left: 126px;

color: #000;

}

	

} 



@media only screen and (min-width: 768px) and (max-width: 1020px) {

	

.promo .promo-text h2 {

   font-family: "klavikamedium_italic";

font-size: 34px;

padding-bottom: 0px;

padding-top: 0px;

margin-top: 0px;

position: absolute;

top: 146px;

left: 194px;

}



.promo .promo-text h3 {

  font-family: "klavikamedium_italic";

font-size: 28px;

padding-bottom: 0px;

padding-top: 0px;

margin-top: 0px;

position: absolute;

top: 209px;

left: 220px;

color: #000;

}

	

} 



@media only screen and (min-width: 1024px) and (max-width: 1270px) {

	

.promo .promo-text h2 {

 font-family: "klavikamedium_italic";

font-size: 34px;

padding-bottom: 0px;

padding-top: 0px;

margin-top: 0px;

position: absolute;

top: 101px;

left: 118px;





}



.promo .promo-text h3 {

 font-family: "klavikamedium_italic";

font-size: 22px;

padding-bottom: 0px;

padding-top: 0px;

margin-top: 0px;

position: absolute;

top: 166px;

left: 134px;

color: #000;

}

	

} 





/*****************************************************************************/



@media (min-width: 381px) and (max-width: 430px) {

	.promo .promo-text h2 {

    font-family: "klavikamedium_italic";

    font-size: 23px;

    padding-bottom: 0px;

    padding-top: 0px;

    margin-top: 0px;

    position: absolute;

    top: 130px;

    left: 94px;

}



.promo .promo-text h3 {

    font-family: "klavikamedium_italic";

    font-size: 15px;

    padding-bottom: 0px;

    padding-top: 0px;

    margin-top: 0px;

    position: absolute;

    top: 192px;

    left: 117px;

    color: #000;

}



.register h5 {

    color: #E6A405;

    font-family: "klavikamedium_italic";

    font-size: 22px;

    line-height: 25px;

}

	

}



@media (min-width: 331px) and (max-width: 380px) {

.promo .register {

    padding: 12px 0px 20px;

    margin: 48px 0px;

    background-color: #333034;

    color: #FFF;

    text-align: center;

    position: relative;

    transform: rotateY(0deg);

    transition: all 0.8s ease 0s;

    border-radius: 15px;

    min-height: 392px;

}



.promo .promo-text h2 {

    font-family: "klavikamedium_italic";

    font-size: 23px;

    padding-bottom: 0px;

    padding-top: 0px;

    margin-top: 0px;

    position: absolute;

    top: 194px;

    left: 82px;

}

.promo .promo-text h3 {

    font-family: "klavikamedium_italic";

    font-size: 15px;

    padding-bottom: 0px;

    padding-top: 0px;

    margin-top: 0px;

    position: absolute;

    top: 257px;

    left: 100px;

    color: #000;

}



.register h3 {

    color: #E6A405;

    font-family: "klavikamedium_italic";

    font-size: 39px;

    line-height: 25px;

}



.register h5 {

    color: #E6A405;

    font-family: "klavikamedium_italic";

    font-size: 20px;

    line-height: 25px;

}



.carousel-caption {

    right: 20%;

    left: 12%;

    padding-bottom: 1px;

    font-family: "klavikamedium_italic";

    text-align: left;

    top: 141px;

}

	

}



@media (min-width: 315px) and (max-width: 330px) {

.promo .register {

    padding: 12px 0px 20px;

    margin: 48px 0px;

    background-color: #333034;

    color: #FFF;

    text-align: center;

    position: relative;

    transform: rotateY(0deg);

    transition: all 0.8s ease 0s;

    border-radius: 15px;

    min-height: 361px;

}



.promo .promo-text h2 {

    font-family: "klavikamedium_italic";

    font-size: 23px;

    padding-bottom: 0px;

    padding-top: 0px;

    margin-top: 0px;

    position: absolute;

    top: 105px;

    left: 66px;

}

.promo .promo-text h3 {

    font-family: "klavikamedium_italic";

    font-size: 14px;

    padding-bottom: 0px;

    padding-top: 0px;

    margin-top: 0px;

    position: absolute;

    top: 168px;

    left: 81px;

    color: #000;

}



.register h3 {

    color: #E6A405;

    font-family: "klavikamedium_italic";

    font-size: 37px;

    line-height: 25px;

    margin-bottom: 23px;

}



.register h5 {

    color: #E6A405;

    font-family: "klavikamedium_italic";

    font-size: 15px;

    line-height: 19px;

    margin-left: 20px;

}



.carousel-caption {

    right: 20%;

    left: 12%;

    padding-bottom: 1px;

    font-family: "klavikamedium_italic";

    text-align: left;

    top: 107px;

}	

}