.promotion-container{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10%;
	padding-bottom: 3%
}

.promotion-box{
	background: #daf7fd;
	padding-bottom: 5%;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.promotion-content {
    background: #f9f9f9;
    padding: 5%;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    margin-top: -7%;
    position: relative;
    z-index: 1;
	border-radius: 15px;
}

.promotion-content h1 {
    text-align: center;
    font-size: 13pt;
	font-family: "Inter", sans-serif;
  	font-weight: 700;
}

.promotion-content p {
    text-align: center;
    margin: 0;
    font-size: 8pt;
    font-family: "Inter", sans-serif;
    padding-top: 2%;
    padding-bottom: 2%;
}

.promotion-button{
	background: #00d0fe;
	padding: 2%;
	width:50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;
	border-radius: 8px
}

.promotion-button p{
	color: white	
}


/* Mobile Portrait */
@media screen and (max-width: 768px) and (orientation: portrait) {
.promotion-box {
    background: #daf7fd;
    padding-bottom: 4%;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-bottom: 5%;
}	
}