* {
  box-sizing: border-box;margin:0; padding:0;
}

body {background: #a69076;
padding-left:10%;
padding-right:10%;
padding-top: 3%;
padding-bottom:5%;
}

.general {max-width: 1342px;
margin:auto;}


.navbar {display:flex;
background-color: #260d0d;
max-width: 1342px;
border:5px ridge #bfaf8f;
margin-bottom: 15px;
box-shadow: 10px 10px 15px #402721;
}


a {display:block;
padding:7px;
color:#a69076;
font-size:18px;
text-align:center;
border: 2px ridge #bfaf8f;
margin: 7px;
text-decoration:none;}



a:hover {
  color: rgb(238, 238, 148);
}

a, .row {
  background-color:#260d0d;
  box-shadow: 10px 10px 15px #402721;
}

#callnowButton{box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.747);}



img {max-width:100%;
height:auto;
border:6px ridge #bfaf8f;
margin-bottom:12px;
box-shadow: 10px 10px 25px #402721;
}

h1 {color:rgb(238, 238, 148);
text-align:center;
font-size: 20px;
background-color: #260d0d;
height:70px;
padding:15px;
max-width:1342px;
border:5px ridge #bfaf8f;
margin-bottom: 15px;
box-shadow: 10px 10px 15px #402721;
}


/* Create four equal columns that floats next to each other */
.column {
  float: left;
  width: 25%; 
  padding: 15px;
}
.row{max-width:1342px;
border:5px ridge #bfaf8f;
background-color:#402721;
box-shadow: 10px 10px 15px #402721;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* On screens that are 900px wide or less, go from four columns to two columns */
@media screen and (max-width: 900px) {
  .column {
    width: 50%;
  }
}

/* On screens that are 450px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 450px) {
  .column {
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .navbar {   
    flex-direction: column;
    } 
  }

@media screen and (max-width:450px){
  h1 {font-size:16px;}
}