.portrait {
	display:flex;
	align-items: center;
	justify-content: center;
	flex-direction:column;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,1);
}
.portrait div {text-align:center;}
.rotate-device {
	transform: rotate(-90deg);
	animation: rotatedevice 3s infinite;
	width:60vw;
}
@keyframes rotatedevice {
  0%   { transform: rotate(-90deg); }
  15%   { transform: rotate(-90deg); }
  40%  { transform: rotate(0deg); }
  98%  { transform: rotate(0deg); }
  100% { transform: rotate(-90deg); }
}
.portrait h6 {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    color:#666;
    padding:3vh;
    font-size:3vh;
    text-align:center;
}

.landscape {
	display:none;
}