.paragraph.paragraph--type--hero{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 180px 0 95px;
}
.paragraph--type--hero:before{
    content: "";
    display: block;
    width: 100vw;
    height: 100%;
    background-image: linear-gradient(to right bottom, #00130c, #051c14, #062419, #042d1f, #013624);
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, 0%);
}
.paragraph--type--hero .col:first-child{
    width: 48%;
}
.paragraph--type--hero .col:nth-child(2){
    width: 45.3%;
    padding-top: 70px;
}
.paragraph--type--hero > .field--name-field-odkaz-na-kotvu{
    position: absolute;
    left: calc(50% - 20px);
    bottom: 65px;
    z-index: 1;
}
.paragraph--type--hero > .field--name-field-odkaz-na-kotvu a{
    display: block;
    width: 40px;
    height: 47px;
    font-size: 0;
    text-indent: -9999px;
    background: transparent url(/themes/custom/azdata/images/hero-arrow.svg) no-repeat center bottom;
}
body .paragraph--type--hero h1{
    color: #fff;
}
body .paragraph--type--hero h1 strong{
    color: #B4CC05;
}
main .paragraph--type--hero .clearfix ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
main .paragraph--type--hero .clearfix ul li{
    padding-left: 36px;
    margin: 0 0 25px;
    font-size: 17px;
    line-height: 26px;
    color: #fff;
    font-weight: 300;
    background: transparent url(/themes/custom/azdata/images/hero-li.svg) no-repeat left 3px;
}
main .paragraph--type--hero .clearfix ul li:before{
    display: none;
}
main .paragraph--type--hero .clearfix ul li:last-child{
    margin-bottom: 0;
}
.paragraph--type--hero .field--name-field-odkaz{
    padding-top: 50px;
}
.paragraph--type--hero .field--name-field-odkaz a{
    display: inline-block;
    font-size: 20px;
    line-height: 33px;
    font-weight: bold;
    text-decoration: none;
    color: #00110c;
    padding: 15px 60px;
    background: #B4CC05;
    border-radius: 50px;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
}
.paragraph--type--hero .field--name-field-odkaz a:hover{
    background: #fff;
    color: #B4CC05;
}
.paragraph--type--hero .field--name-field-obrazek{
    position: relative;
    z-index: 1;
    width: 100%;
}
.paragraph--type--hero .field--name-field-obrazek:before{
    content: "";
    display: block;
    width: calc(100% + 259px);
    height: calc(100% + 306px);
    position: absolute;
    top: -192px;
    left: 3px;
    z-index: -1;
    background: transparent url(/themes/custom/azdata/images/hero-kruhy.svg) no-repeat center center;
    background-size: contain;
}
.paragraph--type--hero .field--name-field-obrazek img{
    border-radius: 500px;
}
@media screen and (max-width: 1023px){
    .paragraph.paragraph--type--hero {padding: 90px 0 130px;}
}
@media screen and (max-width: 767px){
    .paragraph--type--hero .col:first-child {width: 100%;}
    .paragraph--type--hero .field--name-field-obrazek:before {width: calc(100% + 122px); top: -175px;}
    .paragraph--type--hero .col:nth-child(2) {width: 300px; margin: 50px 0 55px;}
    .paragraph--type--hero > .field--name-field-odkaz-na-kotvu {bottom: 30px;}
    .paragraph.paragraph--type--hero {padding: 50px 0 130px;}
}
@media screen and (max-width: 479px){
    .paragraph--type--hero .field--name-field-odkaz a {padding: 15px 30px;}
}