#content {

    flex: 1;

}



#info {

    border-top: 1px solid rgba(255, 255, 255, 0.2);

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

    padding: 2rem 0;

    margin-bottom: 2rem;

}



#info > div {

    display: flex;

    flex-flow: row;

    box-sizing: border-box;

}



#info > div > div {

    flex: 1;

}



#info > div > div:last-child {

    padding-left: 2rem;

    box-sizing: border-box;

}



#info img {

    display: block;

    transition: all 0.5s;

    object-fit: cover;

    width: 100%;

    height: 40%;

}



#info .cover {

    aspect-ratio: 1 / 1;

    overflow: hidden;

    display: flex;

    align-items: start;

    justify-content: start;

    /*cursor: pointer;*/

    position: relative;

}



#info .desc {

    color: rgba(255, 255, 255, 0.7);

}

#info .desc2 {

    text-align: center;

}


@media (max-width: 960px) {

    #info > div {

        flex-flow: column;

        max-width: 500px;

        margin-left: auto;

        margin-right: auto;

    }



    #info > div > div:last-child {

        padding-left: 0;

        padding-top: 2rem;

    }
	#info img {

    display: block;

    transition: all 0.5s;

    object-fit: cover;

    width: 100%;

    height: 100%;

	}

}

@media (max-width: 720px) {

    #info {

        margin-top: 1rem;

    }
	
	#info img {

    display: block;

    transition: all 0.5s;

    object-fit: cover;

    width: 100%;

    height: 100%;

	}

}

@media (max-width: 540px) {

}