@media only screen and (min-width:1202px) and (max-width:1400px) { .space { padding-top: 18%; } .cw-stats-row { flex-wrap: wrap; align-items: center; justify-content: center; } } @media only screen and (max-width: 900px) { .navbar-action { padding-left: 3vw; } .grad-circle { visibility: hidden; } .circle { visibility: hidden; } .cw-stats-row { flex-wrap: wrap; align-items: center; justify-content: center; } .profile-picture { right: -10%; } .contact-row { flex-direction: column; align-items: center; justify-content: center; } .contact-info-div { padding-left: 0px; } } @media only screen and (max-width: 600px) { .cw-info { width: 90%; } .cw-stats-row { flex-wrap: nowrap; align-items: flex-start; justify-content: center; flex-direction: column; } } @media only screen and (min-width: 1201px) and (max-width: 1400px) { .space { padding-top: 25%; } }