/***************************************
FLIP STYLING
***************************************/
#rec1 {
    width: 400px;
    height: 500px;
    background-image: url("Pics/Home/yellowFront.jpg");
    float: left;
}

#rec1:hover {
   background-image: url('Pics/Home/yellowBack.jpg');
}

#rec2 {
    width: 500px;
    height: 300px;
    background-image: url("Pics/Home/pinkFront.jpg");
    float: left;
}

#rec2:hover {
   background-image: url('Pics/Home/pinkBack.jpg');
}

#rec3 {
    width: 400px;
    height: 250px;
    background-image: url("Pics/Home/orangeFront.jpg");
    float: left;
}

#rec3:hover {
   background-image: url('Pics/Home/orangeBack.jpg');
}

#rec4 {
    width: 400px;
    height: 550px;
    background-image: url("Pics/Home/purpleFront.jpg");
    float: right;
}

#rec4:hover {
   background-image: url('Pics/Home/purpleBack.jpg');
}

#rec5 {
    width: 500px;
    height: 300px;
    background-image: url("Pics/Home/tealFront.jpg");
    float:right;
}

#rec5:hover {
   background-image: url('Pics/Home/tealBack.jpg');
}

#rec6 {
    width: 400px;
    height: 300px;
    background-image: url("Pics/Home/greenFront.jpg");
    float: left;
}

#rec6:hover {
   background-image: url('Pics/Home/greenBack.jpg');
}

#rec7 {
    width: 500px;
    height: 200px;
    background-image: url("Pics/Home/blackFront.jpg");
    float: right;
}

#rec7:hover {
   background-image: url('Pics/Home/blackBack.jpg');
}

#intpicHolder {
    width: 1300px;
    height: 850px;
    margin: auto;
    position: absolute;
}

#intCover{
    background-image: url('wandererOne.png');
    margin: auto;
    background-color: white;
    width: 100%;
    height: 100px;
    border-bottom: 1px solid white;
}

.flip-container {
    margin: auto;
    width: 1310px;
}
body{
    background-color: white;
}