/**
 * Rezkakas Bistro
 * ~~~~~~~~~~~~~~~
 * Base stylesheet // Main site layout // Page content blocks
 */
@import url('fonts/fontface.css');

body {
 direction: ltr;
 font-family: 'Gotham-Medium', Arial;
 font-size: 14px;
 color: #191919;
 font-weight: normal;
 font-style: normal;
 text-rendering: optimizelegibility;
 background: #fff;
 background-size: cover;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 overflow-x: hidden;
}


/* -------------------------------------------------------------- */
/*      Basic html elements, Common utility & layout classes      */
/* -------------------------------------------------------------- */
/* ~~~~ Text elements ~~~~ */
a, a:active, a:focus, a:visited { color: #191919; text-decoration: none; }
a:hover { text-decoration: underline; }
.error { color: #dd0000; font-weight: bold; }

#page {
 position: relative;
}

.img {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 840px;
 transform: translate(-50%, 50%);
}
.img img { width:  100%; height: 100%; }

@media only screen and (max-width: 900px) {
 .img { width: 600px; }
}
@media only screen and (max-width: 700px) {
 .img { width: 500px; }
}
@media only screen and (max-width: 500px) {
 .img { width: 320px; }
}