/* 0. Base Style  */
/* initialization */
.flex-container{
  display: flex;
  z-index: 10;
  height: 100%;
  justify-content:center;
}
.filmentert{
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  z-index: 10;
  display: flex;
  justify-content:center;
  align-items: center;
  height:100%;
  /*border-right: 1px solid #fff;*/
}
.filmentert:after {
  position: absolute;
      content: "";
      top: 25%;
      right: 0;
      height: 50%;
      width: 1px;
      border-right: 1px solid #fff;
  }

.filmrentls{
  /*background-color: gray;*/
  width: 100%;
  z-index: 10;
  display: flex;
  justify-content:center;
  align-items: center;
}

.filmentert .h-right a {
    font-size: 1.1rem;
    color: #1d1d1d;
    background: #fff;
    display: inline-block;
    padding: 0 8px;
    padding-bottom: 1px;
    margin-top: 1%;
    transition: 0.3s;
    transition: transform 0.5s;
}

.filmentert .h-right a:hover {/*dguay*/
		color: #4c4c4c;
		background: #d1d1d1;
		transform: scale(1.15);/*dguay*/
}

.filmrentls .h-right a {
    font-size: 1.1rem;
    color: #1d1d1d;
    background: #fff;
    display: inline-block;
    padding: 0 8px;
    padding-bottom: 1px;
    margin-top: 1%;
    transition: 0.3s;
    transition: transform 0.5s;
}

.filmrentls .h-right a:hover {/*dguay*/
		color: #4c4c4c;
		background: #d1d1d1;
		transform: scale(1.15);/*dguay*/
}

/*start media quieries*/
@media only screen and (max-width:844px){
  .h-right{
    padding: 0 4rem;
  }
}

@media only screen and (max-width:844px){
.filmrentls .h-right a {
    font-size: 0.9rem;
  }
}

@media only screen and (max-width:844px){
.filmentert .h-right a {
    font-size: 0.9rem;
  }
}

@media only screen and (max-width:844px){
.h-right h4{/*dguay*/
    text-align: center;
  }
}

@media only screen and (max-width:844px){
  .filmentert{
    position: relative;
    background: none;
    width: 100%;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    /*border-right: 1px solid #fff;*/
  }
}

@media all and (orientation:portrait) and (max-width:430px){
.flex-container{
  display: flex;
  flex-direction: column;
  z-index: 10;
  height: 100%;
  justify-content:space-evenly;
}
}


@media all and (orientation:portrait) and (max-width:430px){
  .filmentert{
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content:space-evenly;
    align-items: center;
    /*border-right: 1px solid #fff;*/
  }
}

@media all and (orientation:portrait) and (max-width:430px){
.filmentert:after {
      position: inherit;
      content: "";
      top: 0;
      right: 0;
      height: 0;
      width: 80%;
      border-bottom: 1px solid #fff;
      border-right: none;
      margin: 0 auto;
      padding-bottom: 18%;
  }
}

@media all and (orientation:portrait) and (max-width:430px){
  .filmrentls{
    /*background-color: gray;*/
    width: 100%;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
  }
}