body{
    background-color: FFEAF3;
}
header{
    margin: 50px ;
}
.logo{

    width: 150px;
}
.menu{
    width: 50px;
    float: right;
}
.topcards{
    display: flex;
    flex-direction: row;

    
}
.card{
padding-top: 100px;
padding-left: 150px;
text-align: center;
}
.hero{
    padding-top: 50px;
    padding-left: 9px;
    font-size: 75px;
    text-align: center;

}
h2{
    color: D847A6;
}
.bottomcards{
display: flex;
flex-direction: row;
}
.bcard{
text-align: center;
}
.three{
padding-left: 150px;
}
.four,.five{
padding-left: 114px;
}
@media (max-width:680px){
.hero{
    display:none;
}
.topcards, .bottomcards{
flex-direction: column;
}
.bimg{
width: 400px;
}
.card,.three,.four,.five{
    padding: 0;
    padding-bottom: 20px;
}
.one{
    padding-top: 50px;
}

}