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

body {
background-color: rgb(46, 21, 25);
display: flex;
flex-direction: column;
font-family: Garamond, "Times new Roman", serif;
}

.tc-container {
width:100%;
height:100%;
position: relative;
}
.tc-container img{
width:100%;
height:100%;
}
.top-img{
position: absolute;
left:0;
top:0;
opacity:0;
transition: all 0.7s ease;
}
.top-img:hover{
opacity:1;
}



.pg2bdy{
background-color: rgb(46, 21, 25);
background-image:url(https://file.garden/aH1D7zv8j2I_FyeC/front%20page%20placeholders/backgroundalt.png);
display: flex;
justify-content:center;
}
.text-container{
padding-top:5%;
padding-left:10%;
width:90%;
height:100%;
justify-content:center;
}
.rightside{
float:right;
clear:auto;
}
.leftside{
float:left;
clear:auto;
}
.middleimg{
float:center;
padding-left:10%;
}

.buttonbar {
  border: none;
  height: 48px;
  width: 100vw;
  margin-bottom: 2px;
}

@media screen and (max-width: 1200px) {
  .buttonbar {
    height: 38px;
  }
}

@media screen and (max-width: 900px) {
  .buttonbar {
    height: 28px; 
  }
}

.pg2{
    width: 50%;
    height: 50%;
}

.footer {
  width: 100vw;
  height: 28px;
  border: none;
  position: absolute;
  bottom: 0;
}

@media screen and (max-width: 828px) {
  .footer {
    height: 3em;
  }
}

.warnbdy{
background-color: rgb(46, 21, 25);
background-image:url(https://file.garden/aH1D7zv8j2I_FyeC/front%20page%20placeholders/backgroundalt.png);
min-height: 100vh;
padding-bottom: 28px;
position: relative;
}

.conttv {
  position: relative;
height:100%;

}

  .noimg {
    pointer-events: none;
}

/* Animation */

.imgtilt {
  transition: transform .4s ease-in-out;
}
.imgtilt:hover {
  transform: rotate(5deg);
}

.imgtiltright {
  transition: transform .4s ease-in-out;
}
.imgtiltright:hover {
  transform: rotate(-5deg);
}

.zoom {
  transition: transform .5s;
}
.zoom:hover {
  transform: scale(1.1);
  transition: transform 0.5s ease-in-out;
  }
  
  /* Animation END */

.tvword {
position: absolute;
  color: black;
padding-top:10%;
padding-left:7%;
height:100%;
width:40%;
overflow:scroll;
}
.warncontainer{

width:100%;
height:100%;
justify-content:center;
}

.page3{
padding-top:5%;
justify-content:center;
width:90%;
}

.centered{ 
display: block;
  margin-left: auto;
  margin-right: auto;
}

.centerbox{ 
justify-content:center;
}


.box1{
float:left;
padding-top:2%;
PADDING-left:5%;
width:40%;
height:250px;
background-color:#fff1d6;
color:#f93a7c;
font-weight:bold;

}

.padding{
float:left;
padding-top:2%;
width:6%;
clear:auto;
}

.box2{
float:left;
padding-top:2%;
PADDING-left:5%;
width:40%;
height:250px;
background-color:#fff1d6;
color:#dc9426;
font-weight:bold;
}


.thetable {
width:90%;
}

.contact{
height:600px;
width:400px;
position: relative; 
FLOAT:right;
clear:left;
}


.contactinfo{
position: absolute; 
   top: 100px; 
   left: 10px; 
   width: 90%; 
padding-left:5%;
}

.social {
float:left;
padding-top:2%;
PADDING-left:5%;
width:100%;
height:150px;
background-color:#fff1d6;
color:#dc9426;
font-weight:bold;
 border: 10px solid #f93a7c;
}

.email {
float:left;
padding-top:5%;
PADDING-left:5%;
width:100%;
height:100px;
background-color:#fff1d6;
color:#f93a7c;
font-weight:bold;
 border: 10px solid #dc9426;
}

.conttv2 {
  position: relative;
height:100%;
}
.tvword2 {
position: absolute;

padding: 7%;
top:20px;
width:30%;
height:350px;
overflow:scroll;
color:#f93a7c;
}

.conttv3 {
  position: relative;
height:100%;
}
.tvword3 {
position: absolute;
right: 7%;
padding: 7%;
top:20px;
width:30%;
height:350px;
text-align:center;
overflow:auto;
}


@media screen and (max-width: 768px) {
  .tv .screen {
    font-size: 11pt;
  }
  .tv .screen h2 {
    font-size: 20pt;
  }
}