.aboutCube
{
    border:solid 1px white;
    box-shadow:box-shadow:0 0 30px #7E4C20;;
    opacity:0.9;
    cursor:pointer;
    height:250px;
    background-size:cover;
    background-position:center;
    position:relative;
    float:right;
    margin:10px;
    opacity:0.9;
    max-width:calc(100% - 20px);
    /*  */
}

.aboutCube:hover
{
    opacity:1;
}

.aboutCube h2,
.aboutCube h3
{
    font-weight:normal;
    margin:0;
    color:white;
    overflow-y:hidden;
    box-sizing:border-box;
}

.aboutCube h2
{
    font-size:1.5em;
}

.aboutCube h3
{
    margin-top:10px;
    max-height:0;
    margin-bottom:0px;
    font-size:1em;
    transition:ease 1s;
}

.aboutCube:hover h3
{
    max-height:100px;
    padding-bottom:15px;
}    

.aboutCube div
{
    text-align:center;
    position:absolute;
    bottom:0px;
    padding:10px;
    padding-bottom:0;
    background-color:rgba(0,0,0,0.4);
    width:100%;
    box-sizing:border-box;
}

.aboutButtons
{
    max-width:730px;
    background-color:pink;
    margin:0 auto;
}

.aboutCube.Wide
{
    width:420px;
}

.aboutCube.Small
{
    width:250px;
}

.MetroPop
{
    
}

.MetroPop:hover
{
    opacity:1;
}

.Texts
{
    display:none;
    width:900px;
    max-width:calc(100% - 90px);
    background-color:white;
    padding:30px;
    border-radius:20px;
    margin:20px auto;
    /*  */
}

.TextsBG
{
    width:900px;
    max-width:calc(100% - 90px);
    /*  */
    padding:30px;
    border-radius:20px;
    margin:20px auto;
    /*  */
}

.Texts img
{
    max-width:100%;
}

@media screen and (max-width: 1100px)
{
    .aboutCube.Wide
    {
        width:100%;
    }

    .aboutCube.Small
    {
        width:100%;
    }

}

.Texts > span > *
{
    display:none;
}