body{
	height:						100%;
	margin: 					0 auto;
	
	font-family:				Ubuntu;
	color:						#373741;
	font-weight:				400;
}

header {
	height: 					auto;

	background-image:			url(../images/header.jpg);
	background-repeat:			no-repeat;
	background-size:			100% 4.4rem;
}

header img {
	width:						255px;

	margin-top:					1.7rem;
	margin-left:				1.2rem;
}

.frame {
	background-color:			#fff;
	padding-bottom: 			3rem;
}

.content {
	text-align:					center;
}

h1 {
	font-size:					2.8rem;
	color:						#1975D1;
	font-family:				Ubuntu;
	font-weight:				300;
}

h2 {
	font-size:					1.5rem;
	color:						#28A03F;
	font-family:				Ubuntu;
	/*margin-top:					2.5rem;*/
	margin-top: 				1rem;
	font-weight:				300;
	text-align: 				center;
}

h3 {
	font-size:					1.2rem;
	color:						#fff;
	font-family:				Ubuntu;
	font-weight:				300;
}

p {
	font-size:					1.2rem;
	text-align:  				center;
}

.text{
	text-align: 				left;
}

.line {
	margin-top: 				2.5rem;
	margin-bottom: 				2.5rem;
}

.prices {
	margin-top:					2rem;
}

.top{
	margin-top: 				-0.1rem;
}


/*extra styles domeinnaam gereserveerd*/
.banner{
	min-width: 					100%;
	background-color: 			#28A03F;
	padding-top: 				10px;
	padding-bottom: 			10px;
}

.photo{
	height: 					auto;
	margin:						10px 0;
}

.photo img{
	border-radius: 				0px 80px 0px;
	box-shadow: 				1px 1px 4px;
}

.about{
	margin-bottom: 				2.5rem;
}

.top-margin{
	margin-top: 				2.5rem;
}

.link{
	height: 					auto;

	padding-top: 				1rem;
	padding-bottom:				1rem;
	margin-bottom: 				1.5rem;
	
	border-radius: 				5px;
	background-color: 			#E3AB10;
	display: block;
}

.link p{
	color: 						#FFF;
	
	font-size: 					1rem;
	line-height: 				1rem;
	text-align: 				center;

	margin:						0;
	padding: 					0;
	display: block;
}

.link p:hover{
	text-decoration: 			underline;
}
/*einde extra styles domeinnaam gereserveerd*/



.pricing-table {
	border:						none;
	
	margin-bottom:				1.55rem;
	margin-top: 				1rem;

	transform:					scale(1);
	transition: 				0.4s ease;
}

.pricing-table:hover {
	transform:					scale(1.05);
}

.pricing-table .title {
    color: 						#fff;
    font-family: 				Ubuntu;
    font-size: 					1.5rem;
    text-align: 				center;
    font-weight:				300;
    
	padding-top: 				0.9375rem;
    padding-bottom: 				0.9375rem;
}

.pricing-table.free .title {
	background-color: 			#28A049;
}

.pricing-table.professional .title {
	background-color: 			#3373BA;
}

.pricing-table.enterprise .title {
	background-color: 			#D04128;
}

.pricing-table.other .title {
	background-color: 			#E3AB10;
}

.pricing-table .price {
	background-color:			#E7E7E6;
    font-family: 				Ubuntu;
    font-size: 					1rem;
    text-align: 				center;
    font-weight:				300;
    
	padding-top: 				1.7rem;
    padding-bottom:				1.7rem;
    line-height:				1.2;
}

.pricing-table .price .number{
	font-size: 					2.5rem;
}

.pricing-table .price .euro{
	vertical-align:				top;
	line-height:				1.8;
}

.pricing-table.free .price {
	color: 						#28A049;
}

.pricing-table.professional .price {
	color: 						#3373BA;
}

.pricing-table.enterprise .price {
	color: 						#D04128;
}

.pricing-table.other .price {
	color: 						#E3AB10;
}

.pricing-table .info {
	background-color:			#EEEEED;
	color: 						#676767;
    font-family: 				Ubuntu;
    font-size: 					0.9rem;
    text-align: 				center;
    
    padding-bottom: 			0.9375rem;
   	padding-top:				0.9375rem;
    
    border-bottom:				1px solid #dbdcde;
}

.pricing-table .info.first {
	padding-top: 				1.82rem;
	padding-bottom: 			1.82rem:;
}

.info_box {
	background-color:			#EEEEED;
	
	padding:					0.8rem 1.5rem;
}

.info:last-child {
	border-bottom:				none;
}

.contact_button {
	border-radius:				3px;
	color:						white;
	
	padding-top:				0.7rem;
	padding-bottom:				0.7rem;

	margin-top:					1.6rem;
	margin-right:				0rem;
	margin-bottom:				1.2rem;
	margin-left:				0rem;
}

.contact_button a {
	color:						#fff;
}

.free .contact_button {
	background-color:			#28A049;
}

.professional .contact_button {
	background-color:			#3373BA;
}

.enterprise .contact_button {
	background-color:			#D04128;
}

.other .contact_button {
	background-color:			#E3AB10;
}

@media only screen and (max-width: 640px) {
	.info_box {	
		padding:					0.1rem 1.5rem;
	}
	
	p {
		font-size:					1rem;
	}
	h1 {
		font-size:					2rem;
	}
	h2 {
		font-size:					1.3rem;
	}
}

.table {
	margin-top:					2rem;
}

table {
    width: 						100%;
}

.table table th, .table table td {
	color:						#676767;
}

.table table th {
	font-size:					1rem;
}

footer {
	color:						white;
    font-size: 					0.8rem;
    
    padding-top:	 			1rem;
    padding-bottom: 			1rem;	

    background-image:			url(../images/background.jpg);
}
.contact a {
	color:						#fff;
}

.contact .columns {
	margin-bottom:				1rem;
}