input.ng-invalid {
  background-color: pink;
}
input.ng-valid {
  background-color: lightgreen;
}
.thumb{
  width:100px;
  margin:5px;
  float:left;
}

.uploader{
  clear:both;
}
.containerBg {
    text-align: center;
    color: black;

}

.r-bg {
    width: 60%;
    top: 0px;
    height: auto;
    margin-top: 10px;

}

@media(min-width: 1300px) {
    .r-bg {
        width: 70%;
        margin-top: 10px;

    }
}
.bgText {
      bottom: 10vw;
    left: 50%;
    color: black;
}

#bgTitle {
    font-size: 3.75vw;
    color: #9ec900;
  font-family: Segoe UI;
}
.bg-span {
    font-size: 2.0vw;
}

@media (max-width: 520px){

    .bg-span {
        font-size: 3.0vw;
    }
}

.hidden {
	display: none;
}

.red-text {
    color: red;
}
.green-text {
    color: green;
}