body{background-image:url(./bg.png)}

.pic img{width:80%;height:auto;}
.pic2 img{width:50%;height:auto}

.dropbtn{background-color:#241f1c;color:#fff;padding:16px;font-size:16px;border:none;cursor:pointer}

.dropdown{position:relative;display:inline-block;float:right;margin-right:4%;}

.dropdown-content{display:none;position:absolute;background-color:#241f1c;min-width:100px;z-index:1;font-family:Roboto,sans-serif}

.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}

.dropdown-content a:hover{background-color:#241f1c}
.dropdown:hover .dropdown-content{display:block}
.dropdown:hover .dropbtn{background-color:#241f1c}


.logo{background-color:#241f1c;width:96%;padding-top:10px;padding-left:20px;margin:auto}
.content{background-color:#241f1c;width:96%;padding-top:40px;margin:auto;}

.topnav{background-color:#241f1c;overflow:hidden; border-top: 1px solid #ffe680; border-bottom: 1px solid #ffe680;}
.topnav a{float:left;display:block;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}
.topnav a:hover{background-color:#000;color:#ffe680}
.topnav .icon{display:none}

svg{fill:#fff;font-weight:10px;font-weight:lighter}
svg:hover{fill:#ffe680}

@media screen and (max-width:600px){.topnav a:not(:first-child){display:none}
.topnav a.icon{float:right;display:block}}
@media screen and (max-width:600px){.topnav.responsive{position:relative}
.topnav.responsive a.icon{position:absolute;right:0;top:0}
.topnav.responsive a{float:none;display:block;text-align:left}}

.card{width:96%;padding-top:40px;margin:auto;display:flex;flex-wrap:wrap;background:#241f1c;text-align:left;color:#fff;font-family:Roboto,sans-serif;font-size:16px}
.card>*{flex-grow:1;flex-shrink:1;flex-basis:280px;background-color:#241f1c}
.media{width:48%;background:#241f1c;min-height:280px;padding-left:10px;padding-right:10px}
.tooltip{position:relative;display:inline-block;border-bottom:1px dotted #000}
.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:#241f1c;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:100%;left:50%;margin-left:-60px;}
.tooltip:hover .tooltiptext{visibility:visible}
.probs{font-family:'Amatic SC',cursive;font-size:17px}
.price{font-family:'Josefin Sans',sans-serif;font-size:22px}
.desc{font-family:'Josefin Sans',sans-serif;font-size:11px}
h1{font-family:'Amatic SC',cursive;font-size:33px;line-height:40px}
a{color:#ccc;text-decoration:underline}
a:visited{color:#fff;text-decoration:none}
a:hover{color:#ffe680}


.footer{border-top:1px solid #ffe680;border-bottom:1px solid #ffe680;width:96%;padding-top:25px;padding-bottom:40px; margin:auto;display:flex;flex-wrap:wrap;background:#241f1c;text-align:left;color:#fff;font-family:Roboto,sans-serif;font-size:16px}
.footer>*{flex-grow:1;flex-shrink:1;flex-basis:280px;background-color:#241f1c}
.footer1{width:24.5%;padding-left:10px;padding-right:10px;padding-bottom:10px font-family:'Josefin Sans',sans-serif}
.footer1 h1{font-family:'Amatic SC',cursive;font-size:33px;color:#ffe680}
.footer2{padding-left:10px;padding-right:10px;font-size:22px}
.footer2 a{text-decoration:none}
.footer3{padding-left:10px;padding-right:10px}
.footer3 ul{list-style-type:none}
.footer3 a{text-decoration:none}
.footer3 a:hover{background-color:#241f1c}
.footer4{padding-left:10px;padding-right:10px;display:block;margin-left:auto;margin-right:auto}
.footer4 h1{font-family:'Amatic SC',cursive;font-size:23px;color:#ffe680}


form input[type=button]{background:#241f04;color:#ffffff;padding:15px 18px;border-color:#ffe680; border-radius:4px;}

form input[type=text] {width:50%; border:1px solid #ffe680; border-radius: 4px;background:#cccccc;color:#241f1c;padding:15px 18px;border-radius:4px;text-decoration:none;}


#myBtn{display:none;position:fixed;bottom:20px;right:30px;z-index:99;border:none;outline:0;background-color:#ffe680;color:#241f1c;cursor:pointer;padding:15px;border-radius:10px;font-size:18px}
#myBtn:hover{background-color:#241f1c;color:#ffe680 margin-right: 40px;}