html, body{
    margin:0;
    padding:0;
}

body{
    font-family: Arial, sans-serif !important;
    background:#dfe8d5 !important;
    color:#222;
}

.keap-page{
    position:relative;
    width:100%;
    max-width:100%;
    background:#dfe8d5;
    min-height:100vh;
    overflow:hidden;
}

.keap-page::before{

    content:"Stránka vo výstavbe";

    position:fixed;

    top:50%;
    left:50%;

    transform:
        translate(-50%, -50%)
        rotate(-35deg);

    font-size:120px;

    font-weight:bold;

    color:rgba(80,80,80,0.10);

    white-space:nowrap;

    pointer-events:none;

    z-index:0;
}

.keap-page *{
    box-sizing:border-box;
}

.container{
    position:relative;
    z-index:1;
    width:100%;
    max-width:1100px;
    margin:0 auto !important;
    padding:40px 20px;
}

.hero{
    width:30%;
    height:auto;
    display:block;
    border-radius:12px;
    margin:0 auto 30px auto;
}

h1{
    text-align:center !important;
    font-size:48px;
    margin:20px 0 10px 0;
}

h2{
    text-align:center !important;
    font-size:28px;
    font-style:italic;
    margin:0 0 30px 0;
}

.intro{
    text-align:center !important;
    font-size:24px;
    line-height:1.6;
    max-width:950px;
    margin:40px auto;
}

.columns{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:20px;
    margin-top:40px;
    font-size:28px;
    font-weight:bold;
}

.columns div{
    padding:10px;
}

.contact{
    margin-top:70px;
    font-size:20px;
    line-height:1.8;
}

a{
    color:#0055aa !important;
    text-decoration:none;
}

a:hover{
    text-decoration:underline;
}

@media (max-width:768px){
    .keap-page::before{
    font-size:60px;
    }
    h1{font-size:32px;}
    h2{font-size:22px;}
    .intro{font-size:18px;}
    .columns{font-size:22px;}
    .contact{font-size:16px;}
}

.watermark{

    position:fixed;

    top:50%;
    left:50%;

    transform:
        translate(-50%, -50%)
        rotate(-35deg);

    font-size:120px;

    color:rgba(80,80,80,0.12);

    font-weight:bold;

    white-space:nowrap;

    pointer-events:none;

    z-index:0;

    user-select:none;
}

.container{
    position:relative;
    z-index:1;
}