@media (max-width: 1200px) {
    /* map id-s */
    /*=-=-=-=-=-*/
    #faro {
        left: 78px;
    }

    #lissapon {
        left: 98px;
    }

    #madrid {
        left: 210px;
    }

    #mallorca {
        left: 282px;
    }

    #barcelona {
        left: 293px;
    }

    #paul {
        left: 369px;
    }

    #nizza {
        left: 390px;
    }

    #rom {
        left: 448px;
    }

    #nardo {
        left: 522px;
    }

    #milano {
        left: 419px;
    }

    #modena {
        left: 438px;
    }

    #athen {
        left: 638px;
    }

    #bukarest {
        left: 628px;
    }

    #spielberg {
        left: 512px;
    }

    #graz {
        left: 527px;
    }

    #genf {
        left: 389px;
    }

    #paris {
        left: 349px;
    }

    #zurich {
        left: 409px;
    }

    #wien {
        left: 547px;
    }

    #prag {
        left: 512px;
    }

    #munchen {
        left: 483px;
    }

    #stuttgart {
        left: 468px;
    }

    #hockenheim {
        left: 449px;
    }

    #frankfurt {
        left: 448px;
    }

    #nurnburgring {
        left: 430px;
    }

    #koln {
        left: 420px;
    }

    #leipzig {
        left: 486px;
    }

    #berlin {
        left: 497px;
    }

    #wolfsburg {
        left: 466px;
    }

    #papenburg {
        left: 432px;
    }

    #amsterdam {
        left: 407px;
    }

    #london {
        left: 359px;
    }

    #kopenhagen {
        left: 477px;
    }

    #goteborg {
        left: 466px;
    }

    #kussamo {
        left: 540px;
    }

    #rovaniemi {
        left: 522px;
    }

    #levi {
        left: 513px;
    }

    .height285 {
        height: 341px;
    }
}

@media (max-width: 991px) {

    #map-europe {
        background-size: 500px;
    }

    .map-point {
        width: 10px;
        height: 10px;
    }

    /* map id-s */
    #faro {
        top: 480px;
        left: 147px;
    }

    #lissapon {
        top: 458px;
        left: 158px;
    }

    #madrid {
        top: 443px;
        left: 221px;
    }

    #mallorca {
        top: 466px;
        left: 261px;
    }

    #barcelona {
        top: 437px;
        left: 267px;
    }

    #paul {
        top: 421px;
        left: 309px;
    }

    #nizza {
        top: 413px;
        left: 321px;
    }

    #rom {
        top: 446px;
        left: 353px;
    }

    #nardo {
        top: 455px;
        left: 394px;
    }

    #milano {
        top: 400px;
        left: 337px;
    }

    #modena {
        top: 422px;
        left: 348px;
    }

    #athen {
        top: 480px;
        left: 459px;
    }

    #bukarest {
        top: 427px;
        left: 453px;
    }

    #spielberg {
        top: 407px;
        left: 388px;
    }

    #graz {
        top: 398px;
        left: 399px;
    }

    #genf {
        top: 394px;
        left: 321px;
    }

    #paris {
        top: 386px;
        left: 299px;
    }

    #zurich {
        top: 385px;
        left: 332px;
    }

    #wien {
        top: 385px;
        left: 409px;
    }

    #prag {
        top: 376px;
        left: 389px;
    }

    #munchen {
        top: 392px;
        left: 374px;
    }

    #stuttgart {
        top: 389px;
        left: 361px;
    }

    #hockenheim {
        top: 386px;
        left: 355px;
    }

    #frankfurt {
        top: 375px;
        left: 353px;
    }

    #nurnburgring {
        top: 375px;
        left: 341px;
    }

    #koln {
        top: 365px;
        left: 339px;
    }

    #leipzig {
        top: 368px;
        left: 375px;
    }

    #berlin {
        top: 356px;
        left: 381px;
    }

    #wolfsburg {
        top: 356px;
        left: 363px;
    }

    #papenburg {
        top: 349px;
        left: 344px;
    }

    #amsterdam {
        top: 357px;
        left: 331px;
    }

    #london {
        top: 346px;
        left: 304px;
    }

    #kopenhagen {
        top: 335px;
        left: 370px;
    }

    #goteborg {
        top: 320px;
        left: 364px;
    }

    #kussamo {
        top: 310px;
        left: 405px;
    }

    #rovaniemi {
        top: 303px;
        left: 395px;
    }

    #levi {
        top: 289px;
        left: 389px;
    }

}

@media (max-width: 767px) {

    .navbar-inverse {
        background: rgba(0, 0, 0, 1) !important;
    }

    .collapse.in,
    .collapsing {
        position: relative;
        top: 0;
        padding: 0;
    }

    /*#startpage-map {*/
    /*display: block;*/
    /*}*/
    #image-map {
        display: none;
    }

    /*.point-name {*/
    /*display: none !important;*/
    /*}*/
    /*#map-germany {*/
    /*background-size: 550px;*/
    /*}*/
    #map-europe h2, #map-germany h2 {
        width: 60%;
        float: right;
    }
}

/*@media (max-width: 480px) {*/
/*footer input {*/
/*width: 100% !important;*/
/*}*/

/*footer img {*/
/*margin-bottom: 10px;*/
/*}*/
/*}*/

@media screen and (min-width: 320px) {
    .image-container {
        height: 200px;
    }
}

@media screen and (min-width: 360px) {
    html {
        font-size: 54%;
    }
}

@media screen and (min-width: 480px) {
    .image-container {
        height: 350px;
    }

    #caradvance-marge .large-font {
        font-size: 4.5rem;
    }

}

@media screen and (min-width: 768px) {
    .main {
        padding: 2rem 0;
    }

    #caradvance-marge .large-font {
        font-size: 5rem;
    }

    #caradvance-marge {
        height: 500px;
    }

    .image-container.height250 {
        height: 250px;
    }

    .image-container.height400 {
        height: 400px;
    }

    .image-container.height370 {
        height: 370px;
    }

    .image-container.height500 {
        height: 500px;
    }

    .image-container.red-car-image {
        height: 506px;
    }

    #caradvance-marge p {
        font-size: 12px;
    }
}

@media screen and (min-width: 887px) {
    .main {
        padding: 5rem 0;
    }
}

@media screen and (min-width: 992px) {
    .sub-container.height500 {
        height: 500px;
    }

    .sub-container.height400 {
        height: 400px;
    }

    .sub-container.height440 {
        height: 440px;
    }
}

@media screen and (max-width: 992px) {
    .sub-container {
        height: auto;
    }
}

@media screen and (min-width: 412px) {
    html {
        font-size: 66%;
    }
}

@media screen and (max-height: 412px) {
    html {
        font-size: 45%;
    }
}

@media screen and (min-height: 500px) {
    #caradvance-marge {
        height: 350px;
    }

    #caradvance-marge .large-font {
        font-size: 4rem;
    }

    #caradvance-marge p {
        font-size: 12px;
    }

    #caradvance-marge .carousel-indicators {
        top: 308px;
    }
}

@media screen and (min-height: 550px), (min-width: 768px) {
    #caradvance-marge {
        height: 400px;
    }

    #caradvance-marge .carousel-indicators {
        top: 344px;
    }
}

@media screen and (min-height: 600px) {
    #caradvance-marge {
        height: 450px;
    }

    .carousel.carousel-fade .active .carousel-caption {
        top: 50%;
    }

    #caradvance-marge .carousel-indicators {
        top: 400px;
    }
}

@media screen and (min-height: 650px) {
    #caradvance-marge {
        height: 500px;
    }

    #caradvance-marge .large-font {
        font-size: 5rem;
    }

    #caradvance-marge .carousel-indicators {
        top: 435px;
    }
}