@charset "UTF-8";


body {
background-color: #3D2E1C;
}

a,
a:link {
    color: #d4c581;
}
a:hover,
a:focus,
a:visited {
    font-color: #d4c581;
    text-decoration: none;
}

.mContent{  
    margin:0 auto;
    opacity: 0;
     position: relative;
    top: 220px;
    width: 760px;
    line-height:140%;
}

@media (min-width: 450px){ 
.mContent {
    margin:0 auto;
    opacity: 0;
    position: relative;
    top: 220px;
    width: 400px;
    line-height:120%;
}
}


@media (min-width: 650px){ 
.mContent {
    margin:0 auto;
    opacity: 0;
    position: relative;
    top: 220px;
    width: 300px;
    line-height:100%;
}
}

.logo{
	margin-bottom: 200px;
	font-size: 0.938em;
	letter-spacing: 0.375em;
	color: #fff;
	font-weight: bold;
}

.logo img { 
  padding-top: 120px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 85%;
  height: auto;
}


@media (min-width: 450px) { 
 .logo img { 
   padding-top: 100px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
  height: auto;
}
}

@media (min-width: 650px) { 
 .logo img { 
   padding-top: 80px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 65%;
  height: auto;
}
}

.city{
padding-top: 15px;
text-align:center;
font-size: 0.9em;
letter-spacing: 0.088em;
color: #d4c581;
}

@media (min-width: 350px){ 
.city{
padding-top: 50px;
text-align:center;
font-size: 1.2em;
letter-spacing: 0.088em;
color: #d4c581;
}
}

@media (min-width: 450px){ 
.city{
padding-top: 70px;
text-align:center;
font-size: 1.4em;
letter-spacing: 0.088em;
color: #d4c581;
}
}

@media (min-width: 650px){ 
.city{
padding-top: 90px;
text-align:center;
font-size: 1.6em;
letter-spacing: 0.088em;
color: #d4c581;
}
}

p {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}