* {
      margin: 0; padding: 0;
    }


    #container {
      top: 0; left: 0; right: 0; bottom: 0;
    }

    #background_video {
      position: absolute;

      top: 50%; left: 50%;
      transform: translate(-50%, -50%);

      object-fit: cover;
      height: 100%; width: 100%;
	  filter:  brightness(65%) sepia(15%);
    }

    #video_cover {
      position: absolute;

      width: 100%; height: 100%;

      background: url('fundo-historias.png') no-repeat;
      background-size: cover;
      background-position: center;
    }

    #video_controls {
      position: absolute;
      left: 50%;
      transform: translate(-50%, 0);
    }

    #play img {
      width: 100px;
    }
    #pause img {
      width: 90px;
    }
    #pause {
      display: none;
    }

    @media (min-width: 768px) {
      #video_controls {
        display: none;
      }
    }

    /* Demo page specific styles */

    body {
      text-align: center;
      font-family: Verdana,Geneva,sans-serif; 
    }

    #container {
      height: 100%;
    }

    #overlay {
      position: absolute;
      top: 0; right: 0; left: 0; bottom: 0;
      background: rgba(0,0,0,0.5);
    }

    #main_content {
      z-index: 2;
      position: relative;
      display: inline-block;

      /* Vertical center */
      top: 46%;
      transform: translateY(-50%);    
	  text-align: left;
	  font-family: 'verdana';
	  font-style: italic;
    }

    #main_content h1 {
      font-weight: 600;
      color: #fff;
      font-size: 48px;
	  font-family: Verdana,Geneva,sans-serif; 
	  
    }

    #main_content .sub_head {
        color: #fff;
		font-size: 22px;
		text-align: left;
		font-family: Verdana,Geneva,sans-serif; 
		 line-height: 40px;
		font-weight: lighter;
    }
	
	@media (max-width: 1100px) {
	#main_content h1 {
		font-size: 23px;
	}
	#main_content .sub_head {
		font-size: 15px;
	}
	}
	
	#margem{
	margin-top: 6%;
	}
	
	@media (max-width: 1100px) {
	#margem{
	margin-top: 0%;
	}
	.botao{
	padding: 10px;
	}
	
	#main_content .sub_head {
		line-height: 20px;
	}
	}
	
	@media (max-height: 715px) {
	#margem{
	margin-top: 4%;
	}
	}
	
	@media (max-height: 600px) {
	#margem{
	margin-top: 0%;
	}
	}
	
	@media (max-height: 500px) {
	#margem{
		margin-top: 0%;
	}
	#main_content .sub_head {
		color: #fff;
		font-size: 17px;
		line-height: 20px;
	}	
	
	.botao{
		display: none !important;
	}
	
	.logo{
		display: none !important;
	}
	}
	
	@media (max-width: 400px){
		#main_content h1 {
			font-size: 23px;
		}
	}
	
	
	
	#main_content h1 {
		font-weight: 600;
		color: #fff;
		font-size: 35px;
		font-family: Verdana,Geneva,sans-serif;
	}
	
	@media (max-width: 500px){
		#main_content h1 {
			font-size: 1.5em;
		}
	}
	

    #main_content .info {
      color: rgba(255,255,255,0.5);
      font-size: 12px;
      margin-top: 10px;
    }

    #links {
      margin-top: 50px;
    }

    #links a {
      border: 2px solid rgba(255,255,255,0.20);
      border-radius: 61px;
      font-size: 12px;
      color: #FFFFFF;
      letter-spacing: 1px;
      text-decoration: none;
      text-transform: uppercase;
      padding: 10px 25px;
      display: inline-block;
      margin-right: 15px;
    }

    #footer {
      position: absolute;
      bottom: 2%; left: 0; right: 0;
    }
    #footer a {
      color: rgba(255,255,255,0.5);
      text-decoration: none;
      margin: 10px;
      font-size: 12px;
    }

	#head-logo{
		margin-bottom: 1%;
	}
	
	
	.botao{
		background: #E5D57B;
		padding: 15px 30px;
		margin: auto;
		color: #3A2E54;
		font-weight: bold;
		font-size: 1.8em;
		margin-top: 0%;
		text-align: center;
		    width: 35%;
	}
	
	@media (max-width: 600px) {
	.botao{
		font-size: 18px;
		padding: 12px 29px;
		width: 60%;
	}
	
	
	}
	
	
	
	
	.texto{
		color: #514767;
		font-size: 20px;
		margin-top: 30px;
		font-weight: bold;
	}
	
	
	
	
	.modal-dialog span{
		color: #fff;
		}
	
	.texto-videos{
		color: #96989A;
		font-size: 20px;
		padding: 20px;
	}
	.botao-inscricao{
		background: #514767;
		color: #e5d57b;
		padding: 5px;
		width: 62%;
		text-align: center;
		margin: auto;
		border-radius: 5px;
	    font-weight: bold;
		    font-size: 17px;
	}
	
	.footer {
		background: #514767;
		padding: 15px 0;
		border-top: 5px solid #2d2245;
		min-height: 189px;
		margin-top: 30px;
	}
	.social {
		padding-top: 55px;
		text-align: center;
	
	}
	.viva{
		margin: auto;
	}

	a:focus, a:hover {
		color: #3A2E54;
		text-decoration: none !important;
	}

	.botao:hover {
		background: #fff;
	}

	.modal-header {
		padding: 15px;
	   border-bottom:0 !important; 
	}

	@media (max-width: 1335px) {
		#margem{
			margin-top: 3%;
		}
	}
	
	
	@media (min-width: 1600px) and (max-height: 780px) {
		#historias{
			margin-top: 10%;
		}
	}
	
	@media (min-width: 1200px) and (max-height: 750px) {
		#historias{
			margin-top: 10%;
		}
	}
	@media (max-width: 800px){
	.roxo{
		padding: 31px;
		max-width: 84%;
		margin: auto;
	}
	}
	
	
	

@font-face {
  font-family: 'Chivo';
  src: url("../fonts/Chivo-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'ChivoB';
  src: url("../fonts/Chivo-Black.ttf") format("truetype");
}

@font-face {
  font-family: 'ChivoI';
  src: url("../fonts/Chivo-Italic.ttf") format("truetype");
}

@font-face {
  font-family: 'ChivoBold';
  src: url("../fonts/Chivo-BlackItalic.ttf") format("truetype");
}



p, h1{
	//color: #fff !important;
	font-family: 'Chivo' !important;
}

.rainbow2 {
    background-image: rgba(226,226,226,1) !important;
background-image: -moz-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 9%, rgba(191,191,191,1) 11%, rgba(156,156,156,1) 15%, rgba(156,156,156,1) 19%, rgba(219,219,219,1) 27%, rgba(173,173,173,1) 79%, rgba(254,254,254,1) 100%) !important;
background-image: -webkit-gradient(left top, right top, color-stop(0%, rgba(226,226,226,1)), color-stop(9%, rgba(219,219,219,1)), color-stop(11%, rgba(191,191,191,1)), color-stop(15%, rgba(156,156,156,1)), color-stop(19%, rgba(156,156,156,1)), color-stop(27%, rgba(219,219,219,1)), color-stop(79%, rgba(173,173,173,1)), color-stop(100%, rgba(254,254,254,1))) !important;
background-image: -webkit-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 9%, rgba(191,191,191,1) 11%, rgba(156,156,156,1) 15%, rgba(156,156,156,1) 19%, rgba(219,219,219,1) 27%, rgba(173,173,173,1) 79%, rgba(254,254,254,1) 100%) !important;
background-image: -o-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 9%, rgba(191,191,191,1) 11%, rgba(156,156,156,1) 15%, rgba(156,156,156,1) 19%, rgba(219,219,219,1) 27%, rgba(173,173,173,1) 79%, rgba(254,254,254,1) 100%) !important;
background-image: -ms-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 9%, rgba(191,191,191,1) 11%, rgba(156,156,156,1) 15%, rgba(156,156,156,1) 19%, rgba(219,219,219,1) 27%, rgba(173,173,173,1) 79%, rgba(254,254,254,1) 100%) !important;
background-image: linear-gradient(to right, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 9%, rgba(191,191,191,1) 11%, rgba(156,156,156,1) 15%, rgba(156,156,156,1) 19%, rgba(219,219,219,1) 27%, rgba(173,173,173,1) 79%, rgba(254,254,254,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 ) !important;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 4.9rem;
    text-align: left;
    line-height: 50px;
	margin-top: 10%;
	margin-bottom: 3%;
	font-family: 'ChivoBold' !important;
}

h1{
  font-family: 'ChivoBold';
}

.barra{
	margin-top: 2%;
	background: #ccc;
	height: 20px;
background: rgba(226,226,226,1);
background: -moz-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 9%, rgba(191,191,191,1) 11%, rgba(156,156,156,1) 15%, rgba(156,156,156,1) 19%, rgba(219,219,219,1) 27%, rgba(173,173,173,1) 79%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(226,226,226,1)), color-stop(9%, rgba(219,219,219,1)), color-stop(11%, rgba(191,191,191,1)), color-stop(15%, rgba(156,156,156,1)), color-stop(19%, rgba(156,156,156,1)), color-stop(27%, rgba(219,219,219,1)), color-stop(79%, rgba(173,173,173,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 9%, rgba(191,191,191,1) 11%, rgba(156,156,156,1) 15%, rgba(156,156,156,1) 19%, rgba(219,219,219,1) 27%, rgba(173,173,173,1) 79%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 9%, rgba(191,191,191,1) 11%, rgba(156,156,156,1) 15%, rgba(156,156,156,1) 19%, rgba(219,219,219,1) 27%, rgba(173,173,173,1) 79%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 9%, rgba(191,191,191,1) 11%, rgba(156,156,156,1) 15%, rgba(156,156,156,1) 19%, rgba(219,219,219,1) 27%, rgba(173,173,173,1) 79%, rgba(254,254,254,1) 100%);
background: linear-gradient(to right, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 9%, rgba(191,191,191,1) 11%, rgba(156,156,156,1) 15%, rgba(156,156,156,1) 19%, rgba(219,219,219,1) 27%, rgba(173,173,173,1) 79%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 );
}

.overlay{
    background: rgba(39,62,84,0.82);
    background: rgba(31,154,241,0.85);
    height: 100%;
    z-index: 2;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.intro{
	margin-top: 2%;
}

.intro p{
	font-family: "ChivoI" !important;
	text-align:left;
	color: #fff;
	font-size:2.3rem;
	margin: 0px;
}

.btn {
	font-family: 'ChivoI' !important;
    display: inline-block;
    padding: 6px 4px !important;
    margin-bottom: 10px !important;
    font-size: 1.8rem !important;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    color: #fff !important;
    border: 1px solid #ffffff !important;
    border-radius: 4px  !important;
    background: transparent  !important;
	text-align: left !important;
	padding: 10px 12px !important;
}

@media (max-width: 767px) {
.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}
.fullscreen-bg {
    width: 100%;
    filter: brightness(65%) sepia(15%);
}
}

@media (min-width: 767px) {
.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}
.fullscreen-bg {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    height: 100%;
    width: 100%;
    filter: brightness(65%) sepia(15%);
}
}


.btn:hover {
    background: #fff;
	color: 
}

.download{
	padding: 2px !important;
	padding-left: 5px !important;
	font-size: 13px  !important;
	margin: 2px !important;
}

.logo{
	width: 250px; float: left;  margin-top: 5%; padding-left: 15px;
}

@media (max-width: 767px) {
	.rainbow2, .intro{
		margin: 10% 0px 5% 0px;
	}
	
	.logo{
	width: 250px; float: none;  margin-top: 5%; padding-left: 15px;
	}
		
	.download{
		   padding: 6px 12px;
	}
	
	.botoes{
		margin-bottom: 5% !important;
	}
	
	.btn{
	    padding: 10px 12px !important;
		font-size: 14px !important;
		margin-bottom: 10px !important;
	}
	
		.rainbow2 {
			font-size: 38px;
		}
	.row {
     margin-right: 0px !important; 
     margin-left: 0px !important;  
}

}