/* CSS Document */
html,
html * {
box-sizing: border-box;
margin: 0;
}

/* Set up columns */
.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}


.navbox {
  position: fixed;
  background-color: black;
  width: 100%;
  z-index: 100;
}
.navbar {
  background-color: black;
  height: 75px;
  width: 100%;
}
.iconleft {
  float: left;
  height: 75px;
  background-color: black;
  padding: 10px;
  transition: all .5s;
}

.iconleft:hover {
  background: magenta;
  transform: rotate(360deg);
}

ul {
}
li {
  float: right;
  background-color: black;
}

li a {
  font-family: "Bebas Neue";
  font-size: 16px;
  letter-spacing: 3px;
  color: white;
  text-decoration: none;
  display: block;
  padding: 8px;
}

li a:hover {
  color: black;
  background-color: magenta;
}


/* Club Yeti Header */

.headbox {
  padding-top: 95px;
}
h1.yetihead {
  font-family: "Passion One";
  font-size: 4em;
  letter-spacing: 6px;
  color: orangered;
  text-align: center;
  padding-top: 100px;
}

h2.yetisub {
  font-family: "Bebas Neue";
  font-size: 24px;
  text-align: center;
  letter-spacing: 6px;
  color: darkgray;
  padding-top: 10px;
  padding-bottom: 1.5em;
}
  



h1 {
text-align: center;
color: orangered;
font-size: 4em;
font-family: "Passion One";
letter-spacing: 6px;
font-style: normal;
font-weight: 800;
}

h2 {
  color: #999898;
  font-size: 24px;
  text-align: center;
  font-family:  "Bebas Neue";
	font-feature-settings: bold;
	letter-spacing: 6px;
	padding: 10px 0 20px 0;
}

h3 {
	color: magenta;
  text-align: center;
	font-size: 24px;
	font-family:  "Bebas Neue";
	letter-spacing: 5px;
}

h3.slidehead {
	color: magenta;
  text-align: center;
	font-size: 24px;
	font-family:  "Bebas Neue";
	letter-spacing: 5px;
  padding: 50px 0 0 0;}

h4 {
	font-family: "Bebas Neue";
  font-size: 24px;
	text-decoration: none;
	line-height: 1.5;
	color: magenta;
	z-index: 200;
	text-align: center;
	letter-spacing: 5px;
	text-transform: uppercase;
  padding: 20px 40px;
}

h5 {
	font-size: 20px;
	font-family: "Bebas Neue";
	letter-spacing: 3px;
	color: darkgray;
	padding: 10px 0 10px 0;
}

.descbox {
margin: 0 8em;
	padding-bottom: 1.5em;
text-align: center; }

p.desc {
  font-family: "Roboto Condensed";
  text-align: center;
  color: rgba(0,0,0,.6;
  letter-spacing: .15em;
  font-size: 1em;
  line-height: 1.5;
  padding-bottom: 1.5em;
}

.intro {
  background: #fff;
  margin: 40px 20px;
  text-align: center;
}

.bkimg img {
  text-align: center;
  width: 100%;
}


.yetifoot {
  padding-top: 20px;
  text-align: center;
}


@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}


@media only screen and (max-width:800px) {
  /* For tablets: */
  .main {
    width: 80%;
    padding: 0;
  }
  .right {
    width: 100%;
  }
}
@media only screen and (max-width:500px) {
  /* For mobile phones: */
  .menu, .main, .right {
    width: 100%;
  }
}