@font-face {
  font-family: "Tele-GroteskUltra";
  src: url("/r/repo1/tm/fonts/telegroteskheadlineultra.eot");
}
@font-face {
  font-family: "Tele-GroteskUltra";
  src: url("/r/repo1/tm/fonts/telegroteskheadlineultra.ttf");
}
@font-face {
  font-family: "Tele-GroteskRegular";
  src: url("/r/repo1/tm/fonts/telegroteskheadlineregular.eot");
}
@font-face {
  font-family: "Tele-GroteskRegular";
  src: url("/r/repo1/tm/fonts/telegroteskheadlineregular.ttf");
}

#pop-up-moj-tmobile {
    text-align: center;
    font-family: Tele-GroteskRegular;
    width: 100%;
    max-width: 300px;
}
#pop-up-moj-tmobile .popup-topic {
    text-align: center;
    text-transform: uppercase;
    color:#e20074;
    font-size:22px;
    margin-bottom: 20px
}
#pop-up-moj-tmobile .popup-topic span{
    text-align: center;
    text-transform: uppercase;
    color:#e20074;
    font-size:27px;
    font-family: Tele-GroteskUltra
}
#pop-up-moj-tmobile img.tel {float:left;}
#pop-up-moj-tmobile .download{
    font-size:12px;
    margin:8px;
}
#pop-up-moj-tmobile .popup-button {
    width:170px;
    height:60px;
    border: 2px solid #e20074;
    display: block;
    margin: 5px auto;
    float:right;
}
#pop-up-moj-tmobile .popup-button.pobierz {
    background: url(popup_google.png) no-repeat center center transparent;
}
#pop-up-moj-tmobile .popup-button.nie {
    background: url(popup_nie.png) no-repeat center center transparent;
}

.fancybox-overlay {
    background: transparent url("http://www.t-mobile.pl/r/repo1/tm/projects/moj_tmobile_popup/background_overlay.png") repeat scroll 0 0;
}

@media screen and (max-width: 340px){
    #pop-up-moj-tmobile img.tel {width:30%;height:auto;}
    #pop-up-moj-tmobile .popup-button {    background-size: contain !important; width:60%;}
}