@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    h1 {
        margin: 30px 0;
        font-size: 2rem;
    }
    #subh1 {
        font-size: 18px;
    }
    #beta {
        font-size: 22px;
    }
    #contribute {
        width: 100%;
        width: auto;
        padding: 20px;
    }
    #contributeContent > div {
        flex-basis: auto;
    }
    h2 {
        font-size: 18px;
        width: 100%;
    }
    #menu {
        width: auto;
        font-size: unset;
    }
    #menu li {
        padding: 5px 10px 0;
    }
    #contact {
        padding: 20px;
    }
    #generationselect {
        flex-wrap: wrap;
    }
    #construction, #general, #contact {
        flex-wrap: wrap;
        justify-content: center;
    }
    #part1 {
        margin-bottom: 10px;
        margin-right: 0;
        float: none;
        width: auto;
        height: auto;
    }
    #part2 {
        width: 100%;
        height: auto;
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
    }
    #part3 {
        width: 100%;
        height: auto;
        float: none;
    }
    #totalstats {
        flex-wrap: wrap;
    }
    .statbox {
        width: 100px;
        margin: 2px;
    }
    h3 {
        margin-top: 0;
        margin: 0 auto;
        flex-basis: 100%;
    }
    #standard, #classic{
        margin-top: 10px;
    }
    #planner {
        padding: 20px;
    }
    #maincontent {
        display: flex;
        margin-top: 10px;
        flex-wrap: wrap;
    }
    #share {
        margin-top: 0;
        width: 100%;
    }
    #mainoptions{
        padding-bottom: 10px;
    }
    #paperdoll {
        margin: 0 auto;
        margin-bottom: 20px;
        width: auto;
    }
    #options {
        width: auto;
        margin: 0 auto;
    }
    .btn-secondary{
        margin: 2px 0;
    }
    #LayerSelect, #ChipSelect, #WeightSelect, #DiscSelect, #FrameSelect, #DriverSelect, #ArmorSelect, #BladeSelect, #CoreSelect, #RingSelect, #ChassisSelect, #SkChipSelect, #GtLayerSelect, #ChoZLayerSelect, #RemakesLayerSelect, #SingleLayerSelect, #DualLayerSelect, #GodLayerSelect{
        width: 150px;
    }
    #planner, #general, #contribute, #contact, #menu {
        border-radius: unset;
    } 
}