@import "general.css"; *{ overflow-x: hidden; } .row_equal{ display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; } .row_opposite{ display: flex; flex-flow: row-reverse wrap-reverse; justify-content: space-around; align-items: center; } .col-1 {flex: 100%;} .col-2 {flex: 100%;} .col-3 {flex: 100%;} .col-4 {flex: 100%;} .col-5 {flex: 100%;} .col-6 {flex: 100%;} .col-7 {flex: 100%;} .col-8 {flex: 100%;} .col-9 {flex: 100%;} .col-10 {flex: 100%;} .col-11 {flex: 100%;} .col-12 {flex: 100%;} .fixed { position: none; top: 0; } .navbar_img{ height:auto; width:100%; filter: hue-rotate(5deg); max-width:600px; } .navBar{ margin: 0; padding: 0; overflow: hidden; display: block; width:100%; font-size: var(--font-size-nav); } .navBar a { display:block; float: none; width:100%; padding:15px 0px; text-decoration: none; text-align: center; color:inherit; } .navBar button{ display:none;} #topBtn{ display: none; height: 40px; width: 40px; opacity: 0.5; position: fixed; bottom: 15px; right: 15px; z-index: 99; background-color: var(--side-bg-color); cursor: pointer; border-radius: 10px; } #topBtn:hover{ opacity:1; } .footer_container{ width: 99%; margin: 1%; background-color: var(--main-bg-color); border: 1px solid black; border-radius: 50%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); flex: 100%; } .footer_image{ width: 99%; margin: 1%; height: 30vh; background: url(../pictures/footer.jpg) center center no-repeat; background-size :cover; border: 1px solid black; border-radius: 50%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); flex: 100%; }