:root {
	--p: #000;
	--color-primary: #000;
	--color-btn: #d50d12;
    --color-light: #fff;
	
}
body{
    font-family: "Rokkitt", serif;
}
a{
    text-decoration: none;
}
.all-web-media{
    /* background-color: var(--color-light); */
    /* margin-top: 50px; */
    background-image: url('new.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}
.all-web-media .card{
    width: 80%;
    display: table;
    margin: 10px auto;
    padding: 20px;
    border: 3px solid var(--color-btn);
    border-radius: 10px;
    background-color: var(--color-primary);
    text-align: center;
    box-shadow: 4px 4px 10px 1px rgba(0,0,0,0.75);
}
.all-web-media .card h3 a{
    color: var(--color-light);
    
}
.all-web-media .card h3{
    margin-bottom: 10px;
    margin-top: 10px;
}
.all-web-media .card p a{
    color: var(--color-light);
}
.all-web-media .card p{
    margin: 0;
}
.order-online{
    padding: 10px 20px;
    background-color: var(--color-btn);
    color: var(--color-light);
    border-radius: 40px;
    font-size: 23px;
    border: 2px solid var(--color-btn);
    transition: 0.5 all ease-in-out;
}
.all-web-media .card .phone-number{
    margin-bottom: 20px;
}

.order-online:hover{
    background-color: var(--color-light);
    color: var(--color-primary);
}