.light {
    position: absolute;
    width: 278px;    
    background:#fff;
    border:1px solid orange;
    top:25%;
    text-align:center;
    padding: 8px;    
}

.light:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 139px 0 139px;
    border-color: #fff transparent transparent transparent;
}

.light p{
font-weight:bold;
font-family:Arial;
text-align:left;
}

.btnRegister{
width:200px;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
background-color:orange;
height: 30px;
display:block;
font-weight:bold;
line-height: 30px;
margin:0 auto;
margin-top: 2%;
}

.btnRegister:hover{
background-color:darkblue;
color:#fff;
border:0px;
}

@media screen and (max-width: 350px) {
.light{width:90%}
.light:after{border-width: 25px 145px 0 145px;}
.btnRegister{width:80%;}
}

@media screen and (max-width: 290px) {
.light:after{border-width: 25px 98px 0 98px;}
}