html, body {
  width: 100%;
  height: 100%;
}

body {
margin: 0 auto;
background:#e05c2d;
}

.button{
border:1px solid #ffffff; 
padding:3px 10px;
display:inline-block;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
/* ...and now for the proper property */
transition:.5s;
}

.button:hover{
border:1px solid #e05c2d;
background:#e05c2d;
}

.buttonw{
border:1px solid #ffffff; 
padding:3px 10px;
display:inline-block;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
/* ...and now for the proper property */
transition:.5s;
}

.buttonw:hover{
border:1px solid #e05c2d;
background:#e05c2d;
}

a:link{color:#63657A;text-decoration:none;}
a:visited{color:#63657A;text-decoration:none;}
a:hover{color:#888ba8;text-decoration:none;}

a.brown:link{color:#736846;text-decoration:none;}
a.brown:visited{color:#736846;text-decoration:none;}
a.brown:hover{color:#736846;text-decoration:none;}

a.brown2:link{color:#a69665;text-decoration:none;}
a.brown2:visited{color:#a69665;text-decoration:none;}
a.brown2:hover{color:#a69665;text-decoration:none;}

a.brown3:link{color:#736846;text-decoration:none;}
a.brown3:visited{color:#736846;text-decoration:none;}
a.brown3:hover{color:#ffffff;text-decoration:none;}


a.w:link{color:#ffffff;text-decoration:none;}
a.w:visited{color:#ffffff;text-decoration:none;}
a.w:hover{color:#ffffff;text-decoration:none;}

a.g:link{color:#63657A;text-decoration:none;}
a.g:visited{color:#63657A;text-decoration:none;}
a.g:hover{color:#63657A;text-decoration:none;}

a.gl:link{color:#cccccc;text-decoration:none;}
a.gl:visited{color:#cccccc;text-decoration:none;}
a.gl:hover{color:#cccccc;text-decoration:none;}

a.gr:link{color:#333333;text-decoration:none;}
a.gr:visited{color:#333333;text-decoration:none;}
a.gr:hover{color:#333333;text-decoration:none;}

a.green:link{color:#006b5c;text-decoration:none;}
a.green:visited{color:#006b5c;text-decoration:none;}
a.green:hover{color:#006b5c;text-decoration:none;}

a.o:link{color:#235b5e;text-decoration:none;}
a.o:visited{color:#235b5e;text-decoration:none;}
a.o:hover{color:#2c7478;text-decoration:none;}

a.light:link{color:#9fa3c5;text-decoration:none;}
a.light:visited{color:#9fa3c5;text-decoration:none;}
a.light:hover{color:#888ba8;text-decoration:none;}

a.f:link{text-decoration:none;-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
/* ...and now for the proper property */
transition:.5s;}
a.f:visited{text-decoration:none;}
a.f:hover{opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.7}

.header {
  background:#e05c2d;
  height:55px;
  position: fixed;
  width: 100%;
  z-index: 9999;
}

.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #;
}

.header li a {
  display: block;
  padding: 10px 20px;
  border-right: 0;
  text-decoration: none;
  font-size:1em;
  text-align:right;
}

.header li a:hover,
.header .menu-btn:hover {
  background-color: #;
}

.header .logo {
  display: block;
  float: left;
  font-size: 1.3em;
  padding: 10px 20px;
  text-decoration: none;
}

/* menu */

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
background:#e05c2d;
top:-120px;
position:relative;
z-index:1;
font-family: 'GothamBookRegular';
font-weight:300;
}

/* menu icon */

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 28px 20px;
  position: relative;
  user-select: none;
}

.header .menu-icon .navicon {
  background: #ffffff;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #ffffff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 540px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}


 CSS JSResult Skip Results Iframe
EDIT ON
* {
  margin: 0;
  padding: 0;

}
.out {
  display: grid;
  grid-template-rows: 1fr;
  min-height: 100vh;
}
.content1 {
  background:;
position:relative;

  margin: 0 0;
}

.content2 {
  background: #ff0000;
position:relative;

  margin: 0 0;
}
footer {
  background: #424254;
  padding: 15px 0;
position:relative;
bottom:0;
text-align:center;
font-family: 'GothamBookRegular';
font-weight:300;
font-size:.9em;
color:#ffffff;
line-height:1em;
}
button {
  padding: 1rem;
}

.footline{
    width:100%;
    margin:0 auto;
    border-top:double #ffffff;
    margin-top:40px;
}

/* Smartphones (portrait and landscape) ----------- */
@media (min-width : 320px) and (max-width : 550px) {
/* Styles */

.flexbox {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.flexbox .col {
  flex: 1;
}
.flexbox .col:nth-child(1) {
display:none;
}
.flexbox .col:nth-child(2) {
  background: #;
  order: 1;
}

.col1 {
display:none;
}

.intcolor{
width:100%;
height:100%;
background:#e9eada;
}

.inner{
width:90%;
padding:30px 5%;
font-family: 'GothamBookRegular';
font-size:1em;
line-height:1.6em;
color:#333333;
background:#e9eadb;
}

.headerbg{
width:90%;background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('https://burrowtc.com/img/headertemp.jpg');background-size:100%;background-position:center center;padding:180px 5% 20px 5%;font-size:3em;font-family: 'market_decoregular', sans-serif;color:#ffffff;
}


.title{
font-family: 'market_decoregular', sans-serif;
font-size:1.6em;
color:#0b6759;
}

.footerinthome{
width:100%;
background:#f2f3ea;
text-align:center;
font-family: 'market_decoregular', sans-serif;
font-size:.8em;
padding:20px 0;
color:#736846;
position:absolute;
left:0;
bottom:0 !important;
}

.footerint{
width:100%;
background:#d2d7ba;
text-align:center;
font-family: 'market_decoregular', sans-serif;
font-size:.8em;
padding:20px 0;
color:#736846;
}


.foot3{
color:#736846;
font-size:.3em !important;
}

.spacer{
width:100%;
clear:both;
height:10px !important;
opacity:0;
}

.mobilespace{
height:20px;
}

.padding301{
padding:7%;
background:#424254;
color:#ffffff;font-family: 'GothamBookRegular';line-height:1.5em;font-size:1em;
}

.menubanner2{
width:95%;background:url(/img/menu3.jpg);background-size:cover;height:100px;font-size:6em;line-height:.8em;color:#ffffff;font-family: 'duke_regularregular';padding:190px 0 0px 7%;
}

.cateringbanner2{
width:95%;background:url(/img/catering2.jpg);background-size:cover;height:100px;font-size:6em;line-height:.8em;color:#ffffff;font-family: 'duke_regularregular';padding:190px 0 0px 7%;
}

.giftcardbanner2{
width:95%;background:url(/img/giftcard2.jpg);background-size:cover;height:100px;font-size:6em;line-height:.8em;color:#ffffff;font-family: 'duke_regularregular';padding:190px 0 0px 7%;
}

.pressbanner2{
width:95%;background:url(/img/press2.jpg);background-size:cover;height:100px;font-size:6em;line-height:.8em;color:#ffffff;font-family: 'duke_regularregular';padding:190px 0 0px 7%;
}

.infobanner2{
width:95%;background:url(/img/info2.jpg);background-size:cover;height:100px;font-size:6em;line-height:.8em;color:#ffffff;font-family: 'duke_regularregular';padding:190px 0 0px 7%;
}

}


/* iPads (portrait and landscape) ----------- */
@media (min-width : 550px) and (max-width : 1000px) {
/* Styles */

.flexbox {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.flexbox .col {
  flex: 1;
}
.flexbox .col:nth-child(1) {
display:none;
}
.flexbox .col:nth-child(2) {
  background: #;
  order: 1;
}

.intcolor{
width:100%;
height:100%;
background:#e9eada;
}

.col1 {
display:none;
}

.col2int{
width:100%;
background:#e9eada;

color:#333333;
}

.inner{
width:90%;
padding:30px 5%;
font-family: 'GothamBookRegular';
font-size:1em;
line-height:1.6em;
color:#333333;
background:#e9eadb;
}

.headerbg{
width:90%;background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('https://burrowtc.com/img/headertemp.jpg');background-size:100%;background-position:center center;padding:180px 5% 20px 5%;font-size:3em;font-family: 'market_decoregular', sans-serif;color:#ffffff;
}


.title{
font-family: 'market_decoregular', sans-serif;
font-size:1.6em;
color:#0b6759;
}


.footerinthome{
width:100%;
background:#f2f3ea;
text-align:center;
font-family: 'market_decoregular', sans-serif;
font-size:.8em;
padding:20px 0;
color:#736846;
position:absolute;
left:0;
bottom:0 !important;
}

.footerint{
width:100%;
background:#d2d7ba;
text-align:center;
font-family: 'market_decoregular', sans-serif;
font-size:.8em;
padding:20px 0;
color:#736846;
}

.foot3{
color:#736846;
font-size:.4em;
}

.spacer{
width:100%;
clear:both;
height:10px !important;
}

.padding301{
padding:7%;
background:#424254;
color:#ffffff;font-family: 'GothamBookRegular';line-height:1.5em;font-size:1em;
}

.menubanner2{
width:95%;background:url(/img/menu3.jpg);background-size:cover;height:100px;font-size:6em;line-height:.8em;color:#ffffff;font-family: 'duke_regularregular';padding:190px 0 0px 7%;
}

.cateringbanner2{
width:95%;background:url(/img/catering2.jpg);background-size:cover;height:100px;font-size:6em;line-height:.8em;color:#ffffff;font-family: 'duke_regularregular';padding:190px 0 0px 7%;
}

.giftcardbanner2{
width:95%;background:url(/img/giftcard2.jpg);background-size:cover;height:100px;font-size:6em;line-height:.8em;color:#ffffff;font-family: 'duke_regularregular';padding:190px 0 0px 7%;
}

.pressbanner2{
width:95%;background:url(/img/press2.jpg);background-size:cover;height:100px;font-size:6em;line-height:.8em;color:#ffffff;font-family: 'duke_regularregular';padding:190px 0 0px 7%;
}

.infobanner2{
width:95%;background:url(/img/info2.jpg);background-size:cover;height:100px;font-size:6em;line-height:.8em;color:#ffffff;font-family: 'duke_regularregular';padding:190px 0 0px 7%;
}

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1000px) {
/* Styles */

.mobnav{
display:none;
}

.flexbox {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.flexbox .col {
  flex: 1;
}
.flexbox .col:nth-child(1) {
background:#f2f3ea;
  order: 0;
flex-basis: 22%;
padding:20px 30px;
	flex-grow: 0;
	flex-shrink: 0;
font-family: 'market_decoregular', sans-serif;
}
.flexbox .col:nth-child(2) {
  background: #;
  order: 1;
}

.intcolor{
width:100%;
height:100%;
background:#e9eada;
}

.container {
  display: flex;
}
.col1 {
  width: 22%;
background:#e05c2d;
padding:0 30px;
font-family: 'GothamBookRegular';
font-weight:300;
height:100%;
float:left;
}
.col2{
width:78%;
}

.col2int{
width:78%;
background:#e9eada;

color:#333333;
}

.inner{
width:90%;
padding:30px 5%;
font-family: 'GothamBookRegular';
font-size:1em;
line-height:1.6em;
color:#333333;
background:#e9eadb !important;
}


.leftbar{
  background: #e05c2d;
  width: 280px;
  float: left;
  height: 100vh;
  margin-right: -300px;
  position: absolute;
  top: 0;
  left: 0;
overflow:auto;
padding:20px 30px;


}

/* hide scrollbar but allow scrolling */
.leftbar {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll; 
}

.leftbar::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

.navv1{
font-size:1.1em;
line-height:1.9em;
color:#ffffff;
padding:20px 0 0 0;
text-align:center;
}

.navv2{
font-size:.9em;
line-height:1.3em;
color:#736846;
padding:35px 0 0 0;
text-align:center;
}

.navv3{
font-size:.4em;
line-height:1.4em;
color:#a69665;
padding:30px 0 30px 0;
text-align:center;
}

.headerbg{
width:90%;background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url('https://burrowtc.com/img/headertemp.jpg');background-size:cover;background-position:center center;padding:100px 5%;font-size:3em;font-family: 'market_decoregular', sans-serif;color:#ffffff;
}

.title{
font-family: 'market_decoregular', sans-serif;
font-size:1.6em;
color:#0b6759;
}

.footerint{
display:none;
}

.footerinthome{
display:none;
}

.spacer{
display:inline-block;
width:20px;
}

.padding301{
padding:30px;
background:#424254;
color:#ffffff;font-family: 'GothamBookRegular';line-height:1.5em;font-size:1em;
}

.menubanner2{
background:url(/img/menu3.jpg);background-size:cover;height:200px;font-size:7em;color:#ffffff;font-family: 'duke_regularregular';padding:80px 0 0 50px;
}

.cateringbanner2{
background:url(/img/catering2.jpg);background-size:cover;height:200px;font-size:7em;color:#ffffff;font-family: 'duke_regularregular';padding:80px 0 0 50px;
}

.giftcardbanner2{
background:url(/img/giftcard2.jpg);background-size:cover;height:200px;font-size:7em;color:#ffffff;font-family: 'duke_regularregular';padding:80px 0 0 50px;
}

.pressbanner2{
background:url(/img/press2.jpg);background-size:cover;height:200px;font-size:7em;color:#ffffff;font-family: 'duke_regularregular';padding:80px 0 0 50px;
}

.infobanner2{
background:url(/img/info2.jpg);background-size:cover;height:200px;font-size:7em;color:#ffffff;font-family: 'duke_regularregular';padding:80px 0 0 50px;
}


}