Update website.css

Author: nikol-ruseva

styles/website.css

@@ -89,6 +89,7 @@ span.run-code-loading {
  height: 100%;
 }
 
+
 /* Navigation Modal */
 
 .logo {
@@ -110,21 +111,28 @@ span.run-code-loading {
  padding-left: 1.5em;
 }
 
-@media screen and (max-width: 1000px) {
+@media screen and (max-width: 300px) {
  .topnav {
- display: grid;
- }
- .topnav a {
- padding-left: 0em;
- padding-bottom: 0.3em;
- }
- .logobox {
- padding-top: 0.3em;
+ display: none;
  }
 }
 
-@media screen and (max-width: 300px) {
+@media screen and (max-width: 750px) {
+ .logo {
+ content: url("/assets/software-university-vertical-logo.svg");
+ padding-top: 0.5em;
+ padding-left: 1.5em;
+ width: 80px;
+ }
  .topnav {
- display: none;
+ white-space: normal;
+ display: flex;
+ flex-direction: row;
+ }
+ .topnav a {
+ padding-left: 0em;
+ padding-right: 1.5em;
+ padding-bottom: 0.3em;
+ font-size: 75%
  }
 }