@import url('https://fonts.googleapis.com/css?family=Raleway:500,600,700');
body{background-color:#c82446;font-family: 'Raleway', sans-serif;padding:0;margin:0;}
.menu{background-color:#ffffff;height:100px;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.4);
box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.4);
text-align:center;
}
.menu img{position:none;margin:25px 0;}
.container{background:#ffffff;padding:20px;margin:100px auto;}
#iconRow{position:relative;}
#iconRow .iconContainer{position:absolute;top:-100px;left:0;width:100%;}
#iconRow .icon{background-image:url("../img/iconSaldo.png");width:144px;height:144px;margin:0 auto;transition:1s all ease-in-out;}
.boxContainer{background:#ffffff;padding:0px;border:2px solid #c82446;overflow:hidden;text-align:center;}

#desktop{display:none;}
#mobile{display:block;}

/*  DEKTOP  */
.boxContainer .row:first-child{padding:45px 30px 0 30px;}
.boxContainer .row:first-child .one-half:first-child{text-align:left;}
.boxContainer .row:first-child .one-half:nth-child(2){text-align:right;}
.boxContainer .row:first-child .one-half:first-child h1{color:#c82446;font-size:48px;font-weight:800;}
.boxContainer .row:first-child .one-half:first-child p{color:#7a858f;font-size:18px;font-weight:600;}
.boxContainer .row:first-child .one-half:nth-child(2) p{color:#7a858f;font-size:12px;font-weight:600;}
.listContainer p{font-size:12px;color:#010101;font-weight:600;margin-top:1em;}
.listContainer .row{border-bottom:1px solid #e1e1e1;}
.listContainer .row:last-child{border-bottom:none;}
.listContainer .row:first-child{border-top:2px solid #c82446;border-bottom:2px solid #c82446;padding:0;}
.listContainer .row:first-child .columns{padding:20px 0 0 0;}
.listContainer .row:first-child p{color:#d60742;font-size:12px;font-weight:600;}
.listContainer .row .two.columns{background-color:#f5f5f2;}


/*  MOBILE  */
.listContainer table{width:100%;border-top:2px solid #c82446;padding:10px;}
.listContainer th:first-child{text-align:left;}
.listContainer td:nth-child(2){text-align:right;}

/*  DESKTOP SETTINGS     */
@media (min-width: 800px) {
    .leftDrop,.rightDrop{width:30px;padding:0;}
}
@media (min-width: 600px) {
    .menu img{position:absolute;top:20px;left:20%;margin:0;}
    #desktop{display:block;}
    #mobile{display:none;}
    #inputRow{margin-bottom:40px;position:relative;width:55%;}
    #submitRow{margin:40px;}
}

h1{font-size:1.5em;}
.imgDiv{}
.cardDiv{}
.cardDiv p{color:#c82446;}

.arrowLeft{width: 0;
height: 0;
border-style: solid;
border-width: 20px 40px 20px 0;
border-color: transparent #c82445 transparent transparent;float:right;margin:0 20px;}
.arrowRight{
    width: 0;
height: 0;
border-style: solid;
border-width: 20px 0 20px 40px;
border-color: transparent transparent transparent #c82445;float:right;margin:0 20px;
}