.main-banner {
    background-image: url(/content/dam/discover/en_us/credit-cards/card-portfolio/images/opp-opa/mrq-opa-mag-glass.svg);
    padding-top: 51px;
    padding-bottom: 51px;
    background-repeat: no-repeat;
    background-position-x: 65%;
    background-position-y: center;
	background-color: #efeff1;
	font-family: DiscoverSans-SemiBold;
	color:#23233f;
	background-size:auto;
}
/*#unknown .main-banner {
    background-image: url(/content/dam/discover/en_us/credit-cards/card-portfolio/opp-opa/images/mrq-opp-key.svg);
	}*/
.main-banner{
    background-image: url(/content/dam/discover/en_us/credit-cards/card-portfolio/images/opp-opa/mrq-opp-key-orange.svg);
	}
.sub-txt.bold-font{
    font-size: 1.25em;
    font-family: 'DiscoverSans-Bold';
    line-height: 1.5;
}
.main-banner p.sub-head {
max-width: 442px;
margin-top: 12px;
}
.main-banner p.sub-head b {
font-family: DiscoverSans-Bold;
}
.new-headline {display:flex; margin-bottom:8px;}
.new-headline img{margin-right:8px;}
.new-container {
    background-color: #23233f;
    padding: 2px 8px;
    color: #fff;
    border-radius: 4px;
    margin-right: 8px;
}
.headline {
    font-family: DiscoverSans-Bold;
	font-size: 2em;
    max-width: 442px;
    line-height: 1.31;
}
#qr {display:flex;margin-top:24px;align-items: center;}
#qr img {width:100px;}
#qr .link {
    width:100px;
    padding-left: 17px;
    color: #3057b9;
	font-size:0.875em;
}
#qr .link.opp {
    width:140px;
}
#unknown .multicolumnimagetext .multi-onlinepay .multi-col-heading h2 {
    margin-top: 6%;
}
.mid-box {
  max-width: 972px;
  width:100%;
  padding: 29px 48px 28px;
  border-radius: 12px;
  background-color: #23233f;
  display: flex;
  position:relative;
  top:6em;
  align-items:center;
}

.mid-box a.btn-primary{
  display: block;
  width:100%;
  margin-top:0px;
  
}
.mid-box p{
 font-family: DiscoverSans-Bold;
 color:#fff;
 margin-left:40px;
 font-size:1.25em;
 line-height:1.5;
 
}

.main-content .btn-primary {
display:none;
padding: 9px 15px;
border-radius: 21.5px;
background-color: #ff6000;
font-family: 'DiscoverSans-Semibold';
font-size: 1em;
width: 95%;
color:#fff;
margin:auto;
text-align:center;
margin-top: 15px;
max-width: 100%;
}

.main-content .btn-primary.pre-approval  {
    max-width: 239px;
	margin-top:12px;
    margin-left: 0px;
}	
	

.bottom-banner {padding:32px 15px;}
.main-content a.btn-primary:hover {
background-color:#cc5200;
text-decoration: none;
}
.main-content .rte .btn-primary {
display:block;
width:150px;
}

.multicolumnimagetext .col-1 a img {
    max-width: 60px;
}
.multicolumnimagetext .col-2 a img {
    max-width: 24px;
}
.multicolumnimagetext .col-3 a img {
    max-width: 48px;
}
.multicolumnimagetext {
    font-family: 'DiscoverSans-Medium';
    color: #23233f;
}
.multicolumnimagetext .multi-onlinepay .multi-col-heading h2, .bottom-banner .btm-headline {
    font-family: 'DiscoverSans-Bold';
    font-size: 2em;
	color: #23233f;
	line-height: 36px;
}
.bottom-banner .btm-headline sup{
font-size:.675em;
}
.multicolumnimagetext .description p {
    font-size: .875em;
	line-height: 21px;
}
.multicolumnimagetext .multi-onlinepay .col-1 .article-style .subheading, .multicolumnimagetext .multi-onlinepay .col-2 .article-style .subheading, .multicolumnimagetext .multi-onlinepay .col-3 .article-style .subheading  {
    padding-top: 0px;

}

.multicolumnimagetext .multi-onlinepay .col-1 .article-style .subheading b {
    padding-top: 0px;
	   font-family: 'DiscoverSans-Bold' !important;
    font-size: 1.5em;
	line-height:1.5;
}

.multicolumnimagetext .multi-onlinepay .col-2 .article-style .subheading b, .multicolumnimagetext .multi-onlinepay .col-3 .article-style .subheading b {
    padding-top: 0px;
	   font-family: 'DiscoverSans-Bold' !important;
    font-size: 1em;
}


.multicolumnimagetext div:nth-child(1) {
    border-bottom-right-radius: 120px;
}

.app-content-left {
	font-family: 'DiscoverSans-Bold';
    font-size: 1.5em;
    line-height: 36px;
    max-width: 342px;
    margin-top: 12%;
}

div.app-content-right.heading {
    font-size: 1em;
    font-family: 'DiscoverSans-Bold';
	line-height:1.5;
	margin-top:20px;
}

.app-store-container {display:flex;margin-top:28px;}
.app-store-container div{width:149px;}
.multicolumnimagetext .col-2 .app-store-container a img {max-width:134px;}

.image {
text-align: center;
}
.image img{
    width: 96%;
    max-width: 617px;
}

.disclosure {    
	font-family: 'DiscoverSans-Medium';
    font-size: .75em;
    line-height: 18px;
	margin-top:48px;
    margin-bottom: 24px;
    color: #707082;
	}
	.standard-content b {
    font-family: 'DiscoverSans-Bold';
	}
@media screen and (max-width: 991px) {
#unknown .main-banner, #known .main-banner {
background-size:55%;
}
.main-banner {
    background-position-x: 120%;
	}
}

@media screen and (max-width: 767px) {
.multicolumnimagetext .multi-onlinepay .multi-col-heading h2 {
    font-size: 1.5em;
	line-height: 36px;
	
}
.multicolumnimagetext .multi-onlinepay .col-3 .article-style .subheading  {
    padding-top: 0px;
}
}

@media screen and (max-width: 760px) {
.main-banner {
    padding-top: 10px;
    padding-bottom: 70%;
    background-position-y: 120%;
    background-size:contain;
    text-align: center;
}
.new-headline {max-width: 442px; margin: 8px auto;}
#unknown .main-banner, #known .main-banner {
	/*background: url(/content/dam/discover/en_us/credit-cards/card-portfolio/opp-opa/images/cloud-1.png) left bottom no-repeat, url(/content/dam/discover/en_us/credit-cards/card-portfolio/opp-opa/images/cloud-2.png) right bottom no-repeat;*/
    background-size:0%;
	background-color: #efeff1;
	padding-bottom: 10%;
    text-align: left;
}
#unknown .sub-txt.bold-font, #known .sub-txt.bold-font{
    font-size: 0.875em;
}
.headline {
    margin: auto;
}
.main-banner p.sub-head {
    margin: 12px auto;
}
.main-content .btn-primary.pre-approval  {
    max-width: 430px;
	margin-left:auto;
	margin-right:auto;
}	
#qr {display:none;}
.main-content .btn-primary {display:block;}
}
@media screen and (max-width: 700px) {
.multicolumnimagetext .columns .col-3 .article-style {
    padding: 0px;
}

.mid-box {
  flex-direction: column-reverse;
  padding: 24px 15px 24px 13px;
  margin-top:-15%;

}
.mid-box p{

 margin-left:0px;

 
}
.mid-btn{
  width:100%;
  
}
.mid-box a.btn-primary{
  margin-top:15px;
  
}
#unknown .multicolumnimagetext .multi-onlinepay .multi-col-heading h2 {
    margin-top: 15%;
}
}
@media screen and (max-width: 699px) {
.multicolumnimagetext .col-2 {
padding-top:0px;
}
.multicolumnimagetext .col-1 {
padding-bottom:0px;
}
}
@media screen and (max-width: 380px) {
.app-store-container {flex-direction:column;}
.app-store-container div {
    width: 100%;
}
.multicolumnimagetext .col-2 .app-store-container a img {
    max-width: 240px;
}
}