#KV{
    background-size: 390px auto;
    background-position: 100% 0%;
    background-repeat: no-repeat;
    background-color: #ccc;
    margin-bottom: 20px;
    min-height: 240px;
    width: 779px;
}

#KV .overlay{
}

#KV .cell{
  display: table-cell;
  width: 390px;
  height: 240px;
  text-align: center;
  vertical-align: middle;
}

#KV .cell h2{
  margin:0;
  padding: 70px 10px 0 10px;
  color:white;
  font-size:1.5rem;
  text-align: center;
  line-height: 1.4;
}

#KV .cell h3{
  margin-top: 5px;
  padding: 0 10px 0 10px;
  color:white;
  font-size:1.2rem;
  font-weight:200;
  text-align: center;
  word-break : break-all;
}

#KV .cell .campaignName{
  color:white;
  margin-bottom:1rem;
}

#KV .cell .period{
  display:inline-block;
  margin:auto;
  padding:1rem 3rem;
  font-size:1.4rem;
  text-align: center;
  margin-bottom:6rem;
  color:white;
  border:3px solid #fff;
}

#KV .cell .period span{
  font-weight:600;
  padding-left:2rem;
}


#KV .cell ul {
  padding:0;
}

#KV .cell ul li{
  display:inline-block;
  margin:0 2rem;
}

#KV .cell ul li a{
  border:3px solid #fff;
  padding:6px 8px 10px 12px;
  display:block;
  border-radius: 25px;
  align-items: center;
}

#KV .cell ul li a:hover{
  border:3px solid #76ADCB;
  background:#76ADCB;
}
.svg {
    display: inline-block !important;
    height: 1em;
    width: 1em;
    margin-right: .5rem;
}

.fortext{
  position:absolute;
  width:195px;
  height:80px;
  left:50%;
  bottom:2rem;
  margin-left:-97.5px;
  display: none;
}

.fortext img{width:100%;}


header {
    position: absolute;
    height: 80px;
    width: 777px;
    z-index: 10;
    background-color:#f4f6f200;
}

header h1 {
    position: absolute;
    margin: 0;
    top: 10px;
    left: 15px;
    width: 200px;
    height: 57px;
    display: block;
    background: url(../../webapp/img/common/logo.svg) no-repeat;
    background-size: contain;
}
.hid {
    position: absolute;
    width: 0px;
    height: 0px;
    overflow: hidden;
    font-size: 8pt;
}
.header{display: none;}
#header{display: none;}
#header{display: none;}
h1.pagettl{display: none;}

.p2p-guide{
    position: absolute;
    bottom: -130px;
    left: 275px;
    color: white;
    padding: 5px;
    font-size: 0.8rem;
}
.p2p-guide a:after {
  display: inline-block;
  content: ">";
  padding-left: 5px;
}
.p2p-guide a{
    color: white;
    text-decoration: none;
}

#SFA_KV{
    width: 630px;
    display: table;
    background-size: cover;
    background-position: 50% 0%;
    margin-bottom: 20px;
    min-height: 300px;
}

#SFA_KV .overlay{
    position:absolute;
    width: 630px;
    background:url(/webapp/img/common/bg_grad.png) 50% 50% no-repeat;
    background-size:cover;
    min-height: 300px;
}

#SFA_KV .cell{
    display:table-cell;
    text-align: center;
    vertical-align: middle;
    padding-top:20px;
    position:relative;
}

#SFA_KV .cell h2{
  width:100%;
  font-size:1.5rem;
  text-align: center;
  margin:0;
  color:white;
}

#SFA_KV .cell h3{
  width:100%;
  font-size:1.2rem;
  text-align: center;
  color:white;
  font-weight:200;
  margin-top: 5px;
}

#SFA_KV .cell .campaignName{
  color:white;
  margin-bottom:1rem;
}

#SFA_KV .cell .period{
  display:inline-block;
  margin:auto;
  padding:1rem 3rem;
  font-size:1.4rem;
  text-align: center;
  margin-bottom:6rem;
  color:white;
  border:3px solid #fff;
}

#SFA_KV .cell .period span{
  font-weight:600;
  padding-left:2rem;
}


#SFA_KV .cell ul {
  padding:0;
}

#SFA_KV .cell ul li{
  display:inline-block;
  margin:0 2rem;
}

#SFA_KV .cell ul li a{
  border:3px solid #fff;
  padding:6px 8px 10px 12px;
  display:block;
  border-radius: 25px;
  align-items: center;
}

#SFA_KV .cell ul li a:hover{
  border:3px solid #76ADCB;
  background:#76ADCB;
}


@media screen and (max-width:767px){
    header h1 {
        width: 150px;
        height: 43px;
    }
    #KV{
        display: table;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        min-height: 250px;
        width: 100%;
    }

    #KV .overlay{
        position:absolute;
        width: 100%;
        background:url(../img/common/bg_grad.png) 50% 50% no-repeat;
        background-size:cover;
        min-height: 250px;
    }

    #KV .cell{
      display:table-cell;
      text-align: center;
      vertical-align: middle;
      padding-top:20px;
      position:relative;
      width: auto;
      height: auto;
    }

    #KV .cell h2{
      width:100%;
      font-size:1rem;
      text-align: center;
      margin:0;
      padding: 0;
      color:white;
    }
    #KV .cell h3{
      width:100%;
      font-size:0.75rem;
      text-align: center;
      color:white;
      font-weight:200;
      margin-top: 5px;
      padding: 0;
    }

    .p2p-guide{
      position: static;
      float: right;
      margin-right: 10px;
      margin-top: 10px;
      margin-left: 0;
      color: white;
      border: 2px solid;
      border-radius: 3px;
      padding: 5px;
    }
    .p2p-guide a{
        display: block;
        color: white;
        text-decoration: none;
    }
    #SFA_KV{
        width: 100%;
        display: table;
        background-size: cover;
        background-position: 50% 0%;
        margin-bottom: 20px;
        min-height: 280px;
        height: 280px;
        
    }
    #SFA_KV .overlay{
        position:absolute;
        width:100%;
        background:url(../img/common/bg_grad.png) 50% 50% no-repeat;
        background-size:cover;
        min-height: 280px;
        height:280px;
    }
    #SFA_KV .cell h2{
        width:100%;
        font-size:1rem;
        text-align: center;
        margin:0;
        color:white;
    }
    header {
        width: 100%;
    }

}

@media screen and (max-width:375px){
  #KV{
  width: 100%;
  display: table;
  background-size: cover;
  background-position: 50% 50%;
  margin-bottom: 20px;
}
#KV .overlay{
  position:absolute;
  width:100%;
  background:url(../img/common/bg_grad.png) 50% 50% no-repeat;
  background-size:cover;
}
#KV .cell h2{
  width:100%;
  font-size:0.75rem;
  text-align: center;
  margin:0;
  margin-bottom:0px;
  color:white;
}
    #SFA_KV{
        width: 100%;
        display: table;
        background-size: cover;
        background-position: 50% 0%;
        margin-bottom: 20px;
        height:230px;
        min-height: 230px;
    }
    #SFA_KV .overlay{
        position:absolute;
        width:100%;
        background:url(../img/common/bg_grad.png) 50% 50% no-repeat;
        background-size:cover;
        height:230px;
        min-height: 230px;
    }
    #SFA_KV .cell h2{
        width:100%;
        font-size:1rem;
        text-align: center;
        margin:0;
        color:white;
    }
}

@media screen and (max-width:360px){
  #KV{
      width: 100%;
      display: table;
      background-size: cover;
      background-position: 50% 50%;
      margin-bottom: 20px;
  }
  #KV .overlay{
    position:absolute;
    width:100%;
    background:url(../img/common/bg_grad.png) 50% 50% no-repeat;
    background-size:cover;
    }
  #KV .cell h2{
      width:100%;
      font-size:0.75rem;
      text-align: center;
      margin:0;
      margin-bottom:0px;
      color:white;
  }
    #SFA_KV{
        width: 100%;
        display: table;
        background-size: cover;
        background-position: 50% 0%;
        margin-bottom: 20px;
        height:230px;
        min-height:230px;
    }
    #SFA_KV .overlay{
        position:absolute;
        width:100%;
        background:url(../img/common/bg_grad.png) 50% 50% no-repeat;
        background-size:cover;
        height:230px;
        min-height:230px;
    }
    #SFA_KV .cell h2{
        width:100%;
        font-size:1rem;
        text-align: center;
        margin:0;
        color:white;
    }
}

@media screen and (max-width:320px){
    #KV{
    }
    #KV .overlay{
      position:absolute;
      width:100%;
      background:url(../img/common/bg_grad.png) 50% 50% no-repeat;
      background-size:cover;
    }
    #KV .cell h2{
    }
    #SFA_KV{
        width: 100%;
        display: table;
        background-size: cover;
        background-position: 50% 0%;
        margin-bottom: 20px;
        min-height:200px;
        height: 200px;
    }
    #SFA_KV .overlay{
        position:absolute;
        width:100%;
        background:url(../img/common/bg_grad.png) 50% 50% no-repeat;
        background-size:cover;
        height: 200px;
        min-height:200px;
    }
    #SFA_KV .cell h2{
        width:100%;
        font-size:1rem;
        text-align: center;
        margin:0;
        color:white;
    }
}