body {
    background-color: rgba(255, 239, 223, 1);
}

img {
    width: 100%;
}

#container {
    margin: auto;
    width: 100%;
    max-width: 1728px;
}

#topbrowser {
    display: flex;
    justify-content: space-evenly;
    background-color: rgba(229, 64, 102, 1);
}

#logo {
    width: 19.212963%;
    padding-left: 128px;
    padding-right: 300px;
    padding-top: 32px;
}

nav {
    width: 43.1712963%;
    display: flex;
    justify-content: space-evenly;
    padding-top: 93px;
    padding-bottom: 93px;
    padding-right: 222px;
}

a {
    font-size: 64px;
    color: rgba(255, 239, 223, 1);
    text-decoration: none;
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#hero {
    width: 100%;
}

#bottomhero {
    width: 100%;
    background-color: rgba(229, 64, 102, 1);
    color: rgba(229, 64, 102, 1);
}

#centurytruck {
    width: 90.7986111%;
    background-color: rgba(251, 181, 96, 1);
    margin: auto;
    margin-top: 58px;
    margin-left: 78px;
    margin-right: 78px;
}

#thefoodtruck {
    text-align: center;
    font-size: 80px;
    color:rgba(255, 239, 223, 1);
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#smallabout {
    display: flex;
    width: 90.7986111%;
    background-color: rgba(251, 181, 96, 1);
    margin-top: 58px;
    margin: auto;
}

#aboutwords {
    width: 47.9166667%;
    font-size: 30px;
    color: rgba(255, 239, 223, 1);
    align-items: center;
    margin-top: 42px;
    margin-left: 48px;
    margin-right: 120px;
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

#aboutphoto {
    width: 30%;
    margin-right: 62px;
    margin-top: 42px;
    margin-bottom: 42px;
}

#mornfavsect {
    width: 100%;
    margin-top: 145px;
    padding-bottom: 58px;
    background-color: rgba(91, 159, 136, 1);
    margin: auto;
}

#morningfav {
    font-size: 90px;
    color: rgba(255, 239, 223, 1);
    text-align: center;
    padding-top: 31px;
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#flexmorningsection {
    display: flex;
    margin: auto;
    justify-content: space-between;
}

#favone {
    width: 31.8287037%;
    background-color: rgba(255, 239, 223, 1);
    margin-left: 231px;
}

#favoneimg {
    width: 75%;
    margin: auto;
    margin-top: 60px;
}

#fooditem1 {
    font-size: 40px;
    color: rgba(229, 64, 102, 1);
    margin-left: 70px;
    margin-right: 70px;
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#fooddesc1 {
    font-size: 25px;
    color: rgba(91, 159, 136, 1);
    margin-left: 70px;
    margin-right: 70px;
    padding-bottom: 125px;
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

#favtwo {
    width: 31.8287037%;
    background-color: rgba(255, 239, 223, 1);
    margin-right: 231px;
}

#favtwoimg {
    width: 75%;
    margin: auto;
    margin-top: 60px;
}

#fooditem2 {
    font-size: 40px;
    color: rgba(229, 64, 102, 1);
    margin-left: 93px;
    margin-right: 93px;
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#fooddesc2 {
    font-size: 25px;
    color:rgba(91, 159, 136, 1);
    margin-left: 93px;
    margin-right: 93px;
    padding-bottom: 81px;
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

#lunchfavsect {
    width: 100%;
    margin: auto;
    padding-bottom: 58px;
    background-color: rgba(224, 136, 100, 1);
}

#lunchfav {
    font-size: 90px;
    color: rgba(255, 239, 223, 1);
    text-align: center;
    padding-top: 31px;
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#flexlunchsection {
    display: flex;
    margin: auto;
    justify-content: space-between;
}

#favthree {
    width: 31.8287037%;
    background-color: rgba(255, 239, 223, 1);
    margin-left: 231px;
}

#favthreeimg {
    width: 75%;
    margin: auto;
    margin-top: 60px;
}

#fooditem3 {
    font-size: 40px;
    color: rgba(91, 159, 136, 1);
    margin-left: 100px;
    margin-right: 100px;
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#fooddesc3 {
    font-size: 25px;
    color:rgba(224, 136, 100, 1);
    margin-left: 54px;
    margin-right: 54px;
    padding-bottom: 120px;
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

#favfour {
    width: 31.8287037%;
    background-color: rgba(255, 239, 223, 1);
    margin-right: 231px;
}

#favfourimg {
    width: 75%;
    margin: auto;
    margin-top: 60px;
}

#fooditem4 {
    font-size: 40px;
    color: rgba(91, 159, 136, 1);
    margin-left: 100px;
    margin-right: 100px;
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#fooddesc4 {
    font-size: 25px;
    color:rgba(224, 136, 100, 1);
    margin-left: 54px;
    margin-right: 54px;
    padding-bottom: 120px;
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

#dessertfavsect {
    width: 100%;
    margin: auto;
    padding-bottom: 58px;
    background-color: rgba(229, 64, 102, 1);
}

#dessertfav {
    font-size: 90px;
    color: rgba(255, 239, 223, 1);
    text-align: center;
    padding-top: 31px;
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#flexdessertsection {
    display: flex;
    margin: auto;
    justify-content: space-between;
}

#favfive {
    width: 31.8287037%;
    background-color: rgba(255, 239, 223, 1);
    margin-left: 231px;
}

#favfiveimg {
    width: 75%;
    margin: auto;
    margin-top: 60px;
}

#fooditem5 {
    font-size: 40px;
    color: rgba(224, 136, 100, 1);
    margin-left: 67px;
    margin-right: 67px;
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#fooddesc5 {
    font-size: 25px;
    color:rgba(229, 64, 102, 1);
    margin-left: 67px;
    margin-right: 67px;
    padding-bottom: 120px;
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

#favsix {
    width: 31.8287037%;
    background-color: rgba(255, 239, 223, 1);
    margin-right: 231px;
}

#favsiximg {
    width: 75%;
    margin: auto;
    margin-top: 60px;
}

#fooditem6 {
    font-size: 40px;
    color: rgba(224, 136, 100, 1);
    margin-left: 67px;
    margin-right: 67px;
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#fooddesc6 {
    font-size: 25px;
    color:rgba(229, 64, 102, 1);
    margin-left: 67px;
    margin-right: 67px;
    padding-bottom: 120px;
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

#centuryreviews {
    width: 90.7986111%;
    background-color: rgba(251, 181, 96, 1);
    margin: auto;
    margin-top: 58px;
    margin-left: 78px;
    margin-right: 78px;
}

#thereviews {
    text-align: center;
    font-size: 90px;
    color:rgba(255, 239, 223, 1);
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#centuryquotes {
    display: flex;
    margin: auto;
    justify-content: space-around;
}

#review1 {
    width: 28.4722222%;
    background-color: rgba(251, 181, 96, 1);
    margin-left: 69px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 40px;
    color: rgba(255, 239, 223, 1);
    text-align: center;
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

#review2 {
    width: 28.4722222%;
    background-color: rgba(251, 181, 96, 1);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 40px;
    color: rgba(255, 239, 223, 1);
    text-align: center;
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

#review3 {
    width: 28.4722222%;
    background-color: rgba(251, 181, 96, 1);
    margin-right: 69px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 40px;
    color: rgba(255, 239, 223, 1);
    text-align: center;
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

#footer {
    display: flex;
    width: 100%;
    margin-top: 58px;
    background-color: rgba(229, 64, 102, 1);
    justify-content: space-between;
}

#phomail {
    width: 36.5162037%;
    margin-left: 113px;
    margin-top: 10px;
    font-size: 50px;
    color: rgba(255, 239, 223, 1);
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}


#socialicons {
    display: flex;
    width: 16.8043981%;
    justify-content: space-between;
    margin-top: 143px;
}

#footericon {
    width: 19.212963%;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-right: 113px;
}

#foodcentury {
    width: 93.0555556%;
    background: rgba(251, 181, 96, 1);
    margin: auto;
    text-align: center;
}

#foodcentury h1 {
    font-size: 80px;
    color: rgba(255, 239, 223, 1);
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#columns3 {
    display: flex;
    justify-content: space-evenly;
}

#morningmenu {
    background: rgba(91, 159, 136, 1);
    width: 28.93511952%;
    text-align: center;
}

#morningmenu h1 {
    font-size: 40px;
    color: rgba(255, 239, 223, 1);
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#morningmenu h2 {
    font-size: 40px;
    color: rgba(255, 239, 223, 1);
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#morningmenu p {
    font-size: 20px;
    color: rgba(255, 239, 223, 1);
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

#lunchmenu {
    background: rgba(224, 136, 100, 1);
    width: 28.93511952%;
    text-align: center;
}

#lunchmenu h1 {
    font-size: 40px;
    color: rgba(255, 239, 223, 1);
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#lunchmenu h2 {
    font-size: 40px;
    color: rgba(255, 239, 223, 1);
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#lunchmenu p {
    font-size: 20px;
    color: rgba(255, 239, 223, 1);
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

#dessertmenu {
    background: rgba(229, 64, 102, 1);
    width: 28.93511952%;
    text-align: center;
}

#dessertmenu h1 {
    font-size: 40px;
    color: rgba(255, 239, 223, 1);
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#dessertmenu h2 {
    font-size: 40px;
    color: rgba(255, 239, 223, 1);
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#dessertmenu p {
    font-size: 20px;
    color: rgba(255, 239, 223, 1);
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

#drinkmenu {
    background: rgba(251, 181, 96, 1);
    width: 93.05555556%;
    margin: auto;
    text-align: center;
}

#drinkmenu h1 {
    font-size: 40px;
    color: rgba(255, 239, 223, 1);
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#drinkitems {
    display: flex;
    justify-content: space-evenly;
}

#horchatadesc h2 {
    font-size: 40px;
    color: rgba(255, 239, 223, 1);
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#jamaicadesc h2 {
    font-size: 40px;
    color: rgba(255, 239, 223, 1);
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#lassidesc h2 {
    font-size: 40px;
    color: rgba(255, 239, 223, 1);
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#horchatadesc p {
    font-size: 20px;
    color: rgba(255, 239, 223, 1);
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

#jamaicadesc p {
    font-size: 20px;
    color: rgba(255, 239, 223, 1);
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

#lassidesc p {
    font-size: 20px;
    color: rgba(255, 239, 223, 1);
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

#aboutcentury {
    width: 93.0555556%;
    background: rgba(251, 181, 96, 1);
    margin: auto;
    text-align: center;
}

#aboutcentury h1 {
    font-size: 80px;
    color: rgba(255, 239, 223, 1);
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#aboutsection {
    width: 93.0555556%;
    background: rgba(251, 181, 96, 1);
    margin: auto;
    display: flex;
    justify-content: space-evenly;
}

#abouttext {
    width: 41.3194444%;
    font-size: 30px;
    color: rgba(255, 239, 223, 1);
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

#aboutimage {
    width: 41.3194444%;
}

#contactcentury {
    width: 93.0555556%;
    background: rgba(251, 181, 96, 1);
    margin: auto;
    text-align: center;
}

#contactcentury h1 {
    font-size: 80px;
    color: rgba(255, 239, 223, 1);
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#contactsection {
    width: 93.0555556%;
    background: rgba(251, 181, 96, 1);
    margin: auto;
    display: flex;
    justify-content: space-evenly;
}

#contacttext {
    width: 41.3194444%;
}

#contacttext h2 {
    font-size: 60px;
    color: rgba(255, 239, 223, 1);
    font-family: "Covered By Your Grace", cursive;
    font-weight: 400;
    font-style: normal;
}

#contacttext p {
    font-size: 30px;
    color: rgba(255, 239, 223, 1);
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

#contactimage {
    width: 50%;
    margin-top: 3%;
}

@media screen and (max-width: 1400px) {
    
    #logo {
        width: 25%;
        padding-right: 10%;
    }

    #topbrowser {
        background: rgba(229, 64, 102, 1);
    }

    nav {
        justify-content: space-evenly;
        margin: auto;
    }

    a {
        font-size: 35px;
    }

    img {
        width: 100%;
    }

    #centurytruck {
        margin: auto;
    }

    #thefoodtruck {
        font-size: 40px;
    }

    #aboutwords {
        font-size: 20px;
    }

    #aboutphoto {
        width: 25%;
    }

    #favone {
        width: 50%;
        margin-left: 40px;
    }

    #morningfav {
        font-size: 40px;
    }

    #fooditem1 {
        font-size: 30px;
    }

    #fooddesc1 {
        font-size: 20px;
    }

    #favtwo {
        width: 50%;
        margin-right: 40px;
    }

    #fooditem2 {
        font-size: 30px;
    }

    #fooddesc2 {
        font-size: 20px;
    }

    #favthree {
        width: 50%;
        margin-left: 40px;
    }

    #lunchfav {
        font-size: 40px;
    }

    #fooditem3 {
        font-size: 30px;
    }

    #fooddesc3 {
        font-size: 20px;
    }

    #favfour {
        width: 50%;
        margin-right: 40px;
    }

    #fooditem4 {
        font-size: 30px;
    }

    #fooddesc4 {
        font-size: 20px;
    }

    #favfive {
        width: 50%;
        margin-left: 40px;
    }

    #dessertfav {
        font-size: 40px;
    }

    #fooditem5 {
        font-size: 30px;
    }

    #fooddesc5 {
        font-size: 20px;
    }

    #favsix {
        width: 50%;
        margin-right: 40px;
    }

    #fooditem6 {
        font-size: 30px;
    }

    #fooddesc6 {
        font-size: 20px;
    }

    #thereviews {
        font-size: 40px;
    }

    #centuryquotes {
        flex-wrap: wrap;
    }

    #review1 {
        width: 50%;
        font-size: 30px;
        margin: auto;
    }

    #review2 {
        width: 50%;
        font-size: 30px;
        margin: auto;
    }

    #review3 {
        width: 50%;
        font-size: 30px;
        margin: auto;
    }

    #socialicons {
        display: none;
    }

    #phomail {
        font-size: 40px;
    }

    #footericon {
        width: 50;
    }

    #foodcentury h1 {
        font-size: 40px;
    }

    #morningmenu h2 {
        font-size: 30px;
    }

    #lunchmenu h2 {
        font-size: 30px;
    }

    #dessertmenu h2 {
        font-size: 30px;
    }

    #drinkmenu h2 {
        font-size: 30px;
    }

    #aboutcentury h1 {
        font-size: 40px;
    }

    #aboutsection {
        margin: auto;
    }
    
    #abouttext {
        font-size: 20px;
    }

    #aboutimage {
        width: 40%;
    }

    #contactcentury h1 {
        font-size: 40px;
    }

    #contacttext h2 {
        font-size: 30px;
    }

    #contacttext p {
        font-size: 20px;
    }

    #contactimage {
        width: 40%;
        margin-top: 1%;
    }
}

/* Mobile Media Query */
@media screen and (max-width: 900px) {
    
    
    #logo {
        width: 50%;
        padding: 0px;
        margin: auto;
    }

    #topbrowser {
        background: rgba(229, 64, 102, 1);
        display: block;
    }

    nav {
        margin: auto;
        padding: 0px;
    }

    a {
        font-size: 20px;
    }

    img {
        width: 100%;
    }

    #centurytruck {
        width: 100%;
        margin: 0px;
    }

    #thefoodtruck {
        font-size: 20px;
    }

    #smallabout {
        width: 100%;
        display: block;
    }

    #aboutwords {
        font-size: 16px;
        width: 100%;
        margin: auto;
    }

    #aboutphoto {
        display: none;
    }

    #flexmorningsection {
        display: block;
        justify-content: none;
    }

    #morningfav {
        font-size: 20px;
    }

    #favoneimg {
        margin: auto;
        width: 75%;
    }

    #favone {
        width: 100%;
        margin-left: 0px;
    }

    #fooditem1 {
        font-size: 20px;
    }

    #fooddesc1 {
        font-size: 16px;
    }

    #favtwo {
        width: 100%;
        margin-right: 0px;
    }

    #favtwoimg {
        width: 75%;
        margin: auto;
    }

    #fooditem2 {
        font-size: 20px;
    }

    #fooddesc2 {
        font-size: 16px;
    }

    #flexlunchsection {
        display: block;
        justify-content: none;
    }

    #lunchfav {
        font-size: 20px;
    }

    #favthree {
        width: 100%;
        margin-left: 0px;
    }

    #favthreeimg {
        width: 75%;
        margin: auto;
    }

    #fooditem3 {
        font-size: 20px;
    }

    #fooddesc3 {
        font-size: 16px;
    }

    #favfour {
        width: 100%;
        margin-right: 0px;
    }

    #favfourimg {
        width: 75%;
        margin: auto;
    }

    #fooditem4 {
        font-size: 20px;
    }

    #fooddesc4 {
        font-size: 16px;
    }

    #flexdessertsection {
        display: block;
        justify-content: none;
    }

    #dessertfav {
        font-size: 20px;
    }

    #favfive {
        width: 100%;
        margin-left: 0px;
    }

    #favfiveimg {
        width: 75%;
        margin: auto;
    }

    #fooditem5 {
        font-size: 20px;
    }

    #fooddesc5 {
        font-size: 16px;
    }

    #favsix {
        width: 100%;
        margin-right: 0px;
    }

    #favsiximg {
        width: 75%;
        margin: auto;
    }

    #fooditem6 {
        font-size: 20px;
    }

    #fooddesc6 {
        font-size: 16px;
    }

    #centuryreviews {
        width: 100%;
        margin: auto;
    }

    #thereviews {
        font-size: 20px;
    }

    #centuryquotes {
        display: block;
    }

    #review1 {
        width: 100%;
        font-size: 16px;
        margin: 0px;
        padding: 0px;
    }

    #review2 {
        width: 100%;
        font-size: 16px;
        padding: 0px;
    }

    #review3 {
        width: 100%;
        font-size: 16px;
        margin: 0px;
        padding: 0px;
    }

    #footer {
        display: block;
        width: 100%;
    }

    #phomail {
        font-size: 20px;
        text-align: center;
        margin: auto;
    }

    #socialicons {
        width: 100%;
        display: flex;
        margin-top: 50px;
        justify-content: space-evenly;
    }

    #socialicons img {
        width: 70%;
    }

    #footericon {
       margin: auto;
       width: 50%;
    }

    #foodcentury {
        width: 100%;
    }

    #foodcentury h1 {
        font-size: 20px;
    }

    #columns3 {
        display: block;
    }

    #morningmenu {
        width: 100%;
    }

    #lunchmenu {
        width: 100%;
    }

    #dessertmenu {
        width: 100%;
    }

    #drinkmenu {
        width: 100%;
    }

    #morningmenu h1 {
        font-size: 20px;
    }

    #morningmenu h2 {
        font-size: 20px;
    }

    #morningmenu p {
        font-size: 16px;
    }

    #lunchmenu h1 {
        font-size: 20px;
    }

    #lunchmenu h2 {
        font-size: 20px;
    }

    #lunchmenu p {
        font-size: 16px;
    }

    #dessertmenu h1 {
        font-size: 20px;
    }

    #dessertmenu h2 {
        font-size: 20px;
    }

    #dessertmenu p {
        font-size: 16px;
    }

    #drinkitems {
        display: block;
    }

    #drinkmenu h1 {
        font-size: 20px;
    }

    #drinkmenu h2 {
        font-size: 20px;
    }

    #drinkmenu p {
        font-size: 16px;
    }

    #aboutcentury {
        width: 100%;
    }

    #aboutcentury h1 {
        font-size: 20px;
    }

    #aboutsection {
        width: 100%;
        display: block;
    }

    #abouttext {
        font-size: 16px;
        margin: auto;
    }

    #aboutimage {
        width: 75%;
        margin: auto;
    }

    #contactcentury {
        width: 100%;
    }

    #contactcentury h1 {
        font-size: 20px;
    }

    #contactsection {
        width: 100%;
        display: block;
    }

    #contacttext {
        margin: auto;
    }

    #contacttext h2 {
        font-size: 20px;
    }

    #contacttext p {
        font-size: 16px;
    }

    #contactimage {
        width: 75%;
        margin: auto;
    }
}