diff --git a/css/style.css b/css/style.css index ce5cdb5..130d736 100644 --- a/css/style.css +++ b/css/style.css @@ -210,11 +210,14 @@ input#search { height: 250px; } .bodymissionmain { + width: calc(100% - 60px); margin: 30px; background-color: #f6f6f7; display: flex; - width: 100%; + align-items: center; + height: fit-content; + text-align: center; border-radius: 50px; } .bodymissiontext { @@ -228,6 +231,16 @@ input#search { font-family: lora; font-size: 54px; } +.bodymissiontext ul { + list-style-type: none; +} +.bodymissiontext ul li { + margin-bottom: 5px; + text-align: left; + font-family: roboto; + font-size: 16px; + margin-left: 20px; +} .bodymissiontextsplitter { width: 60%; border: 1px solid #e6222b; @@ -236,6 +249,12 @@ input#search { margin-left: auto; margin-right: auto; } +.missionhead { + font-family: roboto; + font-size: 24px; + margin-top: 20px; + margin-bottom: 20px; +} @media screen and (max-width: 1000px) { .navitems { display: none; @@ -263,4 +282,22 @@ input#search { .quotes { flex-direction: column; } + .bodymissionmain { + flex-direction: column; + justify-content: center; + align-items: center; + + padding-top: 40px; + padding-bottom: 40px; + } + + .bodymission img { + height: 120px; + } +} + +@media screen and (min-width: 1400px) { + .bodymissiontext ul li { + font-size: 22px; + } } diff --git a/index.html b/index.html index f430395..5bdf52e 100644 --- a/index.html +++ b/index.html @@ -83,7 +83,44 @@
Transforming Lives, Building Futures
++ Transforming Lives, Building + Futures +
+