body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

header {
    display: block;
    width: 100%;
}

main {
    flex: 1;
}

footer {
    display: block;
    width: 100%;
}

.channels-footer {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.full-display {
    display: flex;
}
.mobile-display {
    display: none;
}


p {
  color: gray;
  font-size: 20px;
  margin: 0px 0px 0px 0px;
  text-align: left;
}


.main {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}


/*
Menu
*/
.menu-container {
    display: flex;
    width: 100%;
    justify-content: center;
    background-color: black;
    border-bottom: solid 1px darkgray;
    padding: 10px 0 10px 0;
}

.menu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 50%;
}

.menu-item {
    /*border: solid 1px gray;*/
    color: white;
    cursor: pointer;
    text-decoration: none;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}


.index-ul {
    list-style: disc;
}

.index-ul > li {
    padding: 0.2rem;
}



/*
Index-Intro
*/
.index-intro {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: flex-start;
  justify-content: center;
}

.index-logo-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem;
}

.index-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}



.index-logo-title {
  font-size: 7rem;
  font-weight: bold;
  line-height: 1;
  height: 1;
  padding: 0;
  margin: 0;
  /* border: solid 1px red; */
  margin-bottom: -0.7rem;
}

.index-logo-subtitle {
  font-size: 2.2rem;
  font-weight: bold;
  /* border: solid 1px green; */
  line-height: 1;
  margin-left: 0.5rem;
  
}

.index-logo-text-container {
    align-items: center;
    margin-top: 1rem;
}

.index-logo-text {
  font-size: 1.4rem;
  color: #007db4;
  font-weight: bold;
}



.index-main-image {
  width: 280px;
}



.index-tune {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.index-tune-container {
  width: 50%;
  padding: 2rem;
}

.index-easy {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.index-easy-container {
  width: 40%;
  padding: 2rem;
}

.index-customize {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.index-customize-container {
  width: 40%;
  padding: 1rem;
}


/* 
.wxc-default-features ul {
  padding-left: 0px;
  margin: 0px 0px 0px 10px;
  text-align: left;
  list-style: square;
  color: black;
  font-size: 14px;
}
ul.wxc-default-features > li {
  padding-left: 0px;
  margin: 0px;
  list-style: none;
}
.wxc-default-row-title {
  color: black;
  font-size: 32px;
  text-align: left;
}


.wxc-text-block {
  padding-top: 0px;
  padding-left: 80px;
} */




/* .wxc-default-features {
  font-size: 14px;
  padding: 20px 0px 0px 0px;
} */

.wxc-pic-1 {
  height: 450px;
}
.wxc-pic2 {
  height: 450px;
}
.wxc-pic3 {
  height: 450px;
}
.wxc-pic4 {
  height: 450px;
}