body {
    margin: 0;
  }


h2 {
    text-align: left;
    border-left: black 3px solid;
    color: black;
    padding-left: 10px;
    font-size: 30px;
    font-weight: normal;
  }

.flexbox {
    display: flex;
}

.flexelement {
    padding: 10px;
    margin: 10px;
    background: white;
    flex: 1 1 0px
}

.flexbox ul {
    list-style: none;
    padding: 0;

    font-size: 3vh;
}

.flexbox ul li {
    padding: 5px 5px 5px 0px;
}

.flexbox #nested_list li {
    font-size: smaller;
    margin-left: 0px;
}

.flexbox li:nth-child(4) {
    margin-top: 40px;
    margin-bottom: 40px;
}

#reduced_tickets{
    padding-top: 200px;
}

.getting_here {
    font-size: 2vh;
}

#more_info {
    border-left: none;
}

#more_info a{
    text-decoration: none;
    color: black;
    font-weight:500;
}

#more_info a:hover{
    text-decoration: underline;
}

#bold {
    font-weight: bold;
}

.text {
    font-size: smaller;
    margin-left: 10px;
}

.getting_here a {
    text-decoration: none;
    color: black;
    font-weight: bold;
}


.getting_here a:hover {
    text-decoration: underline;
}

.flexelement a {
    text-decoration: none;
    color: rgb(98, 91, 91);
    
}

.flexelement ul a:hover {
    text-decoration: underline;
    color: rgb(59, 59, 59);
}



/************RESPONSIVE MODE****************/

@media screen and (max-width: 800px) {
    .flexbox {
      flex-direction: column;
    }
  }