.ipad{
    max-height: 192.45px;
    width: auto !important;
}

.col-12 { padding: 0px; }

#footer .col-12 { padding: 0 15px; }

#mainContent {  background: #e5e8f7; }

.skyscraper { display: none; }



#PortalPagina { width: 100%; padding: 0 15px;}

#PortalPagina img { width: 100%; }

#PortalPagina h1 { font-size: 5rem; } 

#PortalPagina h2 { font-size: 48px; line-height: 60px; font-weight: 800;}

#PortalPagina h2 span { font-size: 24px; line-height: 24px; }

#PortalPagina p { font-size: 20px; line-height: 28px; }

#PortalPagina a { font-size: 1.3rem; color: #2997ff; margin-top: 2rem; display: block; }

#PortalPagina .container { margin: 2em 0; }

#PortalPagina #iMac a { color: black;}

/* Vlakverdeling */

.OmslagFoto { background: none; text-align: center; }

.OmslagFoto h1 span { color: #f3534a; }



#PortalPagina .SeoTekstvlak { padding: 30px; }



/* Content */

#Reden1 .row { background: black; color: white; border-radius: 20px;}

#Reden1 .row .SeoTekstvlak { padding: 50px; }

#Reden1 .ItemAfbeelding { padding: 100px; }



#Reden2 { background: white; border-radius: 20px; max-width: 65% !important; margin-right: 20px; text-align: center;}

#Reden2 .SeoTekstvlak { text-align: left;}

#Reden2 .ItemAfbeelding img { width: 72%; margin-top: 2em;  padding-bottom: 30px; }



#Reden3 { background: black; border-radius: 20px; color: white; }

#Reden3 h2 span { font-size: 48px; }

#Reden3 .ItemAfbeelding img { width: 220px; padding: 30px; margin-top: 7em; }

#Reden3 h2 .Gradient { background: -webkit-linear-gradient(#fff 66%, #6ae356 0%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }



#Reden4, .promo1 {  background: white; border-radius: 20px; max-width: 48.4%; margin-right: 20px; }

#Reden4 .ItemAfbeelding img,  { padding: 102px 0 0;  width: 460px; display: block; margin: 0 auto; }


#Reden5, .promo2 { background: white; border-radius: 20px; }

#Reden5 img { padding: 113px 0 0; width: 460px; display: block; margin: 0 auto; }



#Reden6 { max-width: 413px; background: linear-gradient(0deg,#297985,#119a6c); border-radius: 20px; color: white; }

#Reden6 .SeoTekstvlak a { color: white; }

#Reden6 picture.ItemAfbeelding img { width: 135px; margin: 30px 15px; }



#Reden7 { background: white; border-radius: 20px; overflow: hidden; max-width: 100%; margin-left: 20px; flex: 0 0 865px; }

#Reden7 .ItemAfbeelding img { margin: 7em -1em 0; width: 679px; float: right; }



#Reden8 { background: white; border-radius: 20px; overflow: hidden; }

#Reden8 h2:nth-child(2) span { font-size: 4rem; }

#Reden8 h2:nth-child(2) span:nth-child(1) { color: #00a760; }

#Reden8 h2:nth-child(2) span:nth-child(2) { color: #4793ff; }

#Reden8 h2:nth-child(2) span:nth-child(3) { color: #80218d; }

#Reden8 picture.ItemAfbeelding img { margin-top: 6.5em; transform: scale(1.05); }



#Reden9 { background: black; border-radius: 20px; color: white; margin-left: 20px; max-width: 48.4%; }

#Reden9 .ItemAfbeelding img { width: 153px; float: right; transform: translate(-15px, 47px); }



#Reden10 .row { overflow: hidden; border-radius: 20px; }

#Reden10 { background: white; border-radius: 20px; }

#Reden10 .ItemAfbeelding img { margin: 20px 3em; width: 701px; }



#Reden11 { background: white; border-radius: 20px;}

#Reden11 .SeoTekstvlak { padding-right: 110px; }

#Reden11 .ItemAfbeelding img { margin: 17em 0 0 -5em; width: 783px; }



#iMac .row { padding: 100px 25px 0; text-align: center; }



#AppleDisclaimer p { font-size: 0.8rem; line-height: 20px;}



@media screen and (max-width: 374px) { /* Mobile */

    #PortalPagina h2 span { line-height: 3rem !important; font-size: 3rem !important;}

    #Reden3 h2 .Gradient { font-size: 3rem; }

}



@media screen and (max-width: 667px) { /* Mobile */

    #PortalPagina { padding: 0; overflow: hidden; }

    #PortalPagina .SeoTekstvlak, #PortalPagina .col-3, #PortalPagina .col-4, #PortalPagina .col-5, #PortalPagina .col-6, #PortalPagina .col-7 { max-width: 100% !important; margin: 2em 0 0 0;}

    #PortalPagina .container .row { flex-direction: column; border-radius: 20px;}

    #PortalPagina h1 { font-size: 2rem; }

    #PortalPagina h2 { font-size: 2.5rem; line-height: 2.5rem; }

    #PortalPagina h2 span { line-height: 4rem; }

    #PortalPagina .row .SeoTekstvlak {  padding: 0; }

    #Reden1 .row { padding: 20px; }

    #Reden1 .ItemAfbeelding { padding: 0; }

    #Reden2 { max-width: 100% !important; margin: 0; }

    #Reden2 .ItemAfbeelding img { width: 100%; margin-top: 0; }

    #Reden3 .ItemAfbeelding img { margin: 4em -33px 0; }

    #Reden4 .ItemAfbeelding img, #Reden5 img { width: 100%; }

    #Reden6 picture.ItemAfbeelding img { margin: 30px 0 30px; }

    #Reden7 { flex: 0 0 100%; }

    #Reden7 .ItemAfbeelding img { width: 100%;}

    #Reden9 .ItemAfbeelding img { transform: none; margin: 30px 0; width: 153px; }

    #Reden10 .ItemAfbeelding img { width: 100%; }

    #Reden10 .row, #Reden11 .row, #AppleDisclaimer .row { padding: 10px; }

    #Reden11 .ItemAfbeelding img { width: 100%; margin: 0; }

    #iMac .row { padding: 10px; }

    .promo1, .promo2 {padding: 15px !important;}

}



@media screen and (min-width: 768px) and (max-width: 1032px) { /* Tablet */

    #PortalPagina .SeoTekstvlak { padding: 30px 0; }

    #Reden1 .ItemAfbeelding { padding: 0; margin-top: 10em; }

    #Reden2 { max-width: 52% !important; }

    #Reden3 { flex: 0 0 45%; max-width: 45%; }

    #Reden3 h2 span { font-size: 44px; }

    #Reden3 .ItemAfbeelding img { padding: 30px 30px 20px 0; margin-top: -3em; }

    #Reden4, .promo1 { flex: 0 0 47%; }

    #Reden4 .ItemAfbeelding img { padding: 136px 0 0; }

    #Reden4 .ItemAfbeelding img, #Reden5 img { width: 100%; }

    #Reden6 picture.ItemAfbeelding img { margin: -12px 0 15px; }

    #Reden7 { flex: 0 0 55%; }

    #Reden7 .ItemAfbeelding img { width: 100%;  margin: 7em -1em 0;}

    #Reden8 { flex: 0 0 48%; }

    #Reden9 .ItemAfbeelding img { transform: translate(-23px, 50px); }

    #Reden10 .SeoTekstvlak { padding: 30px; }

    #Reden10 .ItemAfbeelding img { margin: 20px -3em; }

    #Reden11 .SeoTekstvlak { padding: 30px; }

    #Reden11 .ItemAfbeelding img { margin: 17em 0 0 -2em;  width: 428px;}

    #iMac .col-3 { flex: 0 0 50%; max-width: 50%; }

}