@media screen and (orientation: portrait)
  and (min-device-height: 1366px) {

  div.logobar {
      padding: 10px 15px;
      background-color: rgb(248, 248, 248);
      color: #777777;
      background-image: url("../../getImage/ecsa-2024/orig/lux1.png");
      background-image:rect(0, 100px, 250px, 0);
      background-size: 100% auto;
      background-repeat: no-repeat;
      /*width: 600px;*/
      box-sizing: border-box;
      /*height is changed to a relative one. Older: height: 250px;*/
      height: 300px;
      border-bottom: none;
      position: relative;
      background-position: center ;
      background-size: cover;


      animation: rotateBackgrounds 200s infinite;
  /*    background-position: 50% 50%;*/

  }
  .navbar-brand {
    font-size: 2.6em; 
    /*tarihi değiştiriyor*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: white! important;
    text-shadow: 0 0 3px black;
    display: block;
    float: none;
    padding: 80px 0 0 0;
    height: auto;
    line-height: 120%;
    letter-spacing: 4px;
   
  }
  .place {
    float: left;
   
    display: block;
    font-size: 1.7em;
    /*yeditepe ist turkiyeyi değiştiriyor*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: white !important;
    text-shadow: 0 0 3px black;
    text-decoration:none

  }
}
@media screen and (orientation: portrait)
  and (max-device-height: 1365px) {

  div.logobar {
      padding: 10px 15px;
      background-color: rgb(248, 248, 248);
      color: #777777;
      background-image: url("../../getImage/ecsa-2024/orig/lux1.png");
      background-image:rect(0, 100px, 250px, 0);
      background-size: 100% auto;
      background-repeat: no-repeat;
      /*width: 600px;*/
      box-sizing: border-box;
      /*height is changed to a relative one. Older: height: 250px;*/
      height: 100%;
      border-bottom: none;
      position: relative;
      background-position: center ;
      background-size: cover;


      animation: rotateBackgrounds 200s infinite;
  /*    background-position: 50% 50%;*/

  }
  .navbar-brand {
    font-size: 2.6em; 
    /*tarihi değiştiriyor*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: white! important;
    text-shadow: 0 0 3px black;
    display: block;
    float: none;
    padding: 80px 0 0 0;
    height: auto;
    line-height: 120%;
    letter-spacing: 4px;
   
  }
  .place {
    float: left;
   
    display: block;
    font-size: 1.7em;
    /*yeditepe ist turkiyeyi değiştiriyor*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: white !important;
    text-shadow: 0 0 3px black;
    text-decoration:none

  }
}

@media screen and (orientation: landscape) 
  and (max-device-height: 1080px){
  div.logobar {
        padding: 10px 15px;
        background-color: rgb(248, 248, 248);
        color: #777777;
        background-image: url("../../getImage/ecsa-2024/orig/lux1.png");
        background-image:rect(0, 100px, 250px, 0);
        background-size: 100% auto;
        background-repeat: no-repeat;
        /*width: 600px;*/
        box-sizing: border-box;
        /*height is changed to a relative one. Older: height: 250px;*/
        height: 220px;
        border-bottom: none;
        position: relative;
        background-position: center ;
        background-size: cover;


        animation: rotateBackgrounds 200s infinite;
    /*    background-position: 50% 50%;*/

    }
  .navbar-brand {
    font-size: 40px;
    /*tarihi değiştiriyor*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: white! important;
    text-shadow: 0 0 3px black;
    display: block;
    float: none;
    padding: 90px 0 0 0;
    height: auto;
    line-height: 120%;
    letter-spacing: 4px;
   
  }
  .place {
    float: left;
   
    display: block;
    font-size: 25px;
    /*yeditepe ist turkiyeyi değiştiriyor*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: white !important;
    text-shadow: 0 0 3px black;
    text-decoration:none

  }
}


@media screen and (orientation: landscape) 
  and (min-device-height: 1081px){
  div.logobar {
        padding: 10px 15px;
        background-color: rgb(248, 248, 248);
        color: #777777;
        background-image: url("../../getImage/ecsa-2024/orig/lux1.png");
        background-image:rect(0, 100px, 250px, 0);
        background-size: 100% auto;
        background-repeat: no-repeat;
        /*width: 600px;*/
        box-sizing: border-box;
        /*height is changed to a relative one. Older: height: 250px;*/
        height: 320px;
        border-bottom: none;
        position: relative;
        background-position: center ;
        background-size: cover;


        animation: rotateBackgrounds 200s infinite;
    /*    background-position: 50% 50%;*/

    }
  .navbar-brand {
    font-size: 60px; 
    /*tarihi değiştiriyor*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: white! important;
    text-shadow: 0 0 3px black;
    display: block;
    float: none;
    padding: 90px 0 0 0;
    height: auto;
    line-height: 120%;
    letter-spacing: 4px;
   
  }
  .place {
    float: left;
   
    display: block;
    font-size: 50px;
    /*yeditepe ist turkiyeyi değiştiriyor*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: white !important;
    text-shadow: 0 0 3px black;
    text-decoration:none

  }
}

@keyframes rotateBackgrounds {
  0% {
    background-image: url('../../getImage/ecsa-2024/orig/lux1.png'), url('../../getImage/ecsa-2024/orig/lux1.png');
  }
  35%{
    background-image: url('../../getImage/ecsa-2024/orig/lux3_1.jpg'), url('../../getImage/ecsa-2024/orig/lux3_1.jpg');
  }
  70%{
/*    background-image: url('../../getImage/ecsa-2024/orig/lux3.jpg'), url('../../getImage/ecsa-2024/orig/lux3.jpg');*/
  }

}

.logobar .container{
	border-bottom: none;
}
.logobar a {
    color: #4e5e6b;
}
.navbar{
  border-top: none !important;
}



.navbar{
  border-radius: 1.7em !important;
}


.place a:before {
/*PLACE, */
  content: "Parc Hotel Alvisse, ";
  color: white !important;
  text-decoration:none
  
}
.place a{
  color: white !important;
  text-decoration:none;
  display: block;
}
.place2 {
  float: right;
  padding : 23px 0 0 0px
}