*{
    font-family: "Montserrat";
    color: white;
}
h1{
    font-style: italic;
    font-size: 30px;
}
#container-content{
    display: flex;
    flex-direction: row;
}
#main{
    padding: 30px;
}
#other-videos{
    display: inline-block;
}
#container-text-content{
    width: 40%;
    position: relative;
}
#text-content{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 90%;
}
#text-content h2{
    font-size: 30px;
    font-weight:bolder;
}
#text-content p{
    margin-top: 20px;
}
#container-videos{
    width: 60%;
    display: block;
}
#other-videos > *{
    width: 172px;
    height: 120px;
    margin: 0 4px 0 4px;
}
#videos{
    width: 560px;
    margin: auto;
}
@media screen and (max-width: 1000px) {
    #container-content{
        flex-direction: column;
        height: 700px;
    }
    #container-content #container-text-content{
        display: block;
        height: 30%;
        width: 100%
    }
}
@media screen and (max-width: 630px) {
    #displayed-video iframe{
        width: 300px !important;
        height: 175px;
    }
    #other-videos iframe{
        width: calc(172px / 1.8) !important;
        height: calc(120px / 1.8) !important;
    }
}