* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}




/*Overview Designs*/
/*Section*/
#overviewContentSection {
    background-image: url("../images/backgrounds/music/bgs1HeaderNEW.png");
    background-repeat: no-repeat;
    background-position: right 100%;
    background-size: 100% auto;
    
    width: 100%;
    height: 50vw;

    margin: 0 auto;
    padding: 1em;
    padding-left: 12%;

    border-top: 2px solid rgba(0, 0, 0, 0.3);

    overflow: hidden;
}


/*Content Container*/
#overviewDesign {
    width: 100%;

    margin: 0 auto;
    padding: 1em;

    overflow: hidden;
}


/*Image*/
#overviewDesign img {
    width: 40%;
    height: 40%;

    display: block;

    float: left;
    
    /*Horizontal--Vertical--Blur--Spread--Color*/
    -webkit-box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.14);
}


/*Button*/
#overviewButton {
    background-color: rgba(220, 151, 42, 1);
    color: rgb(177, 123, 35);

    padding: 0.4vw;

    border-radius: 6px;
    border: 2px;
}

#overviewButton:hover {
    background-color: rgb(255, 203, 121);
    color: rgb(255, 255, 255);

    transition: all 0.4s ease-in-out;
    transform: scale(1.1);
}




/*Overview Fonts*/
/*Header*/
#overviewHeaderFont { 
    font-family: CircleSemi;
    font-size: 36px;
    font-weight: bold;
    
    width: 50%;

    padding: 0 1em;
    
    text-align: left;
    float: right;
}


/*Content*/
#overviewContentFont { 
    font-family: CircleSemi;
    font-size: 2.4vw;
    font-weight: bold;
    
    width: 60%;

    color: rgba(140, 140, 140, 1);

    padding: 0 0.76em;
    
    text-align: left;
    float: right;
}


/*Small Content 1*/
#overviewContentSmallFont { 
    font-family: CircleSemi;
    font-size: 2vw;
    font-weight: bold;
    
    width: 60%;

    color: rgba(0, 0, 0, 1);

    padding: 0 0.92em;
    
    text-align: left;
    float: right;
}

/*Small Content 2*/
#overviewContentSmallFont2 { 
    font-family: CircleSemi;
    font-size: 1.4vw;
    font-weight: bold;
    
    width: 60%;

    color: rgba(0, 0, 0, 1);

    padding: 0 1.35em;
    
    text-align: left;
    float: right;
}

#overviewContentSmallFont2 a {
    color: rgb(255, 255, 255);
    
    text-align: left;
    text-decoration: none;
    float: center;
}

#overviewContentSmallFont2 a:hover {
    color: rgb(255, 255, 255);
    
    text-align: left;
    text-decoration: underline;
    float: center;
}

/*Small Content 3*/
#overviewContentSmallFont3 { 
    font-family: CircleSemi;
    font-size: 1.1vw;
    font-weight: bold;
    
    width: 60%;

    color: rgba(0, 0, 0, 1);

    padding: 0 1.73em;
    
    text-align: left;
    float: right;
}

#overviewContentSmallFont3 a {
    color: rgb(255, 255, 255);
    
    text-align: left;
    text-decoration: none;
    float: center;
}

#overviewContentSmallFont3 a:hover {
    color: rgb(255, 255, 255);
    
    text-align: left;
    text-decoration: underline;
    float: center;
}


/*Roman Numbers*/
#overviewRomanFont { 
    font-family: Yagut;
    font-size: 4.4vw;
    font-weight: bold;
    
    width: 60%;
    
    color: rgba(0, 0, 0, 1);

    padding: 0 0.34em;
    
    text-align: left;
    float: right;
}


/*Button*/
#overviewButtonFont { 
    font-family: Lato;
    font-size: 1.4vw;
    font-weight: bold;
    
    width: 60%;

    color: rgba(255, 255, 255, 1);

    padding: 0 1.28em;
    
    text-align: left;
    float: right;
}