/*Body*/

body{
	height: auto;
	margin: 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	/*background-image: linear-gradient(to bottom, #273790, #202d82, #182474, #0f1b66, #051259);*/ /*original*/
	/*background-image: linear-gradient(to bottom, #62a5fb, #4485e7, #2b66d1, #1646b9, #09249f);*/ /*light*/
	background-image: radial-gradient( circle 770.6px at 10% 20%,  rgba(246,71,71,1) 0%, rgba(189,35,35,1) 74.9% );
}

/*Divs and Containers*/

.dialog-box {	
	width: 585px;
	height: 700px;
	background: white;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 100px;
	margin-bottom: 100px;
	/*text-align: center;*/
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	/*background: green;*/
	display: flex;
	align-items: center;
} 

.useable-area {
	/*background: blue;*/
	width: 80%;
	height: 80%;
	/*background: red;*/
	margin: 0 auto;
	display: flex;
	align-items: center;
}

/*Buttons*/

.btn-custom {
	background-color: #d32626;
	color: white;
}

.btn-custom:hover {
	background-color: #b52020;
	color: white;
}

/*Images*/

.logo-properties{
	display: block;
	margin-left: auto;
	margin-bottom: 55px;
	margin-right: auto;
	height: 240px;
	width: auto;
}

/*Media Screen*/

@media screen and (max-width: 768px) {
	/* comes into effect for screens less than or equal to 768 pixels */
	.dialog-box {
		margin: 0 auto;
		margin-top: 100px;
		margin-bottom: 100px;
		width: 350px;
		height: 600px;
	}

	.logo-properties {
		display: block;
		margin-left: auto;
		margin-bottom: 55px;
		margin-right: auto;
		height: 180px;
		width: auto;
	}
}