body{
	background:linear-gradient(135deg,black,blue,lightblue);
}
.PrimaryFontColor{
	color:White;
}
.SecondayFontColor{
	color:Grey;
}
.BrandName{
	font-size:350%;
}
.TitleBar{
	background: linear-gradient(180deg,black,blue,lightblue);
}
.TransBackground{
	background-color:Transparent;
}
.btn-primaryColor{
	background-image:linear-gradient(to bottom, grey 0%, blue 90%);
}
.SecondaryFontSize{
	font-size:Large;
}
.DisplayPicture{
	background:linear-gradient(to right, white, lightblue);
    padding:10px;
}
.DisplayCaption{
	font-family:"Brush Script MT";
	font-style:italic;
}

@media (max-width:480px){
.SecondaryFontSize{
	font-size:Small;
}
.BrandName{
	font-size:Large;
}
.LogoPicture{
}
.DisplayPicture{
	width:80%;
}
.ParagraphText{
}
.ParagraphTitle{
	text-align:center;
	font-size:150%;
}
}
@media (max-width:748px){
.ParagraphTitle{
	text-align:center;
	font-size:200%;
}
}
@media (min-width:481px){
.BrandName{
	font-size:140%;
}
.LogoPicture{
	padding-left:5%;
}
.DisplayPicture{
	width:100%;
	max-width:900px;
}
.DisplayCaption{
	font-size:200%;
	position:relative;
	position:;
}
.ParagraphText{
	
}
.ParagraphTitle{
	font-size-adjust:50%;
}
}