chore: add new song and fix mobile resposive

Author: rafaelbmateus

data/musics.json

@@ -12,6 +12,20 @@
         ""
       ]
     },
+    {
+      "id": "gloria-ao-nosso-deus",
+      "name": "Glória ao Nosso Deus",
+      "artist": "Agnus Dei",
+      "youtube_url": "https://www.youtube.com/embed/",
+      "cifra_url": "https://www.cifraclub.com.br/",
+      "letra_url": "https://www.letras.mus.br/",
+      "content": [
+        "Quando a Igreja se levanta<br>Para exaltar o nome do Senhor Jesus<br>O céu e a terra, em harmonia<br>Irão cantar o nome do Senhor Jesus",
+        "O Espírito de Deus ao nosso encontro vem<br>E os anjos se levantam pra cantar também",
+        "Amém, glória ao nosso Deus<br>Santo é o nosso Deus, aleluia",
+        "Nos louvores Deus habita<br>Vamos provar dessa presença do Senhor!<br>Sinta que em nosso meio, está Jesus<br>O nosso Deus dominador"
+      ]
+    },
     {
       "id": "venho-cantar-meu-canto",
       "name": "À Senhora de Aparecida",

index.html

@@ -33,7 +33,7 @@ <h3 class="text-white">Local Católico</h3>
     </header>
     <main>
       <div class="d-flex justify-content-center" style="margin-top: 50px">
-        <div class="col-md-6">
+        <div class="col-12 col-md-6">
           <div class="row">
             <div class="col-md-8 offset-md-2">
               <div class="input-group">

music.html

@@ -33,7 +33,7 @@ <h3 class="text-white">Local Católico</h3>
     </header>
     <main>
       <div class="d-flex justify-content-center" style="margin-top: 50px">
-        <div class="col-md-6">
+        <div class="col-12 col-md-6">
           <div class="card" id="musics"></div><br>
         </div>
       </div>

musics.html

@@ -33,7 +33,7 @@ <h3 class="text-white">Local Católico</h3>
     </header>
     <main>
       <div class="d-flex justify-content-center" style="margin-top: 50px">
-        <div class="col-md-6">
+        <div class="col-12 col-md-6">
           <div class="accordion accordion-flush" id="musics"></div><br>
         </div>
       </div>

playlist.html

@@ -33,7 +33,7 @@ <h3 class="text-white">Local Católico</h3>
     </header>
     <main>
       <div class="d-flex justify-content-center" style="margin-top: 50px">
-        <div class="col-md-6">
+        <div class="col-12 col-md-6">
           <div class="accordion accordion-flush" id="repertorio"></div><br>
         </div>
       </div>

playlists.html

@@ -33,7 +33,7 @@ <h3 class="text-white">Local Católico</h3>
     </header>
     <main>
       <div class="d-flex justify-content-center" style="margin-top: 50px">
-        <div class="col-md-6">
+        <div class="col-12 col-md-6">
           <div class="accordion accordion-flush" id="playlists"></div><br>
         </div>
       </div>

slides.html

@@ -33,7 +33,7 @@ <h3 class="text-white">Local Católico</h3>
     </header>
     <main>
       <div class="d-flex justify-content-center" style="margin-top: 50px">
-        <div class="col-md-6">
+        <div class="col-12 col-md-6">
           <div class="container mt-4">
             <div class="card">
               <div class="card-header">

summary.html

@@ -33,7 +33,7 @@ <h3 class="text-white">Local Católico</h3>
     </header>
     <main>
       <div class="d-flex justify-content-center" style="margin-top: 50px">
-        <div class="col-md-6">
+        <div class="col-12 col-md-6">
           <div class="accordion accordion-flush" id="summary"></div><br>
         </div>
       </div>