/* Default use:
  @include min-(width,4,240);

  use width calculation
  @include min-(width,4,240,'calc(100% - 240px)');
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400);

html,
body {
  background-color: black;
  font-family: 'Roboto Condensed', sans-serif;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
}

.parent {
	position: static;
	z-index: 1;
	height: 120vh;
}

.container {
  height: 100vh;
  overflow: hidden;
  overflow-y: auto;
  perspective: 3px;
}

section {
  background-size: cover;
  color: white;
  background-color: var(--bg, --color-black);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.image {
  background-position: center center;
  transform: translateZ(-1px) scale(1.5);
  /* Force the background image to fill the whole element. */
  background-size: cover;
  /* Keep the image from overlapping sibling elements. */
  z-index: -1;
  height: 100vh;
}
section.text {
  height: 140vh;
}
section.text2 {
  height: 60vh;
}
section.text5 {
  height: 140vh;
}
section.heading {
  z-index: -1;
  transform: translateY(-30vh) translateZ(1px) scale(1.5);
}
section.heading2 {
  z-index: -1;
  transform: translateY(-50vh) translateZ(1px) scale(1.5);
}

.footer {
  position: relative;
  display: block;
  background-color: black;
  height: 100vh;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer h3 {
  font-weight: normal;
  color: var(--color-blue);
}

h1 {
  color: white;
  vertical-align: middle;
  text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px black;
}

h3 {
  color: white;
  vertical-align: middle;
  text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px black;
}

iframe { 
	width:100%;
	height:250px;
	position:absolute;
	border: 0px;
}

#rcorners3 {
  border-radius: 25px;
  background: url(chantel.jpg);
  background-position: left top;
  background-repeat: repeat;
  padding: 20px;
  width: 340px;
  height: 560px;
}

.box {
 height:5px;
 width:100%;
 background-color:black;
 box-shadow: 0 8px 2px -2px gray;
}

.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 0px;
	display: table-cell;
	padding: 3px 10px;
	justify-content: center;
    align-items: center;
	vertical-align: middle;
}
.divTableHeading {
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}


.logotext { 
	font-family: 'AnnabelleJF', Arial, sans-serif; font-size: 60px; text-shadow: 2px 2px 5px #000000;
}

.text_with_1px_border {
    text-shadow: 
        -1px -1px 0px #000,
         0px -1px 0px #000,
         1px -1px 0px #000,
        -1px  0px 0px #000,
         1px  0px 0px #000,
        -1px  1px 0px #000,
         0px  1px 0px #000,
         1px  1px 0px #000;
}

.navdiv
{
    background: rgba(25, 25, 25, .5);
    color: white;
    font-size: 20px;
	height: 90px;
	width: 100%;
	visibility: visible;
}

.BUTTON_DHR {
   background: #3B1513;
   background-image: -webkit-linear-gradient(top, #3B1513, #290615);
   background-image: -moz-linear-gradient(top, #3B1513, #290615);
   background-image: -ms-linear-gradient(top, #3B1513, #290615);
   background-image: -o-linear-gradient(top, #3B1513, #290615);
   background-image: -webkit-gradient(to bottom, #3B1513, #290615);
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   color: #FFFFFF;
   font-family: Helvetica;
   font-size: 40px;
   font-weight: 100;
   padding: 40px;
   -webkit-box-shadow: 1px 1px 20px 0 #000000;
   -moz-box-shadow: 1px 1px 20px 0 #000000;
   box-shadow: 1px 1px 20px 0 #000000;
   text-shadow: 1px 1px 20px #000000;
   border: solid #000000 1px;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}

.BUTTON_DHR:hover {
   border: solid #FFFFFF 1px;
   background: #290615;
   background-image: -webkit-linear-gradient(top, #290615, #3B1513);
   background-image: -moz-linear-gradient(top, #290615, #3B1513);
   background-image: -ms-linear-gradient(top, #290615, #3B1513);
   background-image: -o-linear-gradient(top, #290615, #3B1513);
   background-image: -webkit-gradient(to bottom, #290615, #3B1513);
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   text-decoration: none;
}

.center {
  display: table;
  width: 100%;
}

#social-test {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 60px;
}
    .social {
        padding-left: 0px;
    }
    li {
        display: inline-block;
    }
    li a {
        color: rgba(256, 256, 256, 0.6);
        border-radius: 6px;
        list-style-type: none;
        display: inline-block;
        width: 100px;
        height: 100px;
        line-height: 100px;
        padding: 1%;
        border: 1px solid rgba(256, 256, 256, 0.6);
        cursor: pointer;
        margin-left: 10px;
        margin-bottom: 20px;
        transition: ease .3s;
    }
       li hover {
            color: rgba(256, 256, 256, 1);
            border: 1px solid rgba(256, 256, 256, 1);
    }

.social:hover > li {
  opacity: 0.5;
}

.social:hover > li:hover {
  opacity: 1;
}



a:link.tabs {COLOR: #FFFFFF; TEXT-DECORATION: none}

a:visited.tabs {COLOR: #FFFFFF; TEXT-DECORATION: none}

a:active.tabs {COLOR: #F76B00; TEXT-DECORATION: none}

a:hover.tabs {COLOR: #F76B00; TEXT-DECORATION: none}