body{
    margin: 0;
}

h1.h1{
    
    float: left;
    margin-right: 20%;
    font-size: 30px;
    font-family:Verdana, Geneva, Tahoma, sans-serif
}

li{
    display:inline-flex;
    margin: 40px;
    margin-top: 29px;
    
}
nav.center{
    text-align: center;
    
}
nav.nav-bar{
    background-color: black;
     color:white;
}
div{
    display: inline-flex;
}
li.center{
    margin-top: 5px;
    margin-bottom: 5px;
}

.happy{ 
    margin-right: 30px;
    width: 40%;
    float: right;
    margin-top : 90px;
    margin-bottom: 40px;
}
article.bout{
   color : white;
   margin: 30px;
    Width:50%;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    float: left;

}
.bout p{
    font-size: 30px;
}
.bout h2{
    font-size: 60px;
}

article.service{
    width:50%;
    margin : 30px;
    float: left;

}
.service h3{
    font-size: 60px;
}
.service p {
    font-size: 30px;
}
article.products{
    margin:30px;
    float:right;
}
@media only screen and (max-width:1000px)
{
li{
    margin:5px;
    margin-top:29px;
    margin-bottom:29px ;
    position: relative;
}
article.bout{
    color : white;
    margin: 30px;
     Width:50%;
     display: block;
     font-family: Arial, Helvetica, sans-serif;
     float: left;
 
 }
 .bout p{
    font-size: 20px;
}
.bout h2{
    font-size: 30px;
}
.service h3{
    font-size: 30px;
}
.service p {
    font-size: 20px;
}
}