body{
    margin: 0;
}

.header{
    display: block;
    width: 1270px;
    height: 220px;
    position: relative;
    margin: auto;
}

.purplesquare{
    position: absolute;
    background-color: #8f2c8c;
    width: 220px;
    height: 220px;
}

#logo{
    position: absolute;
    left: 32px;
    top: 32px;
    width: 148px;
    height: 148px;
    border: 3.5px;
    border-style: solid;
    border-color: #f3eaea;
    border-radius: 10px;
}

.slogan{
    width: 135px;
    position: absolute;
    left: 250px;
    top: 85px;
    font-family: roboto;
    font-weight: bold;
    font-size: 20px;
    color: #3e434a;
}

.contact{
    width: 480px;
    position: absolute;
    top: 97px;
    right: 111px;
    font-family: roboto;
    font-size: 29px;
    color: #3e434a;

}

.mybasket{
    width: auto;
    position: absolute;
    top: 39px;
    right: 145px;
    font-family: roboto;
    font-size: 14px;

}

.trolley{
    width: 25px;
    position: absolute;
    right: 115px;
    top: 35px;
}

#purpletrolley{
    width: 25px;
}

.searches{
    position: relative;
    display: block;
    width: 1270px;
    height: 380px;
    margin: auto;
}

.titles{
    position: absolute;
    left: 122px;
    top: 38px;
    font-family: roboto;
    font-size: 60px;
    font-weight: bolder;
    color: #3e3e3e;
}

.slideshow{
    display: flex;
    justify-content: space-around;
}

.images{
    background-color: #8f2c8c;
    width: 220px;
    height: 220px;
    position: relative;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 160px;
}

.whybigbackdrops{
    position: relative;
    display: block;
    width: 1270px;
    height: 300px;
    margin: auto;
}

.whyboxes{
    display: flex;
    justify-content: space-around;
}

.whyinfo{
    width: 254px;
    height: 110px;
    position: relative;
    margin-top: 150px;
    
}

.whyinfo > div{
    position: absolute;
    font-size: 14px;
    text-align: left;
    font-family: roboto;
    color: #3e434a;
}

h3{
    margin: 0;
    font-family: roboto;
    font-size: 20px;
    font-weight: bold;
}

.howtoorder{
    position: relative;
    display: block;
    width: 1270px;
    height: ;
    margin: auto;
}

.orderboxes{
    display: flex;
    justify-content: space-around;
}

.orderimage{
    width: 254px;
    height: 110px;
    position: relative;
    margin-top: 150px;
    margin-bottom: 200px;
}

.orderimage > div{
    position: absolute;
    font-size: 14px;
    font-family: roboto;
    color: #3e434a;

}


.orderinfo{
    width: 230px;
    height: 110px;
    position: relative;
    margin-top: auto;
    
}

.orderinfo > div{
    position: absolute;
    font-size: 14px;
    font-family: roboto;
    color: #3e434a;
}

#van{
    position: relative;
    width: 12rem;
}

#stand{
    position: relative;
    margin-top: 2rem;
   
}

#magnifier{
    position: relative;
    width: 12rem;
}

#ruler{
    position: absolute;
    width: 10rem;
    left: 4rem;
    top: 4rem;
}

.testimonials{
    position: relative;
    display: block;
    width: 1270px;
    height: 900px;
    margin: auto;
}

.testtext{
    text-align: center; 
    font-family: roboto;
    font-size: 60px;
    font-weight: bolder;
    color: #3e3e3e;
    margin-top: 2rem;
}
.testbox {
    display: flex;
    justify-content: space-around;
    margin: auto;
}

.testinfo{
    width: 555px;
    height: 300px;
    position: relative;
    margin-top: 3rem;
    background-color: #3e434a;
}

.testinfo > div {
    position: absolute;
    top: auto;
    left: 25px;
}

.testinfo > div > h1 {
    font-family: roboto;
    color: #8f2c8c;
    text-align: center;
}

.testinfo > div > p {
    font-family: roboto;
    color: #ffffff;
}

.footer{
    position: relative;
    display: block;
    width: 1270px;
    height: 200px;
    margin: auto;
}

.family{
    width: 900px;
    margin: auto;
    display: flex;
    justify-content: space-around;
}

#bigprintlogo{
    width:6rem;
    position: relative;
    margin: auto;
    text-align: center;
}

#bigblindlogo{
    width: 7rem;
    position: relative;
    margin: auto;
    text-align: center;
}

#wallpaperlogo{
    width: 12rem;
    position: relative;
    margin: auto;
    text-align: center;
}

#bigboardslogo{
    width: 12rem;
    position: relative;
    margin: auto;
    text-align: center;
}

.meetthefamily{
    text-align: center; 
    font-family: myFont;
    font-size: 60px;
    font-weight: bolder;
    color: #3e3e3e;
    margin-bottom: 2rem;
}




@font-face {
    font-family: myFont;
    src: url(jacqueline.ttf);
}