body {

    background-color: #FBDE00;

    margin-left:2%;

    margin-top:2%;

    margin-right:2%;

}



a{

	color:#ec4894;

	text-decoration: none;

	margin-right:15px;

	font-size:16px;

}a:hover{

	color:white;

}



#Logo{

    display:inline-block;

    height: auto;

    width:30%;

}

#Links{

	margin-top:25px;

	margin-left:2%;

	width:21%;

}



#Header{

	display:block;

}

#Content{

	

}



.LinkPicture{

	display:block;

	margin-top:5px;

}

.Video{

	margin-bottom:3%;

}

.video-container {

	position:relative;

	padding-bottom:56.25%;

	padding-top:30px;

	height:0;

	overflow:hidden;

}

.video-container iframe, .video-container object, .video-container embed {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

}

#MobileLinks{

	width:100%;

	padding:5px;

}



@media only screen and (max-width: 1180px) {

    #Links {

        display:none;

    }

    #filler{

    	width:0%;

    }

    #MobileLinks{

    	margin-top:10px;

    	display:block;

    }

    #Videos{

    	display:block;

    	width:100%;

    }

    #Info{

    	display:none;

    }

    #MobileInfo{

    	display:block;

    }

}



@media only screen and (min-width: 1180px){

	#Links {

        display:inline-block;

    }

    #filler{

    	width:7%;

    }

    #MobileLinks{

    	display:none;

    }

    #Videos{

    	display:inline-block;

    	width:60%;

    }

    #Info{

    line-height:1;

    text-align:right;

    display:inline-block;

    float:right;

    font-size:18px;

    margin-top:2%;

	}

	#MobileInfo{

		display:none;

	}

}



