*   {
    margin:0;
    padding:0;
}

html, body{
    margin:0;
    padding: 0;
    font-family: "FiraCons-Light";
    font-size: 16px;
    height: 100%;
    width: 100%;
}

@font-face { font-family: 'FiraCons-Italic'; src: url('../fonts/FiraSansCondensed-Italic.eot'); src: local('˘'), url('../fonts/FiraSansCondensed-Italic.woff') format('woff'), url('../fonts/FiraSansCondensed-Italic.ttf') format('truetype'), url('../fonts/FiraSansCondensed-Italic.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FiraCons-MediumItalic'; src: url('../fonts/FiraSansCondensed-MediumItalic.eot'); src: local('˘'), url('../fonts/FiraSansCondensed-MediumItalic.woff') format('woff'), url('../fonts/FiraSansCondensed-MediumItalic.ttf') format('truetype'), url('../fonts/FiraSansCondensed-MediumItalic.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FiraCons-ExtraBold'; src: url('../fonts/FiraSansCondensed-ExtraBold.eot'); src: local('˘'), url('../fonts/FiraSansCondensed-ExtraBold.woff') format('woff'), url('../fonts/FiraSansCondensed-ExtraBold.ttf') format('truetype'), url('../fonts/FiraSansCondensed-ExtraBold.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FiraCons-Light'; src: url('../fonts/FiraSansCondensed-Light.eot'); src: local('˘'), url('../fonts/FiraSansCondensed-Light.woff') format('woff'), url('../fonts/FiraSansCondensed-Light.ttf') format('truetype'), url('../fonts/FiraSansCondensed-Light.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FiraCons-Medium'; src: url('../fonts/FiraSansCondensed-Medium.eot'); src: local('˘'), url('../fonts/FiraSansCondensed-Medium.woff') format('woff'), url('../fonts/FiraSansCondensed-Medium.ttf') format('truetype'), url('../fonts/FiraSansCondensed-Medium.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FiraCons-Regular'; src: url('../fonts/FiraSansCondensed-Regular.eot'); src: local('˘'), url('../fonts/FiraSansCondensed-Regular.woff') format('woff'), url('../fonts/FiraSansCondensed-Regular.ttf') format('truetype'), url('../fonts/FiraSansCondensed-Regular.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Hind-Bold'; src: url('../fonts/Hind-Bold.eot'); src: local('˘'), url('../fonts/Hind-Bold.woff') format('woff'), url('../fonts/Hind-Bold.ttf') format('truetype'), url('../fonts/Hind-Bold.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Hind-Regular'; src: url('../fonts/Hind-Regular.eot'); src: local('˘'), url('../fonts/Hind-Regular.woff') format('woff'), url('../fonts/Hind-Regular.ttf') format('truetype'), url('../fonts/Hind-Regular.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Gill'; src: url('../fonts/GillSansMTPro-Book.eot'); src: local('˘'), url('../fonts/GillSansMTPro-Book.woff') format('woff'), url('../fonts/GillSansMTPro-Book.ttf') format('truetype'), url('../fonts/GillSansMTPro-Book.svg') format('svg'); font-weight: normal; font-style: normal; }

.wrapper{
    min-height: 100%;
    width: 100%;
}
.telo{
    font-size: 16px;
/*    float: left;*/
    width: 60%;
    padding-left: 20%;
    text-align: center;
    padding-top: 100px;
}
.sloupce-logo{display: inline-block; width: 30%; height: 100%; position:relative;float: left;}
.sloupce-text{display: inline-block; width: 65%; position:relative;float: right;}

.predfooter {
    font-size: 16px;
    background-color: #8c8c8c;
    color: white;
    text-align: center;
    width: 100%;
    float:left;
}

footer {
    font-family: "FiraCons-Medium";
    font-size: 10px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: rgb(51, 51, 51);
    color: white;
    text-align: center;
    /*clear: both;*/
}
.preline {
    white-space: pre-line;
}

header {
    width: 50%;
    padding-top: 10px;
}
header .logo {
    position: relative;
    float: left
}
header .logo .name {
    font-family: "Gill";
    position: absolute;
    color: grey;
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 19px;
}
header .marketplace {
    font-family: "FiraCons-ExtraBold";
    font-size: 20px;
    float: right;
}

.gpwebpay-small {
    padding-top: 5px;
}

@media screen and (min-width:1px) and (max-width: 767px){
    .wrapper{min-height: 100%;}
    header {padding-left: 5px;}
    header .logo {height: 50px;}
    header .logo svg { width: 50px; height: 50px }
    header .logo .name { left: 63px; bottom: 0; }
    header .marketplace{margin-right: -80%;}
    .predfooter {font-size: 10px}
    .card-icon {width: 20px;}
    .kb-smart{ width: 100px;}
    .gpwebpay-big{ width: 50px;}
    footer {bottom: 0;}
}

@media screen and (min-width:768px) and (max-width: 991px) {
    .wrapper{min-height: 100%;}
    .telo{padding-top: 120px;}
    header {padding-left: 20%}
    header .marketplace{ margin-right: 0%;}
    .predfooter {font-size: 16px}
    .card-icon {width: 20px;}
    .kb-smart{ width: 150px;}
    .gpwebpay-big{ width: 100px;}
    footer {bottom: 0;}
}
@media screen and (min-width:992px) and (max-width: 1499px){
    .wrapper{min-height: 100%;}
    .telo{padding-top: 20%;}
    header {padding-left: 20%}
    header .logo { height: 70px;}
    header .logo svg { width: 70px; height: 70px }
    header .logo .name { left: 103px; bottom: 7px;}
    header .marketplace{ margin-right: 0%;}
    .predfooter {font-size: 16px}
    .card-icon {width: 40px;}
    .kb-smart{ width: 150px; padding-top: 5px}
    .gpwebpay-big{ width: 100px; padding-top: 5px}
    footer {bottom: 0;}
}

@media screen and (min-width:1500px) {
    .wrapper{min-height: 100%;}
    .telo{padding-top: 20%;}
    header {padding-left: 30%;}
    header .logo { height: 70px;}
    header .logo svg { width: 70px; height: 70px }
    header .logo .name { left: 103px; bottom: 7px;}
    header .marketplace{ margin-right: 25%;}
    .predfooter {font-size: 16px}
    .card-icon {width: 40px;}
    .kb-smart{ width: 150px; padding-top: 5px}
    .gpwebpay-big{ width: 100px; padding-top: 5px}
    footer {bottom: 0;}
}

.logo svg { width: 70px; height: 70px }

.button {
    background-color: #8c8c8c; /* Gray */
    border: none;
    border-radius: 12px;
    color: black;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

.testovaci-platba {
    background-color: #00a7d0;
    border-radius: 5px;
}