html{margin:0px; padding:0px;}
body{margin:0px; padding:0px;}
@media screen and (max-width:600px){
#obwhatsacontact{display:flex; flex-direction:column !important; justify-content:space-between; padding:0vw 5vw; background-image:url(whatsbg.jpg);}
#obwhatsacontactcolo{width:100% !important;  margin-top:1vw;  border-bottom:1vh solid black !important; border-right:0vh solid black !important;}
#obwhatsacontactcotw{width:100% !important; margin-top:1vw; border-left:0vh solid black !important; border-bottom:1vh solid black !important;}
#obwhatsacontactcolo a{width:50%;}
#obwhatsacontactcotw a{width:50%;}

#obfranchisebuton{padding:1vw;background:#000; color:#fff; text-align:center; width:60vw !important; margin:0vw auto; border-radius:1vw; font-size:4vw !important;}
#obqrcodebutton{padding:1vw; background:#000; color:#fff;text-align:center;width:60vw !important;  margin:0vw auto; border-radius:1vw; font-size:4vw !important;}

#obwhatsacontactcolo a{text-decoration:none; color:white; text-transform:uppercase; text-align: center; font-size: 3vw !important; padding:1vw;  background:#000; font-family:library-3; border:.5vw solid #1298d5; border-radius:1vw; }
#obwhatsacontactcolo a:hover{background:#10c020; border:.5vw solid #10c020;}
#obwhtschatnow{position:absolute;left:32vw !important; bottom:37vw !important; display:block; }
#obscannow{position:absolute;right:45vw !important; bottom:37vw !important; color:white; text-transform:uppercase; text-align: center; font-size: 3vw !important; padding:1vw;  background:#000; border-radius:1vw; font-family:library-3; border:.5vw solid #1298d5;}

.obhdbox-1{font-family:library-3; border:1vw solid #1298d5 !important; font-size: 2.5vw !important; padding: 2vw; text-align: center; margin: 0vw 0vw;  background:#000;}
.obhdbox-2{font-family:library-3; border:1vw solid #1298d5 !important; font-size: 2.5vw !important; padding: 2vw; text-align: center; margin: 2vw 0vw;  background:#000;}
.obhdbox-3{font-family:library-3; border:1vw solid #1298d5 !important; font-size: 2.5vw !important; padding: 2vw; text-align: center; margin: 2vw 0vw; background:#000;}

}

#obwhatsacontact{display:flex; flex-direction:row; justify-content:space-between; padding:0vw 0vw; background-image:url(whatsbg.jpg);}
#obwhatsacontactcolo{width:50%;  margin-top:0vw;  border-right:.5vh solid black; position:relative;}
#obwhatsacontactcotw{width:50%; margin-top:0vw; border-left:.5vh solid black; position:relative;}
#obwhatsacontactcolo a{width:25%;}
#obwhatsacontactcotw a{width:50%;}
.obwhatsacontrsp{width:100%; margin:0vw auto;}

#obwhatsacontactcolo a{text-decoration:none; color:white; text-transform:uppercase; text-align: center; font-size: 1.5vw; padding:1vw;  background:#000; font-family:library-3; border:.5vw solid #1298d5; border-radius:1vw; }
#obwhatsacontactcolo a:hover{background:#10c020; border:.5vw solid #10c020;}
#obwhtschatnow{position:absolute;left:15vw; bottom:17vw; display:block; }
#obscannow{position:absolute;right:21vw; bottom:17vw; color:white; text-transform:uppercase; text-align: center; font-size: 1.5vw; padding:1vw;  background:#000; border-radius:1vw; font-family:library-3; border:.5vw solid #1298d5;}



#obfranchisebuton{padding:0vw;background:transparent; color:#fff; text-align:center; width:40vw; margin:0vw auto; border-radius:1vw; font-size:2vw;}
#obqrcodebutton{padding:0vw; background:transparent; color:#fff;text-align:center;width:40vw;  margin:0vw auto; border-radius:1vw; font-size:2vw;}
#obfranchisheading{padding:0vw 0vw; background:#000; color:#fff;text-align:center;width:100%; margin:0vw;border-radius:0vw; font-size:3vw;}