#stage1{

 margin-left: 10%;

width:80%;
}

.starRating:not(old){
    display        : inline-block;
    width          : 7.5em;
    height         : 1.5em;
    overflow       : hidden;
    vertical-align : bottom;
}

.starRating:not(old) > input{
    margin-right : -100%;
    opacity      : 0;
}

.starRating:not(old) > label{
    display         : block;
    float           : right;
    position        : relative;
    background      : url('star-off.svg');
    background-size : contain;
}

.starRating:not(old) > label:before{
    content         : '';
    display         : block;
    width           : 1.5em;
    height          : 1.5em;
    background      : url('star-on.svg');
    background-size : contain;
    opacity         : 0;
    transition      : opacity 0.2s linear;
}

.starRating:not(old) > label:hover:before,
.starRating:not(old) > label:hover ~ label:before,
.starRating:not(:hover) > :checked ~ label:before{
    opacity : 1;
}
.red{
    color: #080808;

}
label{
    color: #ac2925;
}
.dark{
background-color:#999999;}

#hd{
height:300px;
background-color:#666666;
width:80%;
margin-top:2%;
margin-left:10%;}

h1{
color:#FFFFFF;}
h2{
color:#666666;}

#tophd{
background-color:#666666;
height:50px;
width:100%;
}
ul{
margin-top:10px;
margin-right:5%;
float:right;
color:#FFFFFF;
}
li{
display:inline;}
a{
color:#FFFFFF;}
#home{
margin-top:5%;
height:300px;
width:50%;
margin-left:25%;}