/*#bodyBTS {
	margin-left: 20%;
	}*/

span.highlight{
    background-color: #fde400;
}

p {
		font-size: 1em;
		color: #325ca8;
		font-family: "Trebuchet MS", sans-serif;
	}
	
	.borderimage {
		border: 1px solid black;
	}
	
	.leftimage{
			float: left;
			}
	
	strong {
	    font-weight: 900;
	}
	
	bold {
	    font-weight: 900;
	}
	
	a {
		font-family: "Trebuchet MS", sans-serif;
		color:#325ca8;
		font-style: bold;
	}
	
	.header {
		margin-bottom: 14px;
	}
	
	body {
		margin-left: 60px;
	}
	
	ul {
		font-size: 1em;
		color: #325ca8;
		font-family: "Trebuchet MS", sans-serif;
	}
	
    h1 {
     font-family: 'Fjalla One', sans-serif;
    font-size: 30px;
    color: #325ca8;
    }

    #footerleft {
    font-size: 14px;
    color: #848080;
    font-family: Arial, sans-serif;
    width: 300px;
    float: left;
    }

    #footerright {
    font-size: 14px;
    color: #848080;
    font-family: Arial, sans-serif;
    float: right;
    }

    #spacer {
    margin-bottom: 400px;    
    }

    #rightcaption {
    width: 400px;
    float: right;
    font-size: 20px;
    }

    #leftcaption {
    width: 400px;
    float: left;
    font-size: 20px;
    }

    #leftimage {
    width: 350px;
    float: left;
    }

    #rightimage {
    float: right;
    }

    #clear {
    clear: both;
    margin-bottom: 40px;
    }

	#tiffani1 {
	float: left;
	margin: auto;
	margin-bottom: 3%;
	}
	
	#germ1 {
	float: right;
	margin: auto;
	}
	
	#ronnie1 {
	clear: both;
	float: left;
	margin: auto;
	}
	
	#wavy1 {
	float: right;
	margin: auto;
	margin-bottom: 3%;
	}
	
	#matt1 {
	clear: both;
	float:left;
	margin: auto;
	}
	
	#roya1 {
	float: right;
	margin: auto;
	margin-bottom: 3%;
	}
	
	#maria1 {
	clear: both;
	text-align: center;
	}
	
	
	/*.column1 {
		clear:both;
		margin-top: -8%;
	}
	
	.column2 {
		clear: both;
		margin-top: -365%;
	}*/
	
	/*.behindthescenes1 {
		float: left;
		margin: auto;
	}
	
	.behindthescenes2 {
		float: right;
		margin-bottom: 4%;
		margin-top: -10%;
		margin-left: 4%;
	}*/
	
	/*#roya1 {
		margin-top: 8%;
	}
	
	#roya_caption {
		margin-top: -278%;
	}
	
	#germ1 {
		margin-top: 75%;
	}
	
	#germ_caption {
		margin-top: -278%;
	}
	
	#maria1 {
		margin-top: 85%;
		margin-left: 45%;
	}
	
	#maria_caption {
		margin-top: -278%;
	}*/
	
	#bodyBTS {
		width: 90%;
	}

	
	.contactpic {
		float: right;
	}
	
	#contactform {
	border: 2px solid gray; width: 350px; background-color:white; margin-left: 15px;
	}
	
	#supportimage {
	border:1px solid black; margin-top: 30px;
	text-align:left;
	}
	
	#video {
	margin-left: 15%;
	}
	
		.captionBTS {
		width: 335px;
		text-align: left;
	}

	.nav {
    padding-top: 25px;
    padding-bottom: 25px;
	}
	
	/*.mobile-only {
		display: none; !important
	} */
	
	/*//medium+ screen sizes
@media (min-width:768px) {
    .desktop-only {
        display:block !important;
    }
}*/
 
	
	@media only screen 
  and (min-device-width: 481px) 
  and (max-device-width: 768px) {

    /*.mobile-only {
        display:block !important;
    }
 
    .desktop-only {
        display:none !important;
    }*/
	
	/*.desktop-only {
		display: none; !important
	}*/
	
	body{
	width: 90%;
	}
	
	#bodyBTS {
	width: 95%;
	}
      
    #rightcaption {
    width: 300px;
    float: right;
    font-size: 20px;
    }

    #leftcaption {
    width: 280px;
    float: left;
    font-size: 20px;
    }

    #leftimage {
    width: 300px;
    float: left;
    }

    #rightimage {
    float: right;
    }
	
	p{
		font-size: 1em;

	}
	

	
	.nav {
	font-size: 2.5em;
    padding-bottom: 20px;
	}
	
	.header {
		width: 100%;
		height: auto;
	
	}
	
	img {
		width: 100%;
		height: auto;
		margin-bottom: 5%;
	}
	
	#supportimage {
	margin-top: -500px;
	}
	
	#paypal {
	height: 15%;
	width: auto;
	}
	
	#biopic {
	width: 85%;
	height: auto;
	margin-right: 2px;
	text-align: center;
	}
	
	.caption {
	font-size:3em;
	}
	
	#biopic2{
		width: 60%;
		height: auto;
		margin-bottom: 5px;
	}
	
	
	#contactform {
		width: 90%;
		height: auto;
		margin-bottom: 100px;
	}
	
	.socialmedia {
		width: 7%;
		height: auto;
		clear: both;
	}
	
	.contactpic{
		width: 70%;
		float: none;
	}
	
	.contactpara{
		width: 90%;
	}
	
	#giopic {
	visibility:hidden;
	}
	
	.contactbutton {
	width:20%;
	}
	
	.navitem {
	 font-size: 2em;
	}
	
	.column1 {
		clear:both;
		margin-bottom: 5%;
	}
	
	.column2 {
		clear: both;
		margin: auto;
	}
	
	.behindthescenes1 {
		clear: both;
		margin: auto;
		width: 100%;
	}
	
	.behindthescenes2 {
		clear: both;
		margin: auto;
		width: 100%;
	}
	
	.captionBTS {
		font-size: 3em;
		margin-bottom: 7%;
		width: 100%;
	}
	
	#tiffani1 {
		margin-top: 10%;
	}
	
	#tiffani_caption {
		margin-top: 8%;
	}
	
	#matt1 {
		margin-top: 10%;
	}
	
	#matt_caption {
		margin-top: 8%;
	}
	
	#ronnie1 {
		margin-top: 10%;
	}
	
	#ronnie_caption {
		margin-top: 8%;
		}
	
	
	#wavy1 {
		margin-top: 10%;
	}
	
	#wavy_caption {
		margin-top: 8%;
	}
	
	#roya1 {
		margin-top: 8%;
	}
	
	#roya_caption {
		margin-top: 8%;
	}
	
	#germ1 {
		margin-top: 8%;
	}
	
	#germ_caption {
		margin-top: 8%;
	}
	
	#maria1 {
		margin-top: 8%;
	}
	
	#maria_caption {
		margin-top: 8%;
	}
	
	#video {
		width: 1250px;
		height: 702px;
		float: left;
		margin-left: -2%;
		margin-bottom: 2%;
	}
  
  }

	@media only screen
and (min-device-width : 320px) 
and (max-device-width : 480px) {

	body{
	width: 90%;
	}
	
	#bodyBTS {
	width: 95%;
	}
	
	p{
		font-size: 1em;

	}
	
    #rightcaption {
    width: 300px;
    float: right;
    font-size: 20px;
    }

    #leftcaption {
    width: 280px;
    float: left;
    font-size: 20px;
    }

    #leftimage {
    width: 300px;
    float: left;
    }

    #rightimage {
    float: right;
    }
	
	.nav {
	font-size: 2.5em;
    padding-bottom: 20px;
	}
	
	.header {
		width: 100%;
		height: auto;
	
	}
	
	img {
		width: 100%;
		height: auto;
		margin-bottom: 5%;
	}
	
	#supportimage {
	margin-top: -500px;
	}
	
	#paypal {
	height: 15%;
	width: auto;
	}
	
	#biopic {
	width: 85%;
	height: auto;
	margin-right: 2px;
	text-align: center;
	}
	
	.caption {
	font-size:3em;
	}
	
	#biopic2{
		width: 60%;
		height: auto;
		margin-bottom: 5px;
	}
	
	
	#contactform {
		width: 90%;
		height: auto;
		margin-bottom: 100px;
	}
	
	.socialmedia {
		width: 7%;
		height: auto;
		clear: both;
	}
	
	.contactpic{
		width: 70%;
		float: none;
	}
	
	.contactpara{
		width: 90%;
	}
	
	#giopic {
	visibility:hidden;
	}
	
	.contactbutton {
	width:20%;
	}
	
	.navitem {
	 font-size: 2em;
	}
	
	.column1 {
		clear:both;
		margin-bottom: 5%;
	}
	
	.column2 {
		clear: both;
		margin: auto;
	}
	
	.behindthescenes1 {
		clear: both;
		margin: auto;
		width: 100%;
	}
	
	.behindthescenes2 {
		clear: both;
		margin: auto;
		width: 100%;
	}
	
	.captionBTS {
		font-size: 3em;
		margin-bottom: 7%;
		width: 100%;
	}
	
	#tiffani1 {
		margin-top: 10%;
	}
	
	#tiffani_caption {
		margin-top: 8%;
	}
	
	#matt1 {
		margin-top: 10%;
	}
	
	#matt_caption {
		margin-top: 8%;
	}
	
	#ronnie1 {
		margin-top: 10%;
	}
	
	#ronnie_caption {
		margin-top: 8%;
		}
	
	
	#wavy1 {
		margin-top: 10%;
	}
	
	#wavy_caption {
		margin-top: 8%;
	}
	
	#roya1 {
		margin-top: 8%;
	}
	
	#roya_caption {
		margin-top: 8%;
	}
	
	#germ1 {
		margin-top: 8%;
	}
	
	#germ_caption {
		margin-top: 8%;
	}
	
	#maria1 {
		margin-top: 8%;
	}
	
	#maria_caption {
		margin-top: 8%;
	}
	
	#video {
		width: 750px;
		height: 422px;
		float: left;
		margin-left: -2%;
		margin-bottom: 2%;
	}

	}

/* SLIDESHOW */
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -48px;
  padding: 16px;
  color: #325ca8;
  font-weight: bold;
  font-size: 48px;
  transition: 0.6s ease;
  border-radius: 0 6px 6px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 6px 0 0 6px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.5);
}

/* Caption text */
.text {
  color: #000;
  font-size: 36px;
  padding: 10px 10px;
  position: absolute;
  top: 0px;
  left: 100%;    
  width: 30%;
  text-align: left;
  background-color: rgba(255, 255, 255, 0.8);
  font-family: 'Cookie', sans-serif;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
/*
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

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

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