.main-body-content {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #fff;
}

.main-body-content p {
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.main-body-content h1, .main-body-content h2, .main-body-content h3, .main-body-content h4, .main-body-content h5, .main-body-content h6 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.main-body-content ul, .main-body-content ol {
	margin-top: 15px;
	margin-bottom: 15px;
}

.main-body-content ol li {

}
.main-body-content ul {
	list-style-type: none;
}

.main-body-content li {
	font-size: 18px;
}
.main-body-content .text-italic, .main-body-content em  {
	font-style: italic;
	font-weight: inherit;
}

.main-body-content .text-underline, .main-body-content u {
	text-decoration: underline;
	font-weight: inherit;
}

.main-body-content .text-light {
	font-weight: 100;
}

.main-body-content strong, .main-body-content .text-bold {
	font-weight: 700;
}

.main-body-content .text-extra-bold {
	font-weight: 900;
}


.main-body-content .text-smaller {
	font-size: 90%;
}

.main-body-content .text-bigger {
	font-size: 125%;
}

.main-body-content h1, .main-body-content .h1 {
	font-size: 42px;
}

.main-body-content h2, .main-body-content .h2 {
	font-size: 32px;
}

.main-body-content h3, .main-body-content .h3 {
	font-size: 28px;
}

.main-body-content h4, .main-body-content .h4 {
	font-size: 24px;
}

.main-body-content h5, .main-body-content .h5 {
	font-size: 22px;
}

.main-body-content h6, .main-body-content .h6 {
	font-size: 20px;
}

.main-body-content a {
	color: #026ee2;
	text-decoration: underline;
}

.main-body-content a:hover {
	text-decoration: none;
}

.main-body-content .text-white {
	color: #fff;
}

.main-body-content .text-red {
	color: #fd5a51;
}

.main-body-content .text-black {
	color: #000;
}


.main-body-content .click {
	cursor: pointer;
}

.main-body-content ul {
	list-style-type: none;
}

.main-body-content ul li {
	font-size: 18px;
}

.main-body-content div.spacer {
	display: block;
	height: 15px;
	width: 100%;
}

.main-body-content .padding-0 {
	padding: 0;
}



/*--------------------------------------*/

body {
	background-color: #b9f6fa;
	background-image: url(https://d2l6tmiv6e1a1j.cloudfront.net/deltasleep/MMDS_190924_login_bg.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}


input {
    border-width: 1px;
    border-style: solid;
    border-color: #666666;
    border-radius: 7px;
    padding: 16px;
    width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    color: #145090
}

.main-body-content input:-webkit-autofill,
.main-body-content input:-webkit-autofill:hover, 
.main-body-content input:-webkit-autofill:focus {
    background-color: #fff !important;
    -webkit-text-fill-color: #145090;
    -webkit-box-shadow: 0 0 0 30px #fff inset;
    font-weight: bold;
}


.form input[type=submit] {
    width: 100%;
    background-color: #002741;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px;
}

.form input[type=submit]:hover {
    background-color: #669dd6
}


.btn-primary {
    background-color: #002741;
    color: #fff;
    font-size: 14px;
    padding: 4px 10px;
}




















.mm-logo{
	max-width: 246px;
}

/* -------------------------------- */
@media (min-width:380px) {
	.mm-logo {
		position: absolute;
		bottom: 15px;
		left: 50%;
		margin-left: -123px;
	}
}


@media (min-width:769px) and (max-width:991px) {
	.main-body-content h1, .main-body-content .h1 {
		font-size: 40px;
	}
	.main-body-content h2, .main-body-content .h2 {
		font-size: 30px;
	}
	.main-body-content h3, .main-body-content .h3 {
		font-size: 26px;
	}
	.main-body-content h4, .main-body-content .h4 {
		font-size: 24px;
	}
	.main-body-content h5, .main-body-content .h5 {
		font-size: 22px;
	}
	.main-body-content h6, .main-body-content .h6 {
		font-size: 20px;
	}
}

@media (min-width:481px) and (max-width:768px) {
	.main-body-content p {
		font-size: 18px;
	}
	.main-body-content .text-smaller {
		font-size: 80%;
	}
	.main-body-content h1, .main-body-content .h1 {
		font-size: 34px;
	}
	.main-body-content h2, .main-body-content .h2 {
		font-size: 30px;
	}
	.main-body-content h3, .main-body-content .h3 {
		font-size: 26px;
	}
	.main-body-content h4, .main-body-content .h4 {
		font-size: 24px;
	}
	.main-body-content li {
		font-size: 18px;
	}
	.dfs-logo {
		max-width: 350px;
	}
}


@media (max-width:480px) {
	.main-body-content p {
		font-size: 16px;
	}
	.main-body-content .text-smaller {
		font-size: 80%;
	}
	.main-body-content h1, .main-body-content .h1 {
		font-size: 24px;
	}
	.main-body-content h2, .main-body-content .h2 {
		font-size: 22px;
	}
	.main-body-content h3, .main-body-content .h3 {
		font-size: 20px;
	}
	.main-body-content h4, .main-body-content .h4 {
		font-size: 18px;
	}
	.main-body-content li {
		font-size: 16px;
	}
	.dfs-logo {
		max-width: 350px;
		width: 100%;
	}
}


@media (max-width: 991px) {
	body {
		background-image: url(https://d2l6tmiv6e1a1j.cloudfront.net/deltasleep/MMDS_190924_login_bg2.jpg);
	}
}

.mm-logo{
  -webkit-filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .3));
  filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .3));
}