html,
body {
    height: 100%;
}

.container
{
    height: 100%;
    width:100%;
    background-image: url(/media/rhodesuniversity/styleassets/2019v6/css/"");
	background-size: cover;
	background-repeat:no-repeat;
}
.container-box
{
	display:inline-block;
	padding:0px;
	position: fixed;
  	top: 80%;
  	left: 0;

}

.modal-content
{
	background: rgba(255, 255, 255,);	
}


.rotated
{
	-moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    transform-origin: top left;
}