/**{ border: 1px solid red; }*/ /*temporary use of view how objects are layed out*/

/*------------------------------------------------------MAIN MENU----------------------------------------------------------------*/


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

/*Design for content 1*/
.imagecontent{
    background-color: rgba(54, 54, 54, 0.82);
    width: 1130px;
    height: 150px;
    position:relative;
    bottom: 150px;
    
    
}


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

.content1{
    margin-top: 50px;

}


.content1, img{
    width: 1130px;
    height: 450px;
}

.imgParent{
    position: relative;
}


/*Design for content 2*/
.imagecontent2{ 
    background-color: rgba(54, 54, 54, 0.82);
    width: 450px;
    height: 450px;
    position:relative;
    bottom: 450px;
    margin-bottom: 320px; 
    
    
    
}

.imagecontent2, h1{
    color: #fffffff0;
    font-size: 60px;
    text-align: center;
    padding-top: 0.1px;
}

.imagecontent2, p{
    color: #fffffff0;
    font-size: 24px;
    
    
}

.content2{
    margin-top: -25px;
}


.content2, img{
    width: 1130px;
    height: 450px;
}

.imgParent2{ 
    position: relative;
    
}




/*Design for content 3*/

.imagecontent3{
    background-color: rgba(54, 54, 54, 0.82);
    width: 450px;
    height: 450px;
    position:relative;
    bottom: 250px;
    left: 680px;
    margin-bottom: -400px; /*solution*/
    margin-top: -200px;
    
    
}

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

.imagecontent3, p{
    color: #fffffff0;
    font-size: 24px;
    
    
}

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


.content3, img{
    width: 1130px;
    height: 450px;
}

.imgParent3{
    position: relative;
   
}

/*button design on content 2/3*/
.b{
    font-size: 12px;

    padding: 1em 8em;
    margin: 0.25em;

    border-radius: 50px;
    border: none;
    outline: none;
}

.b:hover{
    transition: 0.0002em;
    background-color: rgb(107, 176, 240);
    cursor: pointer;
}

.footerPosition{
    margin-top: 300px;
}