/* info */

#info {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;

   min-height: 550px;
   padding: 50px 20px;
}

@media (min-width: 880px) {
   #info {
      flex-direction: row;
      padding: 50px 40px;
   }
}

@media (min-width: 880px) {
   #info > * {
      padding: 20px;
   }
}

#info img.main {
   max-width: 540px;
   opacity: 0.9;
}

#info a.main {
   display: inline-block;
   background-color: #655e7a;
   padding: 15px 20px;
   border-radius: 4px;

   color: #fff;
   text-decoration: none;
   font-size: 14px;
}

#info h2 {
   font-weight: 500;
   color: #333;
   font-size: 25px;
}

#info p {
   margin: 5px 0;

   font-size: 15px;
   line-height: 26px;
   color: #7b7b7b;
}

#info ul {
   font-size: 15px;
   line-height: 26px;
   color: #7b7b7b;
}

@media (min-width: 880px) {
   #info {
      flex-direction: column;
   }
}

#info img.main {
   max-width: 100%;
   max-height: 400px;
   height: auto;
}

#info > div > div {
   vertical-align: top;
}

@media (min-width: 680px) {
   #info > div > div {
      display: inline-block;
      width: 49%;
      padding: 0 20px;
   }
}