.title {
     font-weight: 700;
     font-size: 1.5rem;
     margin: 10px 0px;
 }

 .close-menu {
     margin: 4px 20px;
     cursor: pointer;
     color: #fc7750;
     font-size: 2rem;
 }

 .nav-bar a {
     display: inline-block;
     text-decoration: none;
     color: black;
     font-weight: bold;
     padding: 10px 0px;
 }

 .breadcrumb {
     margin: 30px 0px;
 }

 .content {
     font-size: 1rem;
 }

 .content-1 {
     font-size: 1rem;
     display: none;
 }

 .content-2 {
     font-size: 1rem;
     display: none;
 }

 .content-3 {
     font-size: 1rem;
     display: none;
 }

 .more {
     color: orangered;
     cursor: pointer;
     margin: 5px 0px;
     font-size: 1rem;
 }

 .hide {
     color: orangered;
     cursor: pointer;
     margin: 5px 0px;
     font-size: 1rem;
     display: none;
 }

 .more-2 {
     color: orangered;
     cursor: pointer;
     margin: 5px 0px;
     font-size: 1rem;
 }

 .hide-2 {
     color: orangered;
     cursor: pointer;
     margin: 5px 0px;
     font-size: 1rem;
     display: none;
 }

 .more-3 {
     color: orangered;
     cursor: pointer;
     margin: 5px 0px;
     font-size: 1rem;
 }

 .hide-3 {
     color: orangered;
     cursor: pointer;
     margin: 5px 0px;
     font-size: 1rem;
     display: none;
 }

 .logo-img {
     margin: 64px 0px;
 }

 .wrapper-text {
     font-size: 1.5rem;
     font-weight: 700;
     margin-top: 30px;
 }

 /* content-color: #fc7750 */
 #iphone-content {
     background-color: lightskyblue;
 }

 #iphone-text {
     padding: 20px 0px;
     margin: 30px 0px;
 }

 .iphone-text {
     font-weight: bold;
     font-size: 4vh;
     margin-top: 38%;
     font-family: Pacifico;
 }

 #sitemap {
     margin: 20px 0px;
 }

 .map i {
     padding: 12px 5px;
     color: grey;
 }

 .wrapper-title {
     font-size: 1.2rem;
     font-weight: bold;
 }

 .music-list {
     list-style-type: none;
 }

 .music-list li {
     padding: 1px 0px;
 }

 #music-content {
     overflow-x: hidden;
     background-color: ghostwhite;
     padding: 10px 0px;
 }

 .music-list i {
     color: gold;
     margin: 0px 3px;
 }

 @media only screen and (max-width: 425px) {
     .map {
         padding: 0px;
         font-size: 12px;
     }

     #sitemap {
         background-color: lavender;
     }

     .iphone-text {
         font-weight: bold;
         font-size: 4vh;
         margin-top: 10%;
     }
 }

 @media only screen and (max-width: 768px) {
     .panel {
         background-color: lemonchiffon;
     }

     .navbar li {
         background-color: lemonchiffon;
     }

     .logo {
         max-width: 170px;
     }

     .bars {
         margin: 4px 20px;
         cursor: pointer;
         color: #fc7850;
     }

     .menu-close {
         margin: 4px 20px;
         cursor: pointer;
         color: #fc7750;
         font-size: 2rem;
     }

     .subscribe {
         width: auto;
         height: 260px;
         margin-top: 20px;
     }

     .footer-nav a {
         margin: 0;
         padding: 2px;
         font-size: 12px;
     }
 }

 @media only screen and (min-width: 780px) {
     .logo-img {
         margin: 64px 0px;
     }

     .iphone-text {
         font-weight: bold;
         font-size: 4vh;
         margin-top: 38%;
     }
 }