/*------------------------------------------------------ABOUT US----------------------------------------------------------------*/

/*Sets the layout for the webpage*/
.box{
    margin-left: 5%;
    margin-right: 5%;
    
}


/*Displays content for content 1 */
.content1{
    width: 1130px;
    height: 50px;
    position:relative;
    bottom: 50px;
    
    
}

.content1 p{
    font-size: 28px;
    padding-left: 150px;
    padding-right: 150px;

}

.imagecontent, h1{
    color: #000000f0;
    font-size: 54px;
    text-align: center;
    padding-top: 0.1px;
    
    
}

.content1{
    margin-top: 100px;
    
}

/*Displays content for content 2*/
.content2{
    width: 1130px;
    height: 50px;
    margin-top: 300px;
    margin-bottom: 750px;

}
.content2 p{
    font-size: 28px;
    font-size: 28px;
    padding-left: 150px;
    padding-right: 150px;

}

.title3{
    margin-top: 150px;

}


/*Displays content for content 3, contains images/divclasses in one parent class*/
.imgParent3{
    position: relative;
    
}


/*Image/div segment 1*/
.imagecontent3{
    background-color: rgba(54, 54, 54, 0.82);
    width: 250px;
    height: 250px;
    position:relative;
    top: 180px;
    
    margin-bottom: -400px;
    margin-top: -200px;
    
    
}

.imagecontent3 h1{
    color: #fffffff0;
    font-size: 24px;
    text-align: center;
    padding-top: 0.1px;
}

.imagecontent3 p{
    color: #fffffff0;
    font-size: 18px;
    margin-left: 15px;
    margin-right: 15px;
}

.content3{
   margin-top: -255px;
 
}


.content3, img{
    width: 250px;
    height: 250px;
}




/*Image/div segment 2*/

.imagecontent4{
    background-color: rgba(54, 54, 54, 0.82);
    width: 250px;
    height: 250px;
    position:relative;
    top: 180px;
    
    margin-bottom: -400px;
    margin-top: -200px;
    
    
}

.imagecontent4 h1{
    color: #fffffff0;
    font-size: 24px;
    text-align: center;
    padding-top: 0.1px;
}

.imagecontent4 p{
    color: #fffffff0;
    font-size: 18px;
    margin-left: 15px;
    margin-right: 15px;
}

.content4{
   margin-top: -255px;
   margin-left: 450px;
 
}


.content4, img{
    width: 250px;
    height: 250px;
}

/*Image/div segment 3*/
.imagecontent5{
    background-color: rgba(54, 54, 54, 0.82);
    width: 250px;
    height: 250px;
    position:relative;
    top: 180px;
    
    margin-bottom: -400px;
    margin-top: -200px;
    
    
}

.imagecontent5 h1{
    color: #fffffff0;
    font-size: 24px;
    text-align: center;
    padding-top: 0.1px;
}

.imagecontent5 p{
    color: #fffffff0;
    font-size: 18px;
    margin-left: 15px;
    margin-right: 15px;
}

.content5{
   margin-top: -255px;
   margin-left: 865px;
 
}


.content5, img{
    width: 250px;
    height: 250px;
    
}

/*Positions footer*/
.footerPosition{
    margin-top: 400px;
}