@charset "UTF-8";
/* CSS Document */

@media (orientation: portrait) {
  /* CSS styles to apply when the viewport height is greater than or equal to its width */
  
body{
background-color:#F5ECE6;
padding:0px;
margin:0px;
}

.landImg{
display:none;
width:100%;
}

.landVid{
display:none;
}

.porImg{
display:flex;
width:100%;
}

p {
max-width:100%;
margin: 0px 0px 0px 20px;
padding: 0px 0px 30px 0px;
color:#EAAF6C;
}

.flex-container {
  display: flex;
  flex-direction: column;
  background-color:#F5ECE6;
  max-width:90%;
  margin:auto;
}

.flex-container div {
  margin: 0px;
  padding: 10px;
  font-size: 30px;
  justify-content: center;
  align-items: flex-start;
}



}


@media (orientation: landscape) {
  /* CSS styles to apply when the viewport width is greater than its height */
  
  .landImg{
display:block;
width:100%;
max-width:50%;
margin:0 auto !important;
}

.porImg{
display:none;
width:100%;
}

.porVid{
display:none;}
}