.r-p-a { 
	background-color: rgba(0,0,0,0.7); display: -webkit-flex; display: flex; 
    -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;
	height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1000; 
}
.r-p-a .r-p-wrapper { background-color: #fff; height: 75%; padding: 15px; width: 40%; }
.r-p-a .r-p-wrapper .r-p { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; height: 100%; }
.r-p-a .r-p-wrapper .r-p .r-p-logo { display: block; height: 15%; padding: 10px; text-align: center; width: 100%;  }
.r-p-a .r-p-wrapper .r-p .r-p-logo img { height: auto;  max-height: 60px; }
.r-p-a .r-p-wrapper .r-p-text { display: block; height: 70%; margin: 0 auto; overflow-y: scroll; padding: 10px; width: 90%; }
.r-p-a .r-p-wrapper .r-p-bottom { 
	display: -webkit-flex; display: flex; height: 15%; margin: 0 auto; padding: 30px 20px 0; width: 100%; 
	-webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;
}
.r-p-a .r-p-wrapper .r-p-bottom button { cursor: pointer; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; padding: .375rem .75rem; font-size: 14px; line-height: 1.5; color: #fff; background-color: #17a2b8; border-color: #17a2b8; }
.r-p-a .r-p-wrapper .r-p-bottom button:hover { background-color: transparent; color: #17a2b8; }

@media (max-width: 1300px) { .r-p-a .r-p-wrapper { width: 60%; } }
@media (max-width: 1200px) { .r-p-a .r-p-wrapper { width: 70%; } }
@media (max-width: 1000px) { .r-p-a .r-p-wrapper { width: 90%; } }