/* +++ INFO PAGE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#info-menu {
    min-width: 400px;
}
#info-menu > div.title {
    font-size: 32px; color: #333333; padding: 20px; margin-bottom: 25px; border-bottom: 1px solid #dddddd;
}
#info-menu > a {
    display: block; padding: 0 25px; margin-bottom: 20px; font-size: 20px; color: #222222; opacity: 0.6; transition: opacity 0.3s;
}
#info-menu > a:hover {
    opacity: 1.0;
}
#info-content > div.title {
    padding: 20px; border-bottom: 1px solid #dddddd; font-size: 32px; color: #ff2800;
}
#info-content > div.text {
    padding: 15px 30px 30px; border-bottom: 1px solid #dddddd;
}
#info-content > div.text > p,
#info-content > div.text > ol > li {
    font-family: 'Nunito', sans-serif; font-size: 16px; color: #333333;
}
#info-content > div.text > div.columns {
    display: flex;
}
#info-content > div.text > div.columns > div {
    flex-grow: 1; flex-basis: 0;
}
#info-content div.video-container {
    position: relative; width:100%; max-width: 800px; overflow: hidden;
}
#info-content div.video-container::after {
    display: block; content: ''; padding-top: 56.25%; /* for aspect ratio 16:9, if 4:3, set it to 75% */
}
#info-content div.video-container > iframe {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
@media screen and (max-width: 1200px) {
    #info-menu {
        min-width: 300px;
    }
    #info-content > div.text > div.columns {
        flex-direction: column;
    }
}
@media screen and (max-width: 800px) {
    #info-menu {
        display: none;
    }
    #info-content > div.title {
        padding: 10px; font-size: 24px;
    }
    #info-content > div.text {
        padding: 5px 20px 20px; font-size: 14px;
    }
    
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */