@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap"); *{ margin: 0; padding: 0; font-family: "Montserrat", sans-serif; } header{ background-color: #cda63c; /*#272727*/ position: relative; /*sticky*/ top: 0; bottom: 0; left: 0; right: 0; text-align: center; height: 85px; width: 100%; margin-bottom: 80px; } .galleryHeader{ background-color: #cda63c; /*#272727*/ position: static; /*sticky*/ top: 0; bottom: 0; left: 0; right: 0; text-align: center; height: 85px; width: 100%; margin-bottom: 80px; } #logo-image{ width: auto; height: 70px; margin-top: 6.5px; transform: translateX(-30px); } .navMenu a { color: black; /* changes nav menu default font color */ text-decoration: none; font-size: 1.2em; text-transform: uppercase; font-weight: 500; display: inline-block; width: 130px; -webkit-transition: all 0.3s ease-in-out; /*to make white color ease in when hovered*/ transition: all 0.3s ease-in-out; transform: translateY(-25px); } .navMenu a:hover { color: white; /* #fddb3a */ } /*------------------------ everything body ------------------------*/ body{ background: white; text-align: center; line-height: 150%; } /*------------------------ everything footer ------------------------*/ footer{ display: flex; background-color: #cda63c; /*#272727*/ font-family: "Montserrat", sans-serif; position: static; text-align: center; height: 150px; width: 100%; bottom: 0; margin-top: 80px; align-items: center; justify-content:center; } a{ text-decoration: none; color: black; } iframe{ width: 100%; height: 300px; } /*---------------------------Yara-------------------------- */ p1 { font-size: 50px; } p { font-size: 25px; text-align: left; margin-left: 40px; } h2::first-letter { color:#cda63c ; font-size: xx-large; } .column { float: left; padding: 30px; } /* Clear floats after image containers */ .row::after { content: ""; clear: both; display: table; } CSS: p { font-size: 25px; }