/*accessibility*/
a, .btn-link {
  color: #22649f;
}
a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus {
  color: #17456c;
}

body { 
    background-image: url(/lists/mediaserver_images/digital/images/about-bg.jpg); 
    background-position:  center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lists/mediaserver_images/digital/images/about-bg.jpg', sizingMethod='scale'); /* IE */
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lists/mediaserver_images/digital/images/about-bg.jpg', sizingMethod='scale')";
}

#wrapper {
	padding:5px 25px;
}
@media (max-width: 767px) {
	.main-wrapper {
    	background-color: rgba(250, 250, 250, 0.8);
	}
	#wrapper {
		padding:10px;
	}
}
@media (max-width: 767px) {
	#wrapper .digital-logo img {
		max-height:60px;
	}
}
@media (min-width: 768px) {
	#wrapper h1 {
		font-size: 76px;
		margin-top: 62px;
	}
}
#wrapper p {
    font-size: 16px;
}
#wrapper h2 {
	font-weight:bold;
}
#wrapper h2, #wrapper p span {
	color: #0e4b9a;
}
#wrapper h4 {
	margin-top:15px;
	margin-bottom:5px;
}
#wrapper .button-quick-join a.btn {
	font-size:20px;
	background-color: rgba(232, 221, 2, 1);
    border: solid rgba(146, 146, 44, 1) 0px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
	color:#000;
	transition: color 0.4s ease 0s, background-color 0.4s ease 0s;
}
#wrapper .button-quick-join a.btn:hover, #wrapper .button-quick-join a.btn:focus {
    background-color: rgba(19, 131, 191, 1);
	color:#FFF;
}
#wrapper .button-login a.btn {
	font-size:20px;
	background-color: rgba(14, 75, 154, 1);
    border: solid rgba(146, 146, 44, 1) 0px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
	color:#fff;
	transition: color 0.4s ease 0s, background-color 0.4s ease 0s;
}
#wrapper .button-login a.btn:hover, #wrapper .button-login a.btn:focus {
    background-color: rgba(186, 207, 226, 1);
	color:#000;
}
@media (max-width: 767px) {
	#wrapper .button-quick-join a.btn, #wrapper .button-login a.btn {
		font-size:14px;
		font-weight:bold;
	}
}
#wrapper .button-desc p {
	line-height: 1.2;
	padding-top:5px;
}
#wrapper p a {
	text-decoration:underline;
}