body{
    margin: 0 auto;
    padding: 0;
}

.main{
    width: 100%;
    height: 100vh;
    background: #FEF4C5;
    float: left;
}

.navbar_s{
    width: 100%;
    min-height: 70px;
    background: #FEF4C5;
    float: left;
}

.logo_s{
    width: 200px;
    min-height: inherit;
    background: #FEF4C5;
    float: left;
    display: flex;
    justify-content: center;
}

.logo_s img{
    width: 100px;
}

.menu_s{
    width: calc(100% - 200px);
    min-height:inherit;
    background: #FEF4C5;
    float: left;
}

.content{
    width: 100%;
    min-height: 500px;
    background: #FEF4C5;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cont{
    width: 750px;
    min-height: inherit;
    /* background: saddlebrown; */
    float: left;
}

.cont img{
    width: 100%;
}

.footer{
    width: 100%;
    min-height: 90px;
    background: #FEF4C5;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer span{
    font-size: 35px;
    font-family: cursive;
}

@media only screen and (max-width: 600px) {
    .content {
      min-height: 300px;
    }

    .footer span{
        font-size: 25px;
    }

    .main, .navbar_s, .logo_s, .menu_s, .content, .footer{
        background: #FDF3D5;
    }
  }