body{ margin:0px; padding:0px; font-family:Arial; background-color:#5D2684;}
.ClearAll{ clear:both;}
@font-face { font-family:CenturyGothic; src: url(../fonts/centurygothic.ttf);}

@media only screen and (min-width: 240px) and (min-device-width: 240px)
{
	/* Logo */
	.LogoAdeleandSmith{ width: auto; margin:auto; margin-top:20px; text-align:center;}
	.LogoAdeleandSmith img{ width:100%; max-width:280px;}
	
	/* Banner */
	.BannerPicture{ width: auto; height: auto; margin:auto; margin-top:20px; margin-left:10px; margin-right:10px;}
	.BannerPicture img{ width:100%; border:0px solid #3F154F;}
}

@media only screen and (min-width: 768px) and (min-device-width: 768px)
{
	/* Logo */
	.LogoAdeleandSmith{ width: auto; margin:auto; margin-top:20px; text-align:center;}
	.LogoAdeleandSmith img{ width:100%; max-width:350px;}
	
	/* Banner */
	.BannerPicture{ width: auto; height: auto; margin:auto; margin-top:20px; margin-left:10px; margin-right:10px;}
	.BannerPicture img{ width:100%;}
}

@media only screen and (min-width: 1024px) and (min-device-width: 1024px)
{
	/* Logo */
	.LogoAdeleandSmith{ width: auto; margin:auto; margin-top:20px; text-align:center;}
	.LogoAdeleandSmith img{ width:350px;}
	
	/* Banner */
	.BannerPicture{ width:980px; height:auto; margin:auto; margin-top:20px; text-align:center;}
	.BannerPicture img{ width:980px;}
}

@media only screen and (min-width: 1366px) and (min-device-width: 1366px)
{
	/* Logo */
	.LogoAdeleandSmith{ width: auto; margin:auto; margin-top:20px; text-align:center;}
	.LogoAdeleandSmith img{ width:350px;}
	
	/* Banner */
	.BannerPicture{ width:1200px; height:auto; margin:auto; margin-top:20px; text-align:center;}
	.BannerPicture img{ width:1200px;}
}