.about_page_item{
    position: relative
}
.page_link{
    color: #aa0505;
}
.about_page_item:hover .page_link{
    background-color: #aa0505;
    color: #fff;
    
}
.arrow_icon{
    display: block;
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
    background-image: url('../src/about/arrow_right-grey.svg');
    border-color: #b3b3b3;
}

.about_page_item:hover .arrow_icon{
    background-image: url('../src/about/arrow_right-white.svg');
    border-color: transparent;
    transform: translateX(-25%);
    transition: transform .5s;
}

.about_page_item:hover .photo{
    width: 110%;
    height: 110%;
    transition: .5s;
}

@media(orientation: portrait){
    .page_link{
        padding: .4vw .4vw .4vw 4.8vw;
        border-radius: 8vw;
    }
    @media(min-width: 640px){
        .page_link{
            padding: .17vw .17vw .17vw 2.04vw;
            border-radius: 3.4vw;
        }

    }
}
@media(orientation: landscape){
    .page_link{
        padding: .2vw .2vw .2vw 2.4vw;
        border-radius: 4vw;
    }
    @media(min-width: 768px){
        .page_link{
            padding: .15vw .15vw .15vw 1.8vw;
            border-radius: 3vw;
        }
    }
    @media(min-width: 1536px){
        .page_link{
            padding: .1vw .1vw .1vw 1.2vw;
            border-radius: 2vw;
        }
    }
}