@import url('https://fonts.googleapis.com/css?family=Permanent+Marker|Walter+Turncoat');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');


body{
margin:0px;
}

container{
	height: 101vh;
    width: 102vw;

}

.footer-txt{
    font-size: 17px;
    text-align: center;
    /* Fixing whitespace due to new logo */
    margin-top: 0;
}

/* On screens that are 1000px or more, hide mobile website */
@media screen and (min-width: 1000px) {
.mobile-image{
display:none;}

}

.picture-left{
  width:60%;
   height:100vh;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
   position:fixed;
     left:0;

}

.picture-right{
  width:60%;
   height:100vh;
    float:right !important;
  -webkit-clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%);
   position:fixed;
   right:0;

}

.left-plain{
	float: left;
      width: 8vw;
    height: 100vh;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 0% 100%);
	 position:fixed;
}

.right-plain{
position:fixed;
right:0;
      width: 8vw;
    height: 100vh;
    -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100`%);
	   clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%)
}


   p .btn-link{
 background-color: black;
    padding: 5px 15px;
    color: white;
    border: 2px solid white;
    border-radius: 16px;
    box-shadow: 5px 6px 5px #8888848a;
	    text-decoration: none;
	   }


 p .btn-link:hover{
background-color: #424242;
    text-decoration: underline;
	   }

	 .textbox-right {
    width: 25%;
    float: left;
    margin-left: 61vw;
    overflow: auto;
    padding-right: 2vw;
	overflow-wrap: break-word;

}

.textbox-left {
    width: 25%;
    float: left;
    margin-left: 10vw;
    overflow: auto;
    padding-right: 2vw;
	overflow-wrap: break-word;
	}

.bc-logo {
    width: 80%;
	margin-left:8%;
}

  h1{

       font-size: 3vw !important;
    font-family: 'Permanent Marker', cursive;
    line-height: 5.8vh;
      }

 h2{
      font-family: 'Source Sans Pro', sans-serif;
   font-weight:700;
    font-size:1.8vw !important;
      }

 h3{
       font-size:1.5vw;
    font-family: 'Source Sans Pro', sans-serif;
   font-weight:700;
      }


p{
font-family: 'Source Sans Pro', sans-serif;
  line-height:120%;
    font-size:calc(3px + 1.1vw);

}

.pullout{
  font-family: 'Source Sans Pro', sans-serif;
  line-height:120%;
  font-size:140%;
     font-weight:700;
	  font-size:1.3vw;
}

.back-btn-right{
  background-color:black;
  color:white;
  padding:10px;
  position:fixed;
  font-size:2vw;
      font-family: 'Permanent Marker', cursive;
  bottom: 50px;
  left: 50vw;
}

.back-btn-left{
  background-color:black;
  color:white;
  padding:10px;
  position:fixed;
  font-size:2vw;
  z-index:50;
      font-family: 'Permanent Marker', cursive;
  bottom: 25px;
  left: 40vw;
}




ul{
font-family: 'Source Sans Pro', sans-serif;
  line-height:120%;
      font-size:calc(3px + 1.1vw);
}

li{
	    padding-left: 0px;
       margin-left: -16px;

}

.res-box{  background-color: #fff;
  border-radius: 20px;
  border: 3px solid black;
  padding: 20px;
  color: black;
  margin-bottom:20px;"
}

.res-box p {
	margin-bottom: 0px;
	margin-top: 0px;
}

  .res-box img {
		width: 100%;
  }


.tag {
    color: white;
    position: fixed;
    background-color: #000000;
    padding: 5px;
    margin-left: 5px;
    font-weight: bold;
    font-size: 1.2vw;
font-family: 'Walter Turncoat', cursive;

}
iframe{
	width:100%;
}

.video-container {
	position: relative;
    padding-bottom: 45.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 30px;

}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.ref{
    font-size: 80%;
}

/*MENU*/

/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #000; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
       padding: 0px 10px 0px 10px;
    text-decoration: none;
    font-size: 20px;
    color: #ffffff;
    display: block;
    transition: 0.3s;
	 font-family: 'Source Sans Pro', sans-serif;
}

.menu-text{
padding-left:15px;
margin:1px;
font-size:85%;
padding-right:10px;
}

.menu-text:hover{

background-color:white;
color:black;

}

.menu-back-text{
padding-left:15px;
margin:1px;
margin-top:10px;
font-size:85%;
padding-right:10px;
}

.menu-back-text:hover{

background-color:white;
color:black;

}

.menu-privacy-text{
    padding-left: 15px;
    margin: 1px;
    margin-top: 6px;
    font-size: 60%;
		    margin-bottom: 30px;
padding-right:10px;
}

.menu-privacy-text:hover{
    text-decoration: underline;

}

.menu-logo{
margin-bottom: 80px;
margin-top: 80px;
}




.menu-title{
	     color: white;
    font-size: 43px;
    padding-left: 10px;
    margin-left: 5px;
    line-height: 1;
    font-family: 'Walter Turncoat', cursive;
    transform: rotate(-5deg);
    margin-top: -25px;
}


/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}
/* MENU END */

.ss-menu-button-right{
position: fixed;
    left: 90%;
    top: 2%;
    z-index: 1000;
    background-color: black;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    transform: rotate(8deg);
	 box-shadow: 5px 7px 8px #00000075;
    border: 2px solid white;
	cursor:pointer;
}

.ss-menu-button-right:hover{
    background-color:#e31b12;
    }

.ss-menu-button-right img{
	width: 56%;
	box-sizing:content-box;
    padding: 11px;
    padding-top: 14px;
}

.ss-menu-button-left{
position: fixed;
    left: 41%;
    top: 2%;
    z-index: 1000;
    background-color: black;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    transform: rotate(8deg);
	 box-shadow: 5px 7px 8px #00000075;
    border: 2px solid white;
	cursor:pointer;
}

.ss-menu-button-left:hover{
    background-color:#e31b12;
    }


.ss-menu-button-left img{
	width: 56%;
	box-sizing:content-box;
    padding: 11px;
    padding-top: 14px;
}