body
{
  background-color:#99CCFF; /* fallback for old browsers */
  background-image:url('Yachts-Small-Flat.jpg'); 
  background-size:cover;
  background-repeat:no-repeat;
  background-position: center center;
  background-attachment: fixed;
}
.Header
{
	margin-top:50px;
	margin-right:50px;
	height:100px;
	display:block;
	background-color:transparent;
	text-align:right;
	vertical-align:middle;
}
.Header a
{
	width:100%
}
.Header img
{
	margin:auto;
	text-align:center
}

.Banner
{
	float:left;
	width:150px;
	height:110px;
	display:none;
	background-repeat:no-repeat;
	display:table-cell;
	background-position: center center;

}
.BannerImageLeft,.BannerImageRight,.BannerImage
{
	display:none;
}
.BannerLeft
{
	float:left;
	display:table-cell;
	height:200px;
	width:255px;
	margin-left:5%;
	background-image:url('BannerLeft50.png');
	background-repeat:no-repeat;
	background-position: center center;
}
.BannerRight
{
	float:right;
	display:table-cell;
	height:150px;
	width:180px;
	background-image:url('MCGold.png');
	background-repeat:no-repeat;
	background-position: center center;
    margin-right: 100px;
    padding-bottom:40px;

}

.reverse
{
	background-color: #3CAF4D; /* fallback for old browsers */
	color:white;
	
}


.login-page {
    width: 300px;
    padding: 50px 0 0 0;
    margin: 0 auto;
    margin-right: 50px;
}

.Footer
{
	display:none;	
}

@media screen and (max-width: 760px) {
.Banner
{
	display:none;
}
.BannerRight
{
	display:none;
}
.BannerLeft
{
	display:block;
	float:none;
	margin:auto;
	
}
.login-page {
    margin: auto ;
}

.Header
{
	height:200px;
}

}

@media screen and (max-width: 550px) {
.Banner
{
	display:none;
}
.Header
{
	height:200px;
}
.login-page {
    margin: auto ;
}
}
@media screen and (max-width: 550px) {
body
{
  background-image:url('Yachts-Tiny-Flat.jpg'); 
}
}
@media screen and (min-width: 1100px) {
body
{
  background-image:url('Yachts-Medium-flat.jpg'); 
}
}
@media screen and (min-width: 1700px) {
body
{
  background-image:url('Yachts-Large-Flat.jpg'); 
}
}