/* CSS Document */

@media (max-width: 624px){


#Box_1 {
    background-color: rgba(6,187,188,1);
    height: 195px;
    width: 100%;
}
    
    #Box_2 {
    background-color: rgba(203,224,34,1.00);
    height: 0px;
    width: 114px;
}
  
    #Box_3 {
    background-color: rgba(168,188,6,1.00);
    width: 100%;
    margin-top: -1px;
}
    
    #Box_4 {
    background-color: rgba(173,76,81,1.00);
    width: 100%;
}
  
    #Box_5 {
    background-color: rgba(105,249,250,1.00);
    width: 100%;
}
    
    #Box_6 {
    background-color: rgba(188,160,5,1.00);
    width: 100%;
    float: right;
}
  
    #Box_7 {
    background-color: rgba(95,128,182,1.00);
    width: 100%;
}

    #Box_8 {
    background-color: rgba(56,170,61,1.00);
   
    width: 50%px;
}
#Box_1 .btn-group {
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-top: 12px;
}
}

@media (min-width: 625px){

#Box_1 {
    background-color: rgba(6,187,188,1);
    width: 100%;
    height: 550%
%;
    margin-bottom: -1px;
    height: 219px;
    padding-top: 0px;
    margin-top: 25px;
}
#Box_1 .btn-group {
    margin-top: 27px;
    margin-left: 38px;
    word-spacing: 34px;
    color: rgba(247,248,250,1.00);
}
    #Box_2 {
    background-color: rgba(203,224,34,1.00);
    width: 100%;
    height: 20px;
    margin-top: -2px;
}
  
    #Box_3 {
    background-color: rgba(168,188,6,1.00);
    width: 50%;
    float: left;
    font-size: x-large;
 } 
    #Box_4 {
    background-color: rgba(173,76,81,1.00);
    width: 50%;
    float: right;
}
  
    #Box_5 {
    background-color: rgba(105,249,250,1.00);
    width: 50%;
    float: right;
}
    
    #Box_6 {
    background-color: rgba(188,160,5,1.00);
    width: 50%;
    float: left;
}
  
    #Box_7 {
    background-color: rgba(95,128,182,1.00);
    width: 50%;
    float: right;
}

    #Box_8 {
    background-color: rgba(56,170,61,1.00);
    height: 414px;
    width: 50%;
    margin-top: 21px;
    margin-left: 1px;
    clear: left;
    float: none;
}
#Box_8 #wolfy {
    width: 43%;
    float: right;
}
#Box_8 #wolf {
    float: left;
    margin-right: 5px;
    padding-top: 35px;
    padding-left: 32px;
}
#Box_8 #wolfer {
    margin-top: -2px;
    padding-top: 33px;
    padding-right: 10px;
    padding-left: 5px;
}
    }