img {max-width:100%;}
figure {margin:0px;}
* {box-sizing: border-box}
a, p, h1, h2, h3, ul, li, span, strong {font-family:'Currys Sans', arial, sans-serif;}
#pcwbcontent p {font-size: 15px;color:#444;}
img{font-size:10px;}
#pcwbcontent .left {width:100%; float:left;}
header h1 {text-align:Center;}

#pcwbcontent {display:flex;width:100%;align-items: flex-start;}
#pcwbcontent article.larger {background:#fff;border-radius:10px;padding:20px;width: 100%;}
#pcwbcontent article.larger h2 {margin:-20px; padding:10px 20px; background:#4c13a1; border-radius:10px 10px 0px 0px; color:#fff; margin-bottom:0px;}
#pcwbcontent article.larger .network h3 {margin-bottom:0px;color: #4c12a1; background:#f0f0f0; border-radius:10px; padding:5px}
#pcwbcontent article.larger .network i {font-size:75%;}
#pcwbcontent article.larger .network figure img {width:50%;}
#pcwbcontent .intro-text {width:60%;float:left;padding-bottom: 20px;}
#pcwbcontent .intro-text figure img {border-radius:10px}
#pcwbcontent .right {width:40%;float:right;margin-top:20px;margin-bottom: 20px;}
/* Accordion */
#pcwbcontent ul.accordion {width: 100%;display: table;margin: 0px;padding: 0;width: 100%;/* border-top: 2px solid #cdd8df; */background: #fff;margin-top: 20px;border-radius: 10px;}
#pcwbcontent ul.accordion .ul-content { padding-left: 20px;}
#pcwbcontent ul.accordion .ul-content li { list-style: disc;}
#pcwbcontent ul.accordion li {background: #f1f1f1;padding: 20px;clear: both;overflow: hidden;border-radius: 10px;}
#pcwbcontent ul.accordion li .bellows ul {padding:0px;}
#pcwbcontent ul.accordion li .bellows li {background:#fff;padding: 6px 0px;margin:0px;}
#pcwbcontent ul.accordion .bellows:first-of-type {margin-top:0px}
#pcwbcontent ul.accordion .bellows {margin-top:20px;}
#pcwbcontent ul.accordion .bellows img {
	max-width: 500px;
	margin: 0 auto;
}
#pcwbcontent ul.accordion .bellows h1 {
   font-size: 16px;
   color: #4c11a1 !important;
   position: relative;
   font-weight: 800;
   background: #cbe7e5;
   border-radius: 10px;
   margin: 0;
   cursor: pointer;
   padding: 10px 20px;
   border-bottom: 1px dashed #ddd;
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   -ms-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}
#pcwbcontent ul.accordion :last-of-type .bellows h1 {border-bottom:0px;}
#pcwbcontent ul.accordion .bellows h1:after { content: "\f078"; font-family: FontAwesome; padding-right: 5px; float: right;}
#pcwbcontent ul.accordion .bellows h1.open:after { content: "\f077"; font-family: FontAwesome; padding-right: 5px;}
#pcwbcontent ul.accordion .bellows h1:hover { opacity: 0.9;}

#pcwbcontent ul.accordion .bellows span { font-size: 15px; font-style: italic; color: #555;}

#pcwbcontent ul.accordion .bellows h3 { color: #172f72; font-size: 20px;}
#pcwbcontent ul.accordion .bellows .bellow-content {display: none;position: relative;margin-top: -6px;}
#pcwbcontent ul.accordion .bellows ul.acc-product { margin: 0; padding: 0; clear: both;}
#pcwbcontent ul.accordion .bellows .bellow-content {color: #444;font-size: 15px;background: #ffffff;padding: 20px;margin: 0px;border-radius: 0px 0px 10px 10px;margin-top: -5px;}
#pcwbcontent ul.accordion .bellows ul li {font-size:14px;list-style: inside;}
#pcwbcontent ul.accordion .bellows ul.acc-product li { float: left; padding-right: 15px; list-style: none;}
#pcwbcontent ul.accordion .bellows ul.acc-product li img { width: 90px;}

.auto-resizable-iframe {
   max-width: 420px;
   margin: 0px 0px;
   margin-left: auto;
 }
 
 .auto-resizable-iframe > div {
   position: relative;
   padding-bottom: 75%;
   height: 0px;
 }
 
 .auto-resizable-iframe iframe {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
 }
/* reasons */
#pcwbcontent article.larger section {flex-flow:row;display:flex;margin-top:20px;padding-top:20px;border-top:1px solid #f2f3f4;flex-wrap: wrap;}

#pcwbcontent header h1 {display: flex;flex-direction: row;justify-content: center;align-items: center;text-align:center;}
#pcwbcontent footer section {display:flex;flex-flow: row;align-content: stretch;}
#pcwbcontent section h2 {color:#4c13a1;font-size: 26px;}
#pcwbcontent .rtb {display:flex;flex-direction: column;text-align: center;width: 25%;align-items: center;}
#pcwbcontent .rtb .text {display: flex;flex-direction: column;width: 90%;}
#pcwbcontent .rtb .text h3 {margin-bottom:0px;font-size: 18px;color:#4c12a1;}
#pcwbcontent .rtb figure {float:left;display: flex;align-self: center; width:100px}

/* networks */
#pcwbcontent article.larger section#networks {justify-content:center;}
#pcwbcontent article.larger section#networks .network {width: 40%;margin: 20px 1%;padding: 0px 20px;border: 4px solid #f1f1f1;border-radius: 10px;text-align:center;}
#pcwbcontent article.larger section#networks .network figure {width: auto;display:flex;justify-content: center;margin-top: 20px;}
#pcwbcontent article.larger section#networks .network figure img {width:120px;}

@media only screen and (max-width:899px){
    #pcwbcontent article.larger section#networks .network {width: 48%;margin: 20px 1%;padding: 0px 20px;border: 4px solid #f1f1f1;border-radius: 10px;text-align:center;}
    #pcwbcontent {flex-direction:column;}
     #pcwbcontent article.larger {width:100%;}
     #pcwbcontent article.contact {width: 100%;margin-top:20px;margin-left: 0px;}
#pcwbcontent .rtb {width:100%;}
}
@media only screen and (max-width:699px){
    #pcwbcontent article.larger section#networks .network {width: 98%;margin: 20px 1%;padding: 0px 20px;border: 4px solid #f1f1f1;border-radius: 10px;text-align:center;}

}