@font-face {
    font-family: HandyGeorge;
    src: url('../fonts/HandyGeorge.ttf');
}

@media(min-width:767px) {
    .container-fluid {
        position: absolute;
        width: 100%;
        min-width: 1000px;
        transform: translateX(-50%);
        left: 50%;
    }
}

/*Web version*/

#buffet {
	height: 55%;
    width: 55%;
    margin-left: 20%;
    margin-top: -3%;
}

#info {
    margin-top: 13%;
    margin-left: -15%;
    width: 90%;
}

p {
    color: white;
    font-family: HandyGeorge;
    font-size: 1.2vw;
    text-align: center;
    margin-top: 3%;
}

p a {
  color: white;
  text-decoration: none;
}

p a:hover {
  color: white;
}

#contact {
    font-size: 1.9vw;
}

/*Iphone version*/

#buffet_xs {
	margin-top: 8%;
	height: 70%;
    width: 70%;
}

@media(max-width:767px) {

    #info {
        width: 100%;
        margin-top: 5%;
        margin-left: 0%;
    }

    p {
        font-size: 3.5vw;
        padding-left: 5%;
        padding-right: 5%;
    }

    #contact {
        font-size: 4.5vw;
        padding-bottom: 5%;
    }
}