body
{
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    color: #fff;
}
h1, h2, h3
{
    margin-bottom: 1.25rem;
    font-weight: 700;
}

button.btn.btn-success
{
margin-left:6rem;
background: #370be9;

}
.backgroundImg
{
    background-image: url(img/backgroundimg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}
header {
    border-bottom: 1px solid #fff;
}
.logo
{
 width: 20vw;
 background-color:#fff;
 box-shadow: -3px 0 5px 5px #ffffff;

}
.topContent h1 {
font-size: 2.25rem;
}
.topContent h2 {
    font-weight: 300;
    font-size: 1.75rem;
}
.leftContent h3 {
    color: #FF0F33;
    font-weight: 700;
    font-size: 1.25rem;
}
.leftContent ul {
    padding: 0 1.25rem;
}
.leftContent ul li {
    padding: 0px;
}
.registerForm {
    background-color: #ff0f33;
    padding: 25px;
}
#live
{
  background-color: #000;
   min-height: 80vh;
}

.input-group-addon, .btndes {
 background-color: #000;
 border:none;
 }
.fa
{
color: #fff;
}
footer
{
background-color: #000;
color:#fff;
border-top: 2px solid #FF0F33;
}




@media(min-width: 768px) {
  .field-label-responsive {
    padding-top: .5rem;
    text-align: right;
  }


 .input-group-addon {
    width: 2.6rem;
}


}
@media screen and (max-width: 576px)
{
    .logo
        {
            width: 60vw;
            background-color:#fff;
            box-shadow: -3px 0 21px 20px #ffffff;

        }
}