html, body { border: 0pt none; margin: 0pt; padding: 0pt;font-family: 'Saira Extra Condensed', sans-serif; }
h1, h2, h3, h4, h5, h6 { margin: 0pt; padding: 0pt; font-weight: normal; }
p, ul, ol { margin: 0pt; padding: 0pt 0pt 1.25em; }
html { height: 100%; overflow: auto; }
body { height: 100%;  font-size: 0.75em; background: #fff; color: rgb(52, 52, 52); }
p { font-size: 100%; line-height: 1.6em; padding: 0pt 0pt 1.25em; }
.container {  margin: 0pt auto; }
.header { position: relative;text-align:center;}
.header img{width:250px;}
.header h2{position: absolute;right: 200px;bottom: 10px;}
.home-content{  margin: 0pt auto; text-align: center;}
.home-content h1 { padding: 10px 0pt; font-size: 34px;margin-bottom:70px; }
.home-content p { padding: 10px 0pt;font-size: 18px;margin: 10px 15px; }
.content-wrapper { overflow: hidden; position: relative;max-width:800px;margin:0 auto; }
.contact{    display: flex;
    justify-content: center;
    padding: 0px 25px;
    flex-direction: column;
    align-items: center;}
.coffee img{width:350px;}
.coffee{display: flex;justify-content: center;}
.coffee-one{position:absolute;top:0;right:0;}
.coffee-one img{width:150px;}
.coffee-two{position:absolute;bottom:0;left:0;}
.coffee-two img{width:200px;}
.container-all{padding-top:20%;}
.contact ul{list-style-type: none;}
.contact ul li{font-size:16px;padding:5px 0;}
.contact ul li a{color:black;}

@media (max-width:991px){
    .container-all{padding-top:30%;}
}

@media (max-width:650px){
    .coffee-two img{width:150px;}
    .coffee-one img{width:100px;}
    .container-all{padding-top:50%;}



}