.leftcup{
	    width: 15vh;
    float: left;
    bottom: 0;
    position: relative;
    margin-left: 8%;
    margin-top: 22%;
}

.rightcup{
	    width: 20vh;
    float: right;
    margin-top: 13%;
}

.brand-logo{
	    width: 16vh;
    margin-bottom: 1vh;
  
}


.code-info{
	    width: 28vh;
    bottom: 11vh;
    position: relative;
    margin-bottom: 0;
}


.containerscratch {
      position: relative;
    width: 36vh;
    height: 12vh;
        margin: 2vh auto 2vh;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; 
  -o-user-select: none;
  user-select: none;
}

.challengeholder img{
	    width: 11vh;
    margin-bottom: 1vh;
    padding: .5vh;
}

.containerscratch img {
        width: 36vh;
    height: 12vh;
    padding:0;
}
.canvas {
     position: absolute;
    top: 0;
    width: 36vh!important;
    height: 12vh!important;;
    border-radius: 6px;
}

.btn {
    padding: 7px 15px 7px 15px!important;
  }

.btn-grey {
 padding: 7px 15px 7px 15px!important;
}
.brand-logo-btm{
	
    padding: 1vh;
}


.top-image{
       width: 100%;
    margin: -6vh auto;
    left: 0;
    right: 0;
}

.holder-howto{
   width: 40vh;
    background: #ffffff78;
    padding-top: 2vh;
    padding-bottom: 1vh;
    padding-left: 0!important;
    padding-right: 0!important;
    margin: 2vh auto;
    margin-bottom: 2vh;
    border-radius: 6px;
    border: none;
}

.content-text{
     margin-top: 5vh;
    padding-left: 1vh;
    padding-right: 1vh;
}

.logo-nomargin{
   width: 35vh;
   margin-bottom: 3vh;
}

.btm-logo-holder{
      text-align: right;
    padding-right: 2vh;
    padding-left: 2vh;
}