.container-pakket {
margin: 0 auto;
width: 100% !important;
font-family: 'Roboto', sans-serif; }
.container-pakket h3 {
margin-bottom: 20px;
font-weight: bold;
font-size: 24px;
margin-top: 10px;
}
.container-pakket p {
line-height: 8px;
}
.prijs-pakket {
text-align: center;
font-size: 16px;
}
.content-block-pakket {
width: calc(33.33% - 76.75px);
margin-right: 25px;
padding: 30px;
box-shadow: 0 0 20px #0000001d;
float: left;
background-color: white;
}
.content-block-pakket:last-child {
margin-right: 0px;
}
.pakket-info {
width: 60%;
}
.pakket-info,
.pakket-img {
display: block;
float: left;
margin-bottom: 30px;
font-weight: bold;
font-style: italic;
font-size: 14px;
}
.pakket-img {
width: 40%;
height: 124px;
margin-top: -10px;
}
.container-pakket button {
display: block;
margin: 0 auto !important;
margin-bottom: 10px;
height: 42px;
width: 90px;
background: #4080ff;
color: white;
border: 0px;
}
.container-pakket button:hover {
background-color: #3f3f3f;
cursor: pointer;
} .blue-button-webhostings{
color:white !important;
background: #4080ff;
padding: 10px 20px;
margin: 0 auto;
display: block;
width: 48px;
text-align: center;
}
.blue-button-webhostings:hover{
background-color: #3f3f3f;
}
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 999px) {
.pakket-info,
.pakket-img {
width: 100%;
margin-bottom: 40px;
}
}
@media screen and (max-width: 700px) {
.content-block-pakket {
width: calc(100% - 60px);
}
.pakket-info,
.pakket-img {
margin-bottom: 30px;
}
.pakket-info {
width: 60%;
}
.pakket-img {
width: 40%;
}
.content-block-pakket {
margin-bottom: 30px;
}
.prijs-pakket {
clear: both;
}
.pakket-info p {
margin-bottom: 1em !important;
line-height: 20px;
}
}