Update Ineventors info (Site lost its ssl cert). Also make logos look…

… better on mobile

index.html

@@ -173,9 +173,9 @@ <h1 class="page-title" id="projects">Projects</h1>
                     </ul>
                     <p class="project-title">Ineventors</p>
                     <p class="project-subtitle">
-                        Ineventors is a virtual event platform with interactive features that are optimized for connecting and engaging. Attendees can move between virtual rooms while making meaningful connections and enjoying the content you are presenting to them – just like an in-person event.
-                        I worked on a small team to help create this platform using various web technologies. Learn more about the site at
-                        <a rel="noopener noreferrer" href="https://www.ineventors.com/" alt="Ineventors link" target="_blank" data-content="ineventors.com">ineventors.com</a>.
+                        Ineventors was a virtual event platform with interactive features that are optimized for connecting and engaging. Attendees could move between virtual rooms while making meaningful connections and enjoying the content you are presenting to them - just like an in-person event.
+                        I worked on a small team to help create this platform using various web technologies. The service eventually concluded, but the partner company QuestAV still offers hybrid event production:
+                        <a rel="noopener noreferrer" href="https://www.quest-av.com/hybrid-production/" alt="QuestAV link" target="_blank" data-content="quest-av.com">quest-av.com/hybrid-production</a>.
                     </p>
                 </div>
 

styles/index.css

@@ -190,6 +190,7 @@ a:hover::before {
 	border-radius: 50%;
 	transition: all .1s;
 	border: #35BDB9 solid 3px;
+	object-fit: contain;
 }
 #badlion-logo {
 	height: 250px;
@@ -343,22 +344,37 @@ a:hover::before {
 	}
 }
 
-@media screen and (max-width: 524px) {
+@media screen and (max-width: 768px) {
+	.header-svg {
+		width: 100px;
+		height: 100px;
+	}
 	.project-logo {
-		width: 200px;
+		width: 100px;
+		height: 100px;
+	}
+	#badlion-logo {
+		width: 100px;
+		height: 110px;
 	}
+}
+
+@media screen and (max-width: 524px) {
 	.page-title {
 		font-size: 2rem;
 		padding: 0;
 	}
 	.header-svg {
 		height: 50px;
+		width: 75px;
 	}
 	.project-logo {
-		width: 150px;
+		width: 75px;
+		height: 75px;
 	}
 	#badlion-logo {
-		height: 150px;
+		height: 80px;
+		width: 75px;
 	}
 }