#links{
    display: none;
}
.link_overlay{
    position: absolute;
    background-color: rgba(41, 41, 41, 0.89);
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    display: none;
}

.links ul{
    list-style: none;
    padding-left: 15px;
}
.links{
    margin: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 300px;
}

.links li a{
    font-size: 18px;
    color: #fff;
    line-height: 18px;
}

@media (min-width:768px){
    .links li a{
    font-size: 24px;
    line-height: 24px;
}
}

#links:target{
    display: block;
}
#links:target .link_overlay{
    display: block;
}
#close:target #links, #close:target .link_overlay{
    display: none;
}

.link_overlay_close{
    position: absolute;
    top: 20%;
    right: 10%;
    color:#fff;
}

.link_overlay_close:hover{
    color:#C73509;
}