@font-face {
     font-family: RTPBold;
     src: url("RealTextPro-Bold.woff2");
}
@font-face {
     font-family: RTPBook;
     src: url("RealTextPro-Book.woff2");
}
@font-face {
     font-family: RTPDemibold;
     src: url("RealTextPro-Demibold.woff2");
}

.fontRTPBold{
    font-family: RTPBold;
    line-height: 1.1em;
}
.fontRTPBook{
    font-family: RTPBook;
    line-height: 1.1em;
}
.fontRTPDemibold{
    font-family: RTPDemibold;
    line-height: 1.1em;
}
b,strong{
    font-family: RTPBold;
}
#guide {
     opacity: 0.4;
    z-index: 98;
}
.fullSize{
     width:320px;
     height:50px;
     left:0px;
     top:0px;
}
.abs {position: absolute;}
.rel {position: relative;}
#keyartContent{
    width: 320px;
    height: 50px;
    
    left: 0px;
    top: 0px;
}
#FlexBox{
    width: 200px;
    height: 46px;
    
    left: 115px;
    top: 3px;

    display: flex;    
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
#fluidContainer {
    width:inherit;
    height:37px;  

    display: flex;    
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
#logoContainer {
    position: relative;
    height: 100%;  
    width: 100%;
    
    display:flex;
    justify-content: center;
    align-items:center;
    object-position: 0% 50%;
    padding-right:4px;
    top: 1px;
    left:-6px;
    max-width:72px;
}
#logoContent {
    position: relative;
    width: 100%;
    height: 100%;  
    object-fit: contain;
}
#copiesContainer {
    position: relative;
    width: auto;
    height:40px;
    left: -2px;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}
#dummyBox{
    width: auto;
    height: 100%;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#headlineContainer {
    position: relative;
    width:inherit;
    height:9px;  
    display:flex;
    justify-content: center;    
    align-items: center; 
    top: 0px;
    left: 2px;
}
#headlineContent {
    font-size: 6px;
    letter-spacing: 0.09em;
    line-height: 1.125em;
        
    color:white;
    white-space: nowrap; 
}
#headlineContainer2 {
    position: relative;
    width:inherit;
    height:9px;  
    display:flex;
    justify-content: center;    
    align-items: center; 
    top: 0px;
    left: 2px;
    /* margin-right: 4px; */
}
#headlineContent2 {
    font-size: 8px;
    letter-spacing: 0.01em;
        
    color:white;
    white-space: nowrap; 
}
#ctaContainer {
    position: relative;
    height: auto;
    width: auto;
    margin-top: 5px;
   
    left: 2px;
    top: -3px;

    display:flex;
    align-items: center; 
    justify-content: center;
    text-align: center;

    background-color: rgb(0, 110, 245);
    border: 1px solid rgb(0, 110, 245);
    border-radius: 20px;
    
}
/* #ctaContainer.macFirefox {
  top: -1px;
}
#ctaContent.macFirefox {
  top: -2px;
} */
/* #ctaContent.macFirefox,#ctaContent.winFirefox {
  top: -2px;
} 
#ctaContent.iphoneSafari,#ctaContent.ipadSafari,#ctaContent.androidPhoneChrome,#ctaContent.androidTabletChrome {
  top: -1px;
}
#ctaContent.macSafari,#ctaContent.winChrome {
  top:0px;
} */
#ctaContent {
    position: relative;
    font-family: RTPBold;
    font-size: 8px;
/*    letter-spacing: 0.01em;*/
    white-space: nowrap;
    color:white;
    line-height:1em;
/*      top: 1px;  */
     padding: 3px 10px 3px 9px;
}
#ctaContent.macFirefox,#ctaContent.winFirefox {
  top:-.5px;
}
#ctaContent.androidTabletChrome {
  top: 0.5px;
}
#legalContainer {
    width: auto;
    max-height:7px;  
    display:flex;
    justify-content: center;    
    align-items: center; 
    margin-top: 5px;
    top: -1px;
    /* margin-right: 5px; */
/*    left:1px;*/
}
#legalContent {
     font-family: RTPBook;
     font-size: 5px;
     letter-spacing: 0em;
     line-height: 1.1em;
     text-align: center;
     color:white;
     opacity: 0.5;
     width:inherit;
     white-space: nowrap;
}