@charset "UTF-8";
@font-face{font-family:Roboto-Black;src:url(../fonts/Roboto-Black.ttf)}
@font-face{font-family:Roboto-Bold;src:url(../fonts/Roboto-Bold.ttf)}
@font-face{font-family:Roboto-Regular;src:url(../fonts/Roboto-Regular.ttf)}
@font-face{font-family:Roboto-light;src:url(../fonts/Roboto-Light.ttf)}
/*fonts*/
.bold,.bold-date,.bold-title,.Questionmark,.info{font-family:"Roboto-Bold"}
.txtInit,.smalltxt,.txt{font-family:"Roboto-Regular"}
#lock{margin-top:18%;text-align:center;width:100%;height:100%;}
.info{font-size:4rem;line-height:5rem;color:#F099AA;}

@media all and (min-width: 390px) {
  .bold-date{font-size:1.7rem;}
  .bold-title{font-size:2.5rem;padding:5px 0;line-height:2.5rem;}
  .bold-title:after{content: "";float: left;background: #F099AA;width: 100%;height:4px;border-radius: 3px;margin-top: 5px;}
  .txtInit{font-size:1.4rem;line-height:2rem;display:block;padding-left:10px;padding-right:10px;padding-top:20px;padding-bottom:0px;text-align:center}
  .txt{font-size:1.4rem;line-height:2rem;line-height:2rem;}
  .Questionmark{color:#F8DCEA;font-size:26rem;font-stretch:extra-condensed!important;}
  /*general*/
  .apo-striped-photo-meta a{text-decoration:underline!important;color:#000000;}
  .blackpinkLogo {margin-bottom:5%;}
  .blackpinkLogo img{width:45%!important;max-width:45%!important;height:auto;}
  .mail{background-color:#f099aa;padding:5px;text-align:center;font-size:1.3rem;border-radius: 10px;margin-top:3%;}
  .mail:hover{background-color:#f35c7a;}
  .mail:active{text-decoration:none!important;color:#ffffff!important;}
  .socialMedia{width:100%;text-align:center;position:absolute;top:0;margin:2%}
  .socialMedia ul{display:inline-table;}
  .socialMedia li{display:inline;}
  .socialMedia img{width:37px!important;height:37px!important;float:left}
  .socialMedia img:hover{opacity: 0.5;}
  #amex1,#amex2{margin-top:23%;}
  /*elements*/
  .registered{font-size:1.2rem;}
  .heart{width:18%!important;height:auto;position:absolute;bottom:30px;left:40%;}
  .amexlogo{margin-top:4%;}
  .amexlogo img{width:250px!important;height:auto;padding-top:4%;margin:0 auto;}
  .born{width:100%!important;height:auto;position:absolute;bottom:30px;}
  .born img{width:150px!important;height:auto;}
  /*modal*/
  .modal-dialog{width:95%;height:auto;}
  .modal-content{background-color:#F1BAD5;padding:1%;}
  .modal-body{font-size:1.4rem;}
  .ColLeft,.ColRight{width:90%;}
  #col1,#col2{line-height:1.8rem;}
  .mixedlogos{float:right;margin-top:0;margin-right:0;}
  .mixedlogos img{width:80%!important;height:auto;}
  /*small txt terms*/
  .smalltxt{font-size:0.85rem;color:#F099AA;text-align:center;padding-top:5%;}
  .smalltxt a,.smalltxt a:focus{color:#F099AA;text-decoration:underline!important;}
}

@media all and (min-width: 768px) {
  .bold-date{font-size:1.7rem;}
  .bold-title{font-size:2.5rem;padding:5px 0;line-height:2.5rem;}
  .bold-title:after{content: "";float: left;background: #F099AA;width: 100%;height:4px;border-radius: 3px;margin-top: 5px;}
  .txtInit{font-size:1.4rem;line-height:2rem;display:block;padding-left:10px;padding-right:10px;padding-top:20px;padding-bottom:0px;text-align:center}
  .txt{font-size:1.4rem;line-height:2rem;line-height:2rem;}
  .Questionmark{color:#F8DCEA;font-size:26rem;font-stretch:extra-condensed!important;}
  /*general*/
  .apo-striped-photo-meta a{text-decoration:underline!important;color:#000000;}
  .blackpinkLogo {margin-bottom:5%;}
  .blackpinkLogo img{width:45%!important;max-width:45%!important;height:auto;}
  .mail{background-color:#f099aa;padding:5px;text-align:center;font-size:1.3rem;border-radius: 10px;margin-top:3%;}
  .mail:hover{background-color:#f35c7a;}
  .mail:active{text-decoration:none!important;color:#ffffff!important;}
  .socialMedia{width:100%;text-align:center;position:absolute;top:0;margin:2%}
  .socialMedia ul{display:inline-table;}
  .socialMedia li{display:inline;}
  .socialMedia img{width:37px!important;height:37px!important;float:left}
  .socialMedia img:hover{opacity: 0.5;}
  #amex1,#amex2{margin-top:10%;}
  /*elements*/
  .registered{font-size:1.2rem;}
  .heart{width:18%!important;height:auto;position:absolute;bottom:30px;left:40%;}
  .amexlogo{margin-top:20%;}
  .amexlogo img{width:250px!important;height:auto;padding-top:10%;margin:0 auto;}
  .born{width:100%!important;height:auto;position:absolute;bottom:30px;}
  .born img{width:150px!important;height:auto;}
  /*modal*/
  .modal-dialog{width:90%;height:auto;}
  .modal-content{background-color:#F1BAD5;padding:1%;}
  .modal-body{font-size:1.4rem;}
  .ColLeft,.ColRight{width:80%;}
  #col1,#col2{line-height:1.8rem;}
  .mixedlogos{float:right;margin-top:0;margin-right:0;}
  .mixedlogos img{width:80%!important;height:auto;}
  /*small txt terms*/
  .smalltxt{font-size:0.85rem;color:#F099AA;text-align:center;padding-top:5%;}
  .smalltxt a,.smalltxt a:focus{color:#F099AA;text-decoration:underline!important;}
}

@media all and (min-width: 992px) {
  .bold-date{font-size:1.7rem;}
  .bold-title{font-size:2.5rem;padding:5px 0;line-height:2.5rem;}
  .bold-title:after{content: "";float: left;background: #F099AA;width: 100%;height:4px;border-radius: 3px;margin-top: 5px;}
  .txtInit{font-size:1.4rem;line-height:2rem;display:block;padding-left:10px;padding-right:10px;padding-top:20px;padding-bottom:0px;text-align:center}
  .txt{font-size:1.4rem;line-height:2rem;line-height:2rem;}
  .Questionmark{color:#F8DCEA;font-size:25rem;font-stretch:extra-condensed!important;}
  /*general*/
  .apo-striped-photo-meta a{text-decoration:underline!important;color:#000000;}
  .blackpinkLogo {margin-bottom:5%;}
  .blackpinkLogo img{width:35%!important;max-width:35%!important;height:auto;}
  .mail{background-color:#f099aa;padding:5px;text-align:center;font-size:1.3rem;border-radius: 10px;margin-top:3%;}
  .mail:hover{background-color:#f35c7a;}
  .mail:active{text-decoration:none!important;color:#ffffff!important;}
  .socialMedia{width:100%;text-align:center;position:absolute;top:0;margin:2%}
  .socialMedia ul{display:inline-table;}
  .socialMedia li{display:inline;}
  .socialMedia img{width:37px!important;height:37px!important;float:left}
  .socialMedia img:hover{opacity: 0.5;}
  #amex1,#amex2{margin-top:15%;}
  /*elements*/
  .registered{font-size:1.2rem;}
  .heart{width:18%!important;height:auto;position:absolute;bottom:30px;left:40%;}
  .amexlogo{margin-top:6%;}
  .amexlogo img{width:250px!important;height:auto;padding-top:6%;margin:0 auto;}
  .born{width:100%!important;height:auto;position:absolute;bottom:30px;}
  .born img{width:150px!important;height:auto;}
  /*modal*/
  .modal-dialog{width:90%;height:auto;}
  .modal-content{background-color:#F1BAD5;padding:1%;}
  .modal-body{font-size:1.4rem;}
  .ColLeft,.ColRight{width:80%;}
  #col1,#col2{line-height:1.8rem;}
  .mixedlogos{float:right;margin-top:10%;margin-right:0;}
  .mixedlogos img{width:80%!important;height:auto;}
  /*small txt terms*/
  .smalltxt{font-size:0.85rem;color:#F099AA;text-align:center;padding-top:5%;}
  .smalltxt a,.smalltxt a:focus{color:#F099AA;text-decoration:underline!important;}
}

@media all and (min-width:1900px){
.bold-date{font-size:1.7rem;}
.bold-title{font-size:2.5rem;padding:5px 0;line-height:2.5rem;}
.bold-title:after{content: "";float: left;background: #F099AA;width: 100%;height:4px;border-radius: 3px;margin-top: 5px;}
.txtInit{display:block;padding-left:10px;padding-right:10px;padding-top:20px;padding-bottom:15px;text-align:center}
.txt{font-family:"Roboto-Regular";line-height:2rem;}
.Questionmark{color:#F8DCEA;font-size:30rem;font-stretch:extra-condensed!important;}
/*general*/
.apo-striped-photo-meta a{text-decoration:underline!important;color:#000000;}
.blackpinkLogo {margin-bottom:5%;}
.blackpinkLogo img{width:45%!important;height:auto;}
.mail{background-color:#f099aa;padding:10px;text-align:center;font-size:1.3rem;border-radius: 10px;margin-top:3%;}
.mail:hover{background-color:#f35c7a;}
.socialMedia{width:100%;text-align:center;position:absolute;top:0;margin:2%;}
.socialMedia ul{display:inline-table;}
.socialMedia li{display:inline;}
.socialMedia img{width:37px!important;height:37px!important;float:left}
.socialMedia img:hover{opacity: 0.5;}
#amex1,#amex2{margin-top:10%;}
/*elements*/
.heart{width:20%!important;height:auto;position:absolute;bottom:0;left:40%;}
.amexlogo{margin-top:10%;}
.amexlogo img{width:250px!important;height:auto;padding-top:10%;margin:0 auto;}
.born{width:100%!important;height:auto;position:absolute;bottom:0;}
.born img{width:200px!important;height:auto;}
/*modal*/
.modal-dialog{width:90%;height:auto;}
.modal-content{background-color:#F1BAD5;padding:5%;}
.modal-body{font-size:1.5rem;}
.ColLeft,.ColRight{width:100%;}
#col1,#col2{line-height:2rem;}
.mixedlogos{float:right;margin-top:10%;margin-right:5%;}
.mixedlogos img{width:100%!important;height:auto;}
/*small txt terms*/
.smalltxt{font-size:0.85rem;color:#F099AA;text-align:center;padding-top:10%;}
.smalltxt a,.smalltxt a:focus{color:#F099AA;text-decoration:underline!important;}
} 