.lolQuestBtn{
    left: 74px;
}
.questsFlexMob{
    display:none;
}
@media screen and (max-width: 770px) {
    header {
        background: url("../images/animators/peppaPig/peppaPigMob.webp");
        height: 900px;
        background-size: cover;
        background-position-y: 35%;
        background-repeat: no-repeat;
    }
    .questsFlex{
        display:none;
    }
    #quests .questsFlex img {
        width: 171px;
    }

    .animatorsBtn{
        left: 17px;
    }
    .questsFlexMob{
        margin: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        max-width: 425px;
        width:95%;
    }
    .perspectiveMob{
        width:50%;
        height:100%;
        position:relative;
    }
    .perspectiveMob img{
        width:98%;
        margin-left:2%;
    }
    .questTextMob{
        position: absolute;
        width: 86%;
        left: 7%;
        bottom: 8%;
        text-align: center;
        transition: 1s;
    }
    .questTextMob span {
        font-family: 'Balsamiq Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        text-align: center;
        text-transform: uppercase;
        color: #FFFFFF;
    }
    .lolQuestBtnMob{
        top:65%;
        left:15%;
        width:70%;
        opacity:0;
        position:absolute;
        height:20%;
    }
    .perspectiveMob:hover .lolQuestBtnMob {
        opacity: 1;
    }
    .perspectiveMob:hover .questTextMob {
        bottom: 40%;
    }
}
@media screen and (max-width: 600px) {
    header{
        height: 745px;
        /*background-position-y: -10%;*/
    }
}

@media screen and (max-width: 425px) {
    header {
        height:700px;
        background: url("../images/animators/peppaPig/peppaPigMob.webp");
        background-size: cover;

    }
    #quests .questsFlex img {
        width: 86%;
    }

    .animatorsBtn{
        left: 10px;
    }

    #mainBtn {
        top:280px;
    }
    .horizontal{
        width:320px;
        margin:0;
    }
    .lolQuestBtnMob{
        top:65%;
        left:15%;
        width:70%;
        opacity:0;
        position:absolute;
        height:20%;
    }

}
@media screen and (max-width: 400px) {
    .questsFlexMob .LOLa{
        font-size: 12px;
    }
}
@media screen and (max-width: 376px) {
    .animatorsBtn {
        bottom: 31px;
    }

    .horizontal {
       width: auto;
    }
    .questTextMob span {
        font-size: 12px;
    }
    .lolQuestBtnMob{
        top:65%;
        left:15%;
        width:70%;
        opacity:0;
        position:absolute;
        height:20%;
    }
}