.o-package {
	margin-bottom: 1.5em;
	border: 1px solid #d5d5d5;
	padding: 1em;
	vertical-align: top;
}

.o-package__title {
	margin-bottom: 1.5em;
}

.o-package__access {
	margin-bottom: 1.5em;
}

.o-package__details {
	right: 1em;
}

@media only screen and (max-width: 48.313em) {
	.o-package__details {
		top: 4em;
	}
}

@media only screen and (min-width: 48.314em) {
	.o-package__details {
		top: 2em;
	}
}

.o-package__price {
    width:100%;
}
.o-package__price:after {
    content: "";
    display: block;
    width: 100%;
    height:0;
    padding-bottom: 100%;
    background: #4679BD; 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}
.o-package__price p {
    color: #fff;
    float: left;
    font-size: 1em;
    line-height: 1em;
    margin-top: -0.7em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 50%;
    text-align: center;
    width: 100%;
}

.o-package__price--account {
	padding: 30px 14px;
}

.o-package__duration {
	font-size: .438em;
}

@media only screen and (min-width: 36.375em) {

	.o-package__img {
		float: left;
		margin-right: 1.5em;
		clear: both;
		width: 25%;
	}

	.o-package__info {
		float: left;
		width: 50%;
	}

	.o-package__button {
		float: right;
		clear: both;
	}

	.o-package__price {
		font-size: 2em;
	}

	.o-package__renew {
		float: right;
	}
}