#home{
    position: absolute;
    top: 0%;
}

#references{
    position: absolute;
    top: 90%;

}




/*Making the references page longer if it's on the mobile version!*/
@media (max-width: 768px) {
    #row-references{
        height:40%;
        width:100%;
    }

    #agenda{
        position: absolute;
        top:270%;
    }

    #details{
        position: absolute;
        top:360%;
    }

    #contact{
        position: absolute;
        top:450%;
    }
}
@media (min-width: 768px) {

    #agenda{
        position: absolute;
        top:180%;
    }

    #details{
        position: absolute;
        top:270%;
    }

    #contact{
        position: absolute;
        top:360%;
    }
}