@import url(http://db.onlinewebfonts.com/c/23c0fcab84d99da0de762de7e220a6e1?family=Europa);

 @font-face {font-family: "Europa"; src: url("http://db.onlinewebfonts.com/t/23c0fcab84d99da0de762de7e220a6e1.eot"); src: url("http://db.onlinewebfonts.com/t/23c0fcab84d99da0de762de7e220a6e1.eot?#iefix") format("embedded-opentype"), url("http://db.onlinewebfonts.com/t/23c0fcab84d99da0de762de7e220a6e1.woff2") format("woff2"), url("http://db.onlinewebfonts.com/t/23c0fcab84d99da0de762de7e220a6e1.woff") format("woff"), url("http://db.onlinewebfonts.com/t/23c0fcab84d99da0de762de7e220a6e1.ttf") format("truetype"), url("http://db.onlinewebfonts.com/t/23c0fcab84d99da0de762de7e220a6e1.svg#Europa") format("svg"); }

.header{

font-family: Europa, sans-serif;
font-style: normal;
font-weight:300;
letter-spacing: 8px;
text-align:center;
padding-top: 32px;
padding-left: 32px;
padding-right: 32px;
flex: auto;
}

a {
  color: inherit;
}

a:hover {
    color:inherit;
    text-decoration:none;
    cursor:pointer;
}


.logoName {
  display: block;
  font-size: 2em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  margin-bottom: 9px;
}

#Clabel {

display:block;
margin-right: auto;
margin-left:auto;
width:10%;
position: relative;
vertical-align:bottom;
margin-top: 5%;



}



.header {
  display: flex;
  justify-content: center;
  position: relative;
}

.logoName {
  text-align: center;
}

.back {
  position: absolute;
  left: 0;
}

.videowrapper{
display:flex;
flex-direction: column;
width: 50%;
margin-top: 1%;
margin-bottom:20%;
}

/*NavBar*/

.icons {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  filter: invert(52%) sepia(19%) saturate(0%) hue-rotate(153deg) brightness(92%) contrast(65%);
}

.icons.active {
  filter: none; !important
}


.nav-link {

font-family: Europa, sans-serif;

}

.navbar-nav {
  flex-direction: row;
}

.navbar {
  padding-bottom: 32px;
  padding-right: 32px;

}

.row.justify-content-md-center.nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 4px;
    align-items: center;
    align-content: center;
    margin-top: -30px;
    flex-direction: column;
}

ul {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 24rem;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
li {
    display: block;
    flex: 0 1 auto;
    list-style-type: none;
}

.iwt{
display:block;
}

.container-fluid.contact {
  padding-top: 10%;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}


.iconsContact {
  padding-right: 10px;
  width: 24px;
  height: 24px;
}
/* li {
    display:inline;
    padding: 10px 60px;
} */

/*Images*/

@import url(http://db.onlinewebfonts.com/c/23c0fcab84d99da0de762de7e220a6e1?family=Europa);

 @font-face {font-family: "Europa"; src: url("http://db.onlinewebfonts.com/t/23c0fcab84d99da0de762de7e220a6e1.eot"); src: url("http://db.onlinewebfonts.com/t/23c0fcab84d99da0de762de7e220a6e1.eot?#iefix") format("embedded-opentype"), url("http://db.onlinewebfonts.com/t/23c0fcab84d99da0de762de7e220a6e1.woff2") format("woff2"), url("http://db.onlinewebfonts.com/t/23c0fcab84d99da0de762de7e220a6e1.woff") format("woff"), url("http://db.onlinewebfonts.com/t/23c0fcab84d99da0de762de7e220a6e1.ttf") format("truetype"), url("http://db.onlinewebfonts.com/t/23c0fcab84d99da0de762de7e220a6e1.svg#Europa") format("svg"); }

*{
box-sizing:border-box;
}

html {
  width: 100vw;
}

body{
margin:0;
  overflow-x: hidden;
}

.row {
display:flex;
flex-wrap: wrap;
padding: 0 4px;
}

.column{
flex:50%;
max-width:50%;
padding: 0 4px;
}

.column img{

margin-top:8px;
vertical-align:middle;
}

#dcsym{
float:left;
width:25px;
height:auto;
display:inline;
padding-top: 22px;
margin-left: 22px;
}

.row.justify-content-md-center.contact {
margin-bottom: 12px;
}
/*mobile phone screens*/

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

  .header {

  font-family: Europa, sans-serif;
  font-style: normal;
  font-size: 8px;
  font-weight:100;
  letter-spacing: 8px;
  text-align:center;
}


#dcsym {
  visibility: hidden;
}

.column {

flex: 50%;
max-width: 50%;
}
}

/*mobile phone screens*/

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

  .header {

  font-family: Europa, sans-serif;
  font-style: normal;
  font-size: 8px;
  font-weight:100;
  letter-spacing: 8px;
  text-align:center;

}

#Clabel {

display:block;
margin-right: auto;
margin-left:auto;
width:25%;
position: relative;
vertical-align:bottom;
margin-top: 30%;}
}

/*Moving_Images*/

.header{

font-family: europa, sans-serif;
font-style: normal;
font-weight:300;
letter-spacing: 8px;
text-align:center;
padding: 32px;
}

#dcsym{
float:left;
width:25px;
height:auto;
display:inline;
padding-top: 22px;
}


#dcsym.img{

width: 25px;
height:auto;
display:inline;}

.two, .three{
display:block;
position: relative;
margin-top:5%;}

.vid {
  display: block;
  position: relative;
  margin-top: 5%;
} 

#btnvis_dior, #btnvis_shakira, #btnvis_moriah{
  
border:0;
padding:0;
background: none;
}

 /* === Custom Fixes for Moriah GIF === */ 

#moriahgif {
  width: 100%;
  height: auto;
  display: block;
  border: none;
  transform: scale(1.15);
  transform-origin: top left;
}


#dioriframe{display:none;}

#shakiraiframe{display:none;}

#moriahiframe{display:none;}


/*mobile phone screens*/

@media screen and (min-width: 280px) and (max-width: 480px) {

  .header {

  font-family: Europa, sans-serif;
  font-style: normal;
  font-size: 8px;
  font-weight:100;
  letter-spacing: 8px;
  text-align:center;}

  #dcsym {
    visibility: hidden;
  }

  .vid iframe {
    width:320px;
    height: 180px;
  }

  .videowrapper{
  display:flex;
  flex-direction: column;
  width:fit-content;
  margin-top: 1%;
  margin-bottom:20%;
  }
}


/*Contact*/

.icon{
  position: relative;
  left: 1%;}

 .ironlow{
   position: relative;
   left:-1%;
   margin-left:1.5%;

  }

  a:link, a:visited
  {
    color: black;
    text-decoration: none;
  }

  @media screen and (max-width: 426px) {
    .icons {
      width: 16px;
      height: 16px;
      margin-right: 5px;
      filter: invert(52%) sepia(19%) saturate(0%) hue-rotate(153deg) brightness(92%) contrast(65%);
    }

    .navbar {
      padding-right: 16px;
      width: 365px;
    }

  }

  @media screen and (max-width: 321px) {
    .icons {
      width: 16px;
      height: 16px;
      margin-right: 5px;
      filter: invert(52%) sepia(19%) saturate(0%) hue-rotate(153deg) brightness(92%) contrast(65%);
    }

    .navbar {
      padding-right: 16px;
      width: 335px;
    }

  }



/*mobile phone screens*/

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

  .header {

  font-family: Europa, sans-serif;
  font-style: normal;
  font-size: 8px;
  font-weight:100;
  letter-spacing: 8px;
  text-align:center;}


#dcsym {
  visibility: hidden;
}
}