/* Ideal City styles */

/*
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,700');
@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700');
*/

@font-face { 
  font-family: "Geo"; 
  src: url("../fonts/Geo.otf"); 
}

body{
  font-family: "Geo", Verdana,sans-serif;
  font-size:2em;
  text-transform: uppercase;
  outline: 0;
  outline: none;
  //padding:0;
  //margin:0;
  //cursor:default;
  font-weight: normal;
  background: brown;
  color:white;
}

a{
  text-decoration: none;
  color:white;
  -webkit-transition: all 0.5s; /* Safari */
  transition: all 0.5s;
   cursor:pointer;
}

a:hover{
  color:black;
}

p{margin:0;}

/* Facebook */

#fb-login, #fb-postimage{

 //background: red;
}

#fb-logout{
   display:none;
}

#fb-postimage{
 display:none;
}

/* Other stuff */

.success{
  background: orange;
  display:none;
}

/* --- */

button{
  background: red;
  color:white;
  border: none;
  padding:0.3rem 0.4rem;
  border-radius: 6px;
  -webkit-transition: all 0.5s; /* Safari */
  transition: all 0.5s;
}

button:hover{
  background: black;
}

input {
    width:200px;
    border: 1px solid black;
    padding: 2px;
    //margin-left: 1em;
}

input:focus {
    border: 1px solid red;
    outline: 0;
}

.fullwh{
  width: 100vW;
  height:100vH;
}

.centerhw, .centerwh{
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}


@media screen and (max-width: 940px) {



}

@media screen and (min-width: 1600px) {




