#userMessageRevealId{font-family: 'AntennaRegular', Helvetica, Arial, sans-serif;}

/* 	-------------------------
	DESKTOP
	-------------------------*/
.reveal-xlarge{
    width: 100%;
    max-width: 95rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 0px!Important;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
    z-index: 999999;
    top:15px !important;
}	
	
.reveal-large{
    width: 80%;
    max-width: 95rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 0px!Important;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
    z-index: 999999;
    top:15px !important;
}	

.reveal-medium{
    width: 60%;
    max-width: 95rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 0px!Important;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
    z-index: 999999;
    top:15px !important;
}	

.reveal-small{
    width: 40%;
    max-width: 95rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 0px!Important;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
    z-index: 999999;
    top:15px !important;
}	

.reveal-small{
    width: 20%;
    max-width: 95rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 0px!Important;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
    z-index: 999999;
    top:15px !important;
}	

.reveal-msg-text{
    word-wrap: break-word;
    padding-left: 6%;
    padding-right: 6%;
    padding-top: 8%;
}

/* 	-------------------------
	MOBILE
	-------------------------*/
@media (min-width: 320px) and (max-width:960px) {
.reveal-xlarge{
    width: 100%;
    max-width: 95rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 0px!Important;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #ffffff;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
    z-index: 999999;
    top:25px !important;
}	
	
.reveal-large{
    width: 80%;
    max-width: 95rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 0px!Important;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #ffffff;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
    z-index: 999999;
    top:15px !important;
}	

.reveal-medium{
    width: 54%;
    max-width: 95rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 0px!Important;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #ffffff;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
    z-index: 999999;
    top:25px !important;
}	

.reveal-small{
    width: 41%;
    max-width: 95rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 0px!Important;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #ffffff;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
    z-index: 999999;
    top:25px !important;
}	

.reveal-tiny{
    width: 25%;
    max-width: 95rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 0px!Important;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #ffffff;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
    z-index: 999999;
    top:25px !important;
}