/*------------------------------------------------------RESOURCES----------------------------------------------------------------*/

/*Format box to arrange webpage*/
.box{
    margin-left: 5%;
    margin-right: 5%;
    position:absolute;
    
}


.box h1{
    color: #000000f0;
    font-size: 54px;
    padding-top: 0.1px;
    margin-bottom: 50px;
    text-align: center;
    position:relative;
}

/*Content 1*/

.content1{
    background-color: #1f1f1fd6;
    position: relative;
    margin-bottom: 125px;    
}

.content1 h2{
    margin-left: 25px;
    margin-right: 200px;
    padding-top: 30px;
    font-size: 32px;
    color: white;
    
}

.content1 p{
    margin-left: 30px;
    margin-right: 55px;
    padding-bottom: 20px;
    font-size: 22px;
    color: white;
}

/*Content 2*/

/*Div is created to be slightly transparent*/
.content2{
    background-color: #1f1f1fd6;
    position: relative;
    margin-bottom: 125px;  
    width: 550px;
    top: 243px;
}

.content2 h2{
    margin-left: 25px;
    margin-right: 200px;
    padding-top: 30px;
    font-size: 32px;
    color: white;
    
}

.content2 p{
    margin-left: 30px;
    margin-right: 55px;
    padding-bottom: 20px;
    font-size: 22px;
    color: white;
}

.parentPar{
    position: relative;
}

/*Formats image behind second content div*/
.partnerImg{

    left: 600px;
    bottom: 320px;
}

.partnerImg, img{
    position: relative;
    width: 175px;
    height: 175px;
    border-radius: 10px;
    cursor: pointer;
}


.partnerImg h1{
    font-size: 36px;
    left: 125px;
    bottom: 40px;
    width: 250px;
    cursor: default;
}


/*Formats images*/
#mainImg{
    position: absolute;
    height: 480px;
    width: 550px;
    cursor: default;
}

#part1{
    bottom: 50px;
    left: 50px;
    

}
#part2{
    margin-left: 300px;
    bottom: 230px;
    
}
#part3{
bottom: 202px;
left: 50px;
}
#part4{
    margin-left: 300px;
    bottom: 382px;
}

/*Positions Footer*/
.footerPosition{
    margin-top: 1200px;
}