body
{
    text-align:center;
}
h1, .content > p
{
    text-align:left;
}

.recipient
{
    display:inline-block;
    width:25em;
    height:auto;
    margin:1.5em 2.5em;
    background:#14141488;
    text-align:center;
    border-radius:.5em;
    box-shadow:0em 0em .25em .05em rgb(var(--nav-accent-color)), 0em 0em .25em .05em rgb(var(--nav-accent-color));
}
.recipient > div.image
{
    width:95%;
    height:0%;
    padding-top:95%;
    margin-left:2.5%;
    margin-bottom:2.5%;
    background-image:var(--image, url('../images/scholarship_recipients/picture_unavailable.png'));
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
}

.recipient > p
{
	color:white;
	font-size:1.5em;
	font-style:italic;
	word-spacing:.01em;
	line-height:1.75;
	text-decoration:none;
}

#video-container
{
    display:inline-block;
    margin-top:7.5em;
}

#player-container, #video-selector
{
    display:inline-block;
    width:90%;
    height:25em;
    margin:1.5em 0em;
    background:#14141488;
    border-radius:.5em;
    box-shadow:0em 0em .25em .05em rgb(var(--nav-accent-color)), 0em 0em .25em .05em rgb(var(--nav-accent-color));
}

#video-list
{
    width:90%;
    height:18em;
    margin:0em 2.5% 0em 5%;
    padding-right:2.5%;
    text-align:left;
    overflow-y:auto;
}
#video-list > p.selected > a
{
    color:#0f81ff;
}

#embed-player
{
    width:100%;
    height:100%;
}

@media only screen and (orientation:landscape), (min-width:1024px)
{
    .recipient > p
	{
		font-size:1.15em;
		line-height:1.5;
	}
    
    #player-container, #video-selector
    {
        width:32em;
        height:18em;
        margin:1.5em 2.5em;
    }

    #video-list
    {
        height:12.5em;
    }
}