@font-face {
    font-family: Montserrat;
    src:url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

html,body{width:100%;height:100%;position:relative;}
.background.under-construction {
    height: 100vh;
    background: linear-gradient(rgba(255, 255, 255,0.4) 40%, rgba(255, 255, 255,0.7)) 150%,url(../photos/achtergrond_sportbetalingen.jpg);
    background-repeat:no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
}

.content {
    width: 100%;
    display: block;
    padding: 100px 50px;
    background-color: white;
    border-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    font-size: 16px;
    text-align: center;
    position: relative;
    padding-top: 50px;
}
.content img {position:absolute;top:20px;left:20px;width:75px;height:75px;}

.content h2 {
    font-family:Montserrat;
    font-weight:800;
    font-size: 42px;
    margin-bottom: 50px;
    color:#333;
}

.content p {
    font-size:20px;
}

.cta {
    background-color:#3d66b0;
}

.cta:first-child {
    border-bottom-left-radius:10px;
}

.cta:last-child {
    border-bottom-right-radius:10px;
}

.cta a {
    display:block;
    color:white;
    padding:25px 0px;
}

.cta a:hover {
    color:#ccc;
    text-decoration:none;
}

.cta a i {
    font-size:26px;
    padding-right:15px;
}

.cta a span {
    font-size:20px;
}

@media screen and (max-width:1199px) {
    .cta a i {display: block;padding-bottom:15px;}
    .cta a span {display: block;}
}

@media screen and (min-width:768px){
    .cta {text-align:center;}
}

@media screen and (max-width:767px) {
    .background.under-construction{background:url(../photos/achtergrond_sportbetalingen.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center;}
    .content {padding:25px;text-align:left;background-color:rgba(255,255,255,1);}
    .content h2 {font-size:26px;margin-bottom:25px;}
    .content p{font-size:16px;}
    .content img {width:50px;height:50px;top:15px;right:15px;left:auto;}

    .cta{text-align:left;}
    .cta:first-child{border-bottom-left-radius:0px;}
    .cta:last-child{border-bottom-left-radius:10px;}

    .cta a{padding:15px;}
    .cta a i {font-size:18px;display:inline-block;}
    .cta a span {font-size:16px;display:inline-block;}
}