@media (max-width: 1024px) {
    .logo-rog { 
        display: none;
    }
}
/*
.logo-rog {
    position: relative;
}

@media (min-width: 1025px) and (max-width:1170px) {
    .logo-rog {
        top: -13px;
        max-width: 155px;
        margin-right:  0px;
    }
}

@media (min-width: 1171px) and (max-width:1650px) {
    .logo-rog {
        top: -13px;
        max-width: 220px;
        margin-right:  6px;
    }
}

@media (min-width: 1651px) and (max-width:1819px) {
    .logo-rog {
        top: -15px;
        max-width: 225px;
        margin-right:  6px;
    }
}

@media (min-width: 1820px) {
    .logo-rog {
        top: -17px;
        margin-right: 40px;
    }
}
*/

.logo-rog {
    position: absolute;
    top: 0;
    left: 114px;
    z-index: 10;

}

@media (max-width: 1023px) {
    .logo-rog {

    }

    .main-title {
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .logo-rog {
        left: 50px;
        width: 145px;
    }

    .main-title {
        padding-left: 160px;
    }
}

@media (min-width: 1201px) and (max-width: 1399px) {
    .logo-rog {
        left: 50px;
        width: 260px;
    }

    .main-title {
        padding-left: 280px;
    }
}

@media (min-width: 1400px)  {
    .logo-rog {
        left: 80px;
        width: 260px /*275px;*/
    }

    .main-title {
        padding-left: 270px; /*295px;*/
    }
}

@media (min-width: 1649px)  {
    .logo-rog {
        width: 300px;
    }

    .main-title {
        padding-left: 290px;
    }
}

.intro .intro__number a {
    white-space: nowrap;
}

.chevrons {
    display: inline;
    vertical-align: initial;
    max-width: 80px;
}

@media (min-width: 769px) and (max-width:1024px) {
    .chevrons {
        max-width: 50px;
    }
}

@media (max-width:768px) {
    .chevrons {
        max-width: 37px;
    }
}