/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 7rem;
  color: #5a5a5a;
  background-color:#003060;
}

.fade{
  background-color:rgba(0, 0, 0, 0.8);
}
.modal-content{
  background-color:rgba(0, 0, 0, 0);
  border-style:none;
}
.video_mask{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:370px;
  z-index:25;
  opacity:0;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videos{
  width:72%;
  height:auto;
}
.close span{
  color:white;
}
.container .row img{
  width:100%;
  height:auto;
}



/* Extra small devices (portrait phones, less than 576px) */
@media screen and (max-width: 575.98px){
  #body-container{
	margin-bottom:4vh;
  }
  .close span{
    font-size:40px;
  }
  #image-BEST{
	margin-top:3vh;
  }
  #image-best{
	margin-top:3vh;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media screen and (min-width: 576px) and (max-width: 767.98px){
  #body-container{
	margin-bottom:4vh;
  }
  .close span{
    font-size:40px;
  }
  #image-BEST{
	margin-top:6vh;
  }
  #image-best{
	margin-top:6vh;
  }
}

/* Medium devices (tablets, 768px and up) [ | ]  */
@media screen and (min-width: 768px) and (max-width: 991.98px) and (orientation: portrait){
  #body-container{
	margin:3vh auto;
  }
  .close span{
    font-size:45px;
  }
  #image-BEST{
	margin-top:3vh;
  }
  #image-best{
	margin-top:3vh;
  }
}

/* Medium devices (tablets, 768px and up) [ - ]  */
@media screen and (min-width: 768px) and (max-width: 991.98px) and (orientation: landscape){
  #body-container{
	margin:4vh auto;
  }
  .close span{
    font-size:45px;
  }
  #image-BEST{
	margin-top:5vh;
  }
  #image-best{
	margin-top:4vh;
  }
}

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) and (max-width: 1199.98px){
  #body-container{
	margin:3vh auto 4vh auto;
  }
  .close span{
    font-size:45px;
  }
  #image-BEST{
	margin-top:5vh;
  }
  #image-best{
	margin-top:3vh;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) and (max-width: 1439.98px){
  #body-container{
	margin:5vh auto 6vh auto;
  }
  .close span{
    font-size:45px;
  }
  #image-BEST{
	margin-top:6vh;
  }
  #image-best{
	margin-top:5vh;
  }
}

/* Extra large devices (large desktops, 1440px and up) */
@media screen and (min-width: 1440px){
  #body-container{
	margin:4vh auto 5vh auto;
  }
  .close span{
    font-size:45px;
  }
  #image-BEST{
	margin-top:5vh;
  }
  #image-best{
	margin-top:5vh;
  }
}