/* Media Queries
-------------------------------------------------------------- */

body {
background-color: #1f1f1f;
/*background-image: url('http://d1ffrereyhh9e3.cloudfront.net/wp-content/themes/foo/img/bg.jpg');*/
background-image: url('http://victoria.foofood.ca/wp-content/themes/foo/img/bg.jpg');
background-size: cover;
background-position: center center;
}

/* Media Queries
-------------------------------------------------------------- */

.container-1 {
border:1rem solid black;
height: 100vh;
display: flex;
min-height: 100vh;
align-items: center;
justify-content: center;
width: 100%;
border:0.5rem solid black;
height: 100%;
padding-top: 10%;
padding-bottom: 10%;
}

/* Medium and up - Vertical tablets and larger */

@media only screen and (min-width: 40em) {

.container-1 {
border:1rem solid black;
height: 100vh;
padding-top: 0%;
padding-bottom: 0%;
}

}

/* Large and up - Horizontal tablets, Laptops and larger */

@media only screen and (min-width: 64em) {

.container-1 {
border:2.5rem solid black;
}

}

/* Media Queries
-------------------------------------------------------------- */

.location,
.logo {
text-align: center;
margin-bottom: 10%;
}

.location:last-child {
	margin-bottom: 0%;
}

@media only screen and (min-width: 40em) {

.logo,
.location {
margin-bottom: 0px;
}

}


/* Media Queries
-------------------------------------------------------------- */

.location h2 {
font-weight: 600;
font-size: 1.5rem;
margin-bottom: 0.5rem;
}

.location h2 a {
color: #ffffff;
}

.location p.address {
color: rgba(255,255,255,0.90);
font-weight: 400;
font-size: 1rem;
margin-bottom: 0.2rem;
}

.location p.address a {
color: rgba(255,255,255,0.90);
font-size: 0.9rem;
}

.location p.phone {
font-size: 1.2rem;
margin-bottom: 1rem;
}

.location p.phone a {
color: red;
}

.location a.btn {
width: 100%;
background-color: #000000;
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 0rem;
padding-right: 0rem;
text-align: center;
display: inline-block;
border-radius: 2000px;
font-weight: 600;
color: #ffffff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.location a.btn:hover {
background-color: #ffffff;
color: red;
}


/* Medium and up - Vertical tablets and larger */

@media only screen and (min-width: 40em) {
}

/* Large and up - Horizontal tablets, Laptops and larger */

@media only screen and (min-width: 64em) {
}

/* Extra large screens - iMac and larger */

@media only screen and (min-width: 120em) {
}