/************************************************************************************************************************
DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - D
************************************************************************************************************************/


@media screen and (min-width: 768px) { 

  @media only screen and (max-width: 700px) {
    .responsive {
      width: 49.99999%;
    }
  }

  @media only screen and (max-width: 500px) {
    .responsive {
      width: 100%;
    }
  }

  html {
    font-size: 100%; /* Ensures the base is the user's browser default, usually 16px */
  }


  /* TOP NAV - TOP NAV TOP NAV - TOP NAV TOP NAV - TOP NAV TOP NAV - TOP NAV TOP NAV - TOP NAV TOP NAV - TOP NAV TOP NAV -
  TOP NAV TOP NAV - TOP NAV TOP NAV - TOP NAV TOP NAV - TOP NAV TOP NAV - TOP NAV TOP NAV - TOP NAV TOP NAV - TOP NAV */
  .topnav ul {
      list-style-type: none;
      overflow: hidden;
  }

  #topnav-name {
      font-family: 'Times New Roman', Times, serif;
      font-size: 30px;
      margin-top: 10px;
  }

  /* Style the links inside the navigation bar */
  .topnav a {
    float: left;
    padding: 15px 15px;
    text-decoration: none;
    font-size: 15px;
    color: #585473;
    overflow: hidden;
  }

  .topnav li {
      float: left;
  }

  /* Change the color of links on hover */
  .topnav-right {
      font-family: Arial, Helvetica, sans-serif;
      float: right;
      margin-top: 20px;
      margin-right: 40px;
      margin-bottom: 5%;
  }

  /* Style Button and horizontally align Button with links  */
  button {
      margin-top: -10px;
      padding: 10px;
      color: #d8daf4;
      background-color: #9d95cc;
      border-radius: 4px;
      border: 0px solid;
  }

  /* Change the color of links on hover */
  .topnav a:hover {
      color:#8187DC;
  }
  /* TOP NAV - TOP NAV TOP NAV - TOP NAV TOP NAV - TOP NAV TOP NAV - TOP NAV TOP NAV - TOP NAV TOP NAV - TOP NAV TOP NAV -
  TOP NAV TOP NAV - TOP NAV TOP NAV - TOP NAV TOP NAV - TOP NAV TOP NAV - TOP NAV TOP NAV - TOP NAV TOP NAV - TOP NAV */


  .coming-soon _{
    display: flex;
    justify-content: center;
  }

  .coming-soon-child {
    width: 50%; /* Must have a defined width */
    margin: 5rem auto;
    text-align: center;
  }


/* FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER -
 FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER -*/
  .footer-container {
    position: relative;
    padding-top: 20px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5%;
    margin-bottom: 5%;
  }

  .footer-align-right {
    text-align: right;
    font-family: 'Courier New', Courier, monospace;
    color: #9d95cc;
  }

  .footer-container img {
    width: 20px;
    bottom: 0;
  }

  .footer-logo-icons {
    position: absolute;
    margin-left: 2%;
    margin-top: 30px;
  }

  .footer-logo-icons img {
    padding: 5px;
  }
/* FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER -
 FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER - FOOTER -*/
}