various modal fixes

src/components/modals/Main.jsx

@@ -10,7 +10,7 @@ export default function MainModal(props) {
   return (
     <div className='modal'>
       <span className='closeModal' onClick={props.modalClose}>&times;</span>
-      <h1>Options</h1>
+      <h1>.</h1>
       <div>
         <Navigation navbar={true}>
           <div label={props.language.modals.main.navbar.settings}>

src/scss/modules/modals/_main.scss

@@ -245,7 +245,7 @@ ul.sectionSelector {
 
 .tab-content {
     position: absolute;
-    left: 30%;
+    left: 25%;
     width: 60%;
 
     h3 {
@@ -253,10 +253,17 @@ ul.sectionSelector {
     }
 }
 
-@media only screen and (min-width: 1300px) {
+@media only screen and (max-width: 1920px) {
     .tab-content {
         position: absolute;
-        left: 30%;
+        left: 35%;
+    }
+}
+
+@media only screen and (max-width: 1400px) {
+    .tab-content {
+        position: absolute;
+        left: 45%;
     }
 }