@media (min-device-width: 1025px) {
    .back-img0 {
        background-image: url("/images/new-york-1920.jpg") !important;
    }
    .back-img1 {
        background-image: url("/images/paris-1920.jpg") !important;
    }
    .back-img2 {
        background-image: url("/images/rome-1920.jpg") !important;
    }
    .back-img3 {
        background-image: url("/images/shanghai-1920.jpg") !important;
    }
    .back-img4 {
        background-image: url("/images/london-1920.jpg") !important;
    }
}

/*@media (min-device-width: 1025px ) {
    #back-img {
        background-image: url("/images/new-york.jpg") !important;
    }

}*/

@media (max-device-width: 1024px) {
    .back-img0 {
        background-image: url("/images/new-york-1024.jpg") !important;
    }
    .back-img1 {
        background-image: url("/images/paris-1024.jpg") !important;
    }
    .back-img2 {
        background-image: url("/images/rome-1024.jpg") !important;
    }
    back-img3 {
        background-image: url("/images/shanghai-1024.jpg") !important;
    }
    back-img4 {
        background-image: url("/images/london-1024.jpg") !important;
    }

}

body {
    margin: 0 0 0 0;
    font-family: 'Roboto Condensed', sans-serif;
    background-color: #f5f5f5;

}

input {
    width: 100%;
    padding: 0.5em;
    font-family: 'roboto condensed', sans-serif;
    font-size: 1.1em;

}

select {
    padding: 0.5em;
    font-family: 'roboto condensed', sans-serif;
    font-size: 1.1em;
}

#back-img {
    overflow: hidden;
    background-position: 50% 50%;
    height: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 1px solid black;

}

#tit {

    width: 50%;
    

    /* padding: 20px 0 0 0; */
    margin: auto;
    /*height: 200px;*/
}

#tit > div {
    margin: auto;
}

#tit > div {
    text-align: center; /*font-size: 1.5em;*/
}

#container-graph {
    /*max-width: 960px;*/
    height: 0px;

    margin: 1em 1em;
    background-color: #f5f5f5;
}

#startatlas, #stopatlas {
    display: none;
}

#info-graph {
    position: relative;
    top: -590px;
    left: 10px;
    width: 100px;
    display: inline-block;
    height: 0;
}

#no-match {
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    top: 0;
    position: relative;
    /*display: inline-block;*/
    /*margin: auto;*/
}

#autocomplete {
    max-width: 350px;
    margin: 0.5em;
}

#deep-level {
    margin: 0.5em auto;
}

hr {
    margin-top: 0;
}

h3 {
    margin-bottom: 0.5em;
}

#why, #how, #who, #what, #what-next {

    max-width: 930px;
    margin: auto;
    padding: 0 1em;
    text-align: center;
}
#face{
    /* display: inline-block; */
    margin: auto;
    /* max-width: 930px; */
    text-align: center;
}

#footer {
    background-color: #333;
    height: 3em;
    margin-top: 2em;
}

#footer > div {
    max-width: 960px;
    margin: auto;
    text-align: center;
}

#footer > div > div {
    display: inline-block;
    width: 12%;
    line-height: 2em;
    line-height: 3em;
}

#footer a {
    color: white;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
}

#disqus_thread {
    max-width: 960px;
    margin: 3em auto;
    padding: 0 1em;

}

#footer > div > div:nth-child(1) > a:hover {
    color: #0a0;
}

#footer > div > div:nth-child(2) > a:hover {
    color: #125468;
}

#footer > div > div:nth-child(3) > a:hover {
    color: #c9423f;
}

#footer > div > div:nth-child(4) > a:hover {
    color: #aa1280;
}

#footer > div > div:nth-child(5) > a:hover {
    color: #0ff;
}

#footer > div > div:nth-child(6) > a:hover {
    color: #296;
}
#fabio{
  width: 150px;
    height: 154px;
    background-image: url("/images/fabio.png") !important;
  display: inline-block;
}