#main { position: relative; }

div#background {
    background-image: url("images/Raleigh_map.jpg");
    background-repeat: no-repeat;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    bacground-size: cover;
    opacity: 0.2;
    height: 100vh;
    width: 100%;
}

div#body-content {
    width: 100%;
    position: absolute;
    top: 5%;
    left: 0;
}

#title {
    color: white;
    font-family: impact, fantasy;
    font-size: 4em;
}

@media (min-width: 0px) {

	/* testing classes only, dynamic later */

    a.logolink1 {
        background: url("images/Baguette/UD-baguette_sm.png") no-repeat top left;
		margin-bottom: 7px;
		margin-right: 7px;
		margin-left: 7px;
        width: 50px;
        height: 50px;
        text-indent: -9999px; /* hides the link text */
		display: inline-block;
    }

    a.logolink2 {
        background: url("images/Cafe/Cafe_sm.png") no-repeat top left;
		margin-bottom: 7px;
		margin-right: 7px;
		margin-left: 7px;
        width: 50px;
        height: 50px;
        text-indent: -9999px; /* hides the link text */
		display: inline-block;
    }

    a.logolink3 {
        background: url("images/Buttercup/Buttercup_sm.png") no-repeat top left;
		margin-bottom: 7px;
		margin-right: 7px;
		margin-left: 7px;
        width: 50px;
        height: 50px;
        text-indent: -9999px; /* hides the link text */
		display: inline-block;
    }

}

@media (min-width: 992px) {

	/* testing classes only, dynamic later */

    a.logolink1 {
        background: url("images/Baguette/UD-baguette.png") no-repeat top left;
        width: 125px;
        height: 125px;
		margin-top: 7px;
		display: block;
    }

    a.logolink2 {
        background: url("images/Cafe/Cafe.png") no-repeat top left;
        width: 125px;
        height: 125px;
		margin-top: 7px;
		display: block;
    }

    a.logolink3 {
        background: url("images/Buttercup/Buttercup.png") no-repeat top left;
        width: 125px;
        height: 125px;
		margin-top: 7px;
		display: block;
    }