#Weeklyvid
{
    width:1200px;

    height:1300px;
    border:1px solid black;
    background-color:white;

}



#videoArea

{

    width:300px;
    height:300px;

    margin-top:50px;

    float:left;
    margin-left:213px;


}
#pic
{
    width:910px;
    height:200px;
    margin-top:570px;
    margin-left:145px;




}
h3
{
    float:left;
    margin-left:25px;


}


#bottomwrapper
{

    width: 1000px;
    height: 305px;
    margin-top: 30px;
    margin-left: 50PX;
    float:left;
    margin-left:70px;

}

.summarytitle
{
    font-size:30px;
    font-family:Helvetica;

}



#summary

{

    font-size:23px;
    color:#000000;
    margin-left:50px;
    font-family:Helvetica;
    text-align:center;




}

#topwrapper
{
    width:1200px;
    height:380px; /* original height is 300px */
    border:1px solid black;
}




#centerwrapper
{

    width:944px; /*original width is 600px */
    height:660px;
    float:left;
    border:1px solid black;
}
#contentarea
{
    width:1200px;
    height:600px;
    margin-left:auto;
    margin-right:auto;

}
.container {
    position: relative;
    width: 50%;
}

.image {
    display: block;
    width: 100%;
    height: auto;
}

.overlay {
    position: absolute;
    top: 780px;
    bottom: 0;
    left: 0;
    right: 0;
    height:135px;
    width: 225px;
    opacity: 0;
    transition: .5s ease;
    background-color:#A4A4A4;
}

.container:hover .overlay {
    opacity: 1;
}

.text {
    color: white;
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-color:white;
}
#weeks
{
    width:300px;
    height:150px;
    margin-left:50px;
    float:left;
    border:1px solid black;

}
.container2 {
    position: relative;
    width: 50%;
}

.image2 {
    display: block;
    width: 100%;
    height: auto;
}

.overlay2 {
    position: absolute;
    top: 780px;
    bottom: 0;
    left: 0;
    right: 0;
    height:135px;
    width: 225px;
    opacity: 0;
    transition: .5s ease;
    background-color:#A4A4A4;
}

.container:hover .overlay {
    opacity: 1;
}

.text2 {
    color: white;
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-color:white;
}
#weeks2
{
    width:450px;
    height:450px;
    margin-left:100px;
    float:left

}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Jan 25, 2019, 5:10:20 PM
Author     : okuts
*/