.askploi-header {
	background-color: #05314d;
}

.askpoli-container{
	border-radius: 3%;
	background-color: rgb(12, 123, 145, 0.5);
	margin: auto;
	margin-top: 2%;
	margin-bottom:3%;
	max-width: 50%;
	padding-bottom: 50px;
	text-align: center;
}

.askpoli-container-body{
	text-align: center;
	margin:0px;
	margin-bottom:-20px;
}

.button-bg-height{
	width: 100% !important;
	height: 100px !important;
}

* {
	box-sizing: border-box;
}

.askpoli-modal-body {
	margin: 15px;
	border-radius: 1.3em;
	background-color: #05314d;
	display: inline-block;
	vertical-align: middle;
	max-height: 80%;
	text-align:center;
	word-wrap: break-word;
	padding:3em;
	color: #ffffff; 
	font-size:24px;  
	font-weight: 500;
	font-family: Source Sans Pro, sans-serif;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
}

.askpoli-button-style {                
	border-radius: 5px;
	border: none;
	margin-top:5em;
	padding: .4em 1.5em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-family: Source Sans Pro, sans-serif;
	font-size: 16px;
	font-weight: 800;
	cursor: pointer;
	width: 100%;                
	color: black;
	justify-content: space-between;
	align-items: center;
	background-color: white;
	margin-top:5%;
}                

.askpoli-button-style:hover {
	background-color: #0C7B91;
	color: white;
}

@media only screen and (min-width: 340px) and (max-width: 540px) {
	.askpoli-container {
		max-width: 86%;
	}
	.askpoli-modal-body {
		font-size: 22px;
	}
}

@media only screen and (min-width: 540px) and (max-width: 600px) {
	.askpoli-container {
        max-width: 67%;
        margin: 70px;
        margin-top: 20px;
	}
}

@media only screen and (min-width: 600px) and (max-width: 768px) {
	.askpoli-container {		
		max-width: 64%;
		padding-bottom: 50px;
	}
}

@media only screen and (min-width: 768px) and  (max-width: 912px) {
	.askpoli-container {
		max-width: 75%;
		padding-bottom: 50px;
	}
	.askpoli-modal-body {
		max-width: 55%;
	}
}

@media only screen and (min-width: 912px) and  (max-width: 992px) {
	.askpoli-container {
        max-width: 53%;
        padding-bottom: 30px;
	}
	.askpoli-modal-body {
		max-width: 60%;
	}
}

@media only screen and (min-width: 992px) and  (max-width: 1023px) {
	.askpoli-container {
		max-width: 75%;
		padding-bottom: 50px;
	}
	.askpoli-modal-body {
		max-width: 60%;
	}

}

@media only screen and (min-width: 1024px) and  (max-width: 1200px) {
	.askpoli-container {
		max-width: 75%;
		padding-bottom: 50px;
	}
	.askpoli-modal-body {
		max-width: 40%;
	}
}

@media only screen and (min-width: 1201px) {
	.askpoli-container {
		max-width: 66%;
		padding-bottom: 130px;
	}
	.askpoli-modal-body {
		max-width: 380px;
        min-height: 250px;
	}
	.askpoli-body {
		overflow-y: hidden;
	}

}