/*!
 * Start Bootstrap - Landing Page v5.0.8 (https://startbootstrap.com/themes/landing-page)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-landing-page/blob/master/LICENSE)
 */

body {
  font-family: Arial, sans-serif;
  height: 100%;
  color:#fff;
}

h2,
h3,
h4,
h5,
h6 {
  font-family: Arial, sans-serif;
  font-weight: 700;
  color:#fff;
}

h1{
  font-family: 'Bebas Neue', Arial, sans-serif;
  color:#e7ed42;
  font-size: 3em;
}

h2{
	font-size: 1.3em;
	font-weight: 400;
	margin-top:1em;
}

p{
	font-style:italic;
}

h2 span{ 
	font-size: 1.5em;
}

h3{
	font-family: 'Bebas Neue', Arial, sans-serif;
    font-weight: 100;
    background: #a6c7b8;
    padding: 10px;
    line-height: 1em;
    color: #333238;
}

h4{
	font-size: 1.3em;
}

.header {
    padding: 15px;
}

.full-bg {
  /* The image used 
  background-image: url("../img/bg.jpg");

  /* Full height */
  height: 100vh;

  /* Center and scale the image nicely 
  background-position: center center;
    background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  */
  background:#2a2930;
}


.logo{
	max-height:120px;
	padding:15px;
}

section{
	margin:10px 0;
}

footer.footer {
    padding-top: 15px;
    padding-bottom: 15px;
	margin-bottom:30px;
	    background: #3e3d44;
}

.video{
	margin-bottom:30px;
}



.embed-chat{
	width: 120%;
}

.embed-chat iframe{	
	padding: 0;
}



/* Medium-only */
@media screen and (min-width: 481px) and (max-width: 960px) {
  /* ... */

}

@media screen and (max-width: 960px) and (orientation: portrait){
	h1{
		font-size: 2em;
	}
	.header img{
		width: 40px;
	}
	h2 {
		font-size: 0.8em;
	}
	
	.embed-chat{
		width: 90%;
		margin: 0 auto;
	}
	.embed-chat iframe{
		height: 350px;
		padding: 20px 0;
		margin-bottom: 55px;
	}

}

@media screen and (min-width: 361px) and (max-width: 960px) and (orientation: landscape){
		
	.embed-chat {
		width: 65%;
		margin: 0 auto;
	}
	
	.embed-chat iframe{
		margin-bottom: 55px;
	}
}




.embed-container {
  --video--width: 1200;
  --video--height: 700;

  position: relative;
  padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */
  overflow: hidden;
  max-width: 100%;
  background: black;
}

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