body {
  background-image: url("../img/back-black.jpg");
  background-color: #000000;
  background-position: 10% 60%;
  background-repeat: no-repeat;
  background-size: 100% 45%;


}



p {
  line-height: 1.75; }

a {
  color: #fed136; }
  a.active, a:active, a:focus, a:hover {
    color: #fec503; }

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
}


section {
  padding: 70px 0; }
  section h2.section-heading {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 15px;
    font-family: 'Inconsolata', monospace; }
  section h3.section-subheading {
	color: #FFFFFF;
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 75px;
	text-transform: none;
	font-family: 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
  section h2.section-heading-ser {
      color: #FFFFFF;
      font-size: 40px;
      margin-top: 0;
      margin-bottom: 15px;
      font-family: 'Inconsolata', monospace; }


@media (min-width: 768px) {
  section {
    padding: 70px 0; } }

::-moz-selection {
  background: #fed136;
  text-shadow: none; }

::selection {
  background: #fed136;
  text-shadow: none; }

img::selection {
  background: transparent; }

img::-moz-selection {
  background: transparent; }

body {
  -webkit-tap-highlight-color: #fed136; }

#mainNav {
  background-color: #222222; }
  #mainNav .navbar-toggler {
    font-size: 12px;
    right: 0;
    padding: 13px;
    text-transform: uppercase;
    color: white;
    border: 0;
    background-color: #37c8fe;
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-transform: uppercase; }
  #mainNav .navbar-nav .nav-item .nav-link {
    font-size: 90%;
    font-weight: 400;
    padding: 0.75em 0;
    letter-spacing: 1px;
    color: white;
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-transform: uppercase; }
    #mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
      color: #37c8fe; }

@media (min-width: 992px) {
  #mainNav {
    padding-top: 25px;
    padding-bottom: 25px;
    -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
    -moz-transition: padding-top 0.3s, padding-bottom 0.3s;
    transition: padding-top 0.3s, padding-bottom 0.3s;
    border: none;
    background-color: transparent; }
    #mainNav .navbar-brand {
      font-size: 1.75em;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s; }
    #mainNav .navbar-nav .nav-item .nav-link {
      padding: 1.1em 1em !important; }
    #mainNav.navbar-shrink {
      padding-top: 0;
      padding-bottom: 0;
      background-color: #222222; }
      #mainNav.navbar-shrink .navbar-brand {
        font-size: 1.25em;
        padding: 12px 0; } }

header.masthead {
	text-align: center;
	color: white;
	background-image: url("../img/fondonavidad.jpg");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 500;
}
  header.masthead .intro-text {
    padding-top: 150px;
    padding-bottom: 100px;
    font-family: 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #c5c8c9;}
    header.masthead .intro-text .intro-lead-in {
      font-size: 20px;
      line-height: 22px;
      margin-bottom: 25px;
      font-family: 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
    header.masthead .intro-text .intro-heading {
      font-size: 40px;
      font-weight: 700;
      line-height: 50px;
      margin-bottom: 25px;
      font-family: 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      text-transform: uppercase; }
	  

@media (min-width: 768px) {
  header.masthead .intro-text {
    padding-top: 300px;
    padding-bottom: 200px; }
    header.masthead .intro-text .intro-lead-in {
      font-size: 35px;
      line-height: 40px;
      margin-bottom: 25px;
      font-family: 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
    header.masthead .intro-text .intro-heading {
      font-size: 50px;
      font-weight: 700;
      line-height: 75px;
      margin-bottom: 50px;
      font-family: 'Inconsolata', monospace;
      text-transform: uppercase; } }


 header.youtube{
   background-image: url("../img/skull2.png");
   background-repeat: repeat;
   background-attachment: scroll;
   background-position: center center;
   overflow-x: hidden;
 }

  iframe.ytb-embed {
  max-width: 96% !important;
  display: block;
  margin: 10px auto;
  }

section#gobierno{
    background-image: url("../img/back-black.jpg");
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: center center;
    overflow-x: hidden;
}

section#muertos{
    background-image: url("../img/back-black.jpg");
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: center center;
    overflow-x: hidden;
}

section#espectaculos{ 
  background-color: #000000;
  background-position: 10% 60%;
  background-repeat: no-repeat;
  background-size: 100% 45%;
}

section#comerciales{
	 background-color: #000000;
  background-position: 10% 60%;
  background-repeat: no-repeat;
  background-size: 100% 45%;
	}

section#empresariales{
	
	 background-color: #000000;
  background-position: 10% 60%;
  background-repeat: no-repeat;
  background-size: 100% 45%;
	
	}

section#navidad{
    background-image: url("../img/copos.jpg");
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: center center;
    overflow-x: hidden;
}

section#patronales{
    background-image: url("../img/back-black.jpg");
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: center center;
    overflow-x: hidden;
}

section#mapping{
  background-image: url("../img/back-black.jpg");
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: center center;
  overflow-x: hidden;
}

section#carnavales{
  background-image: url("../img/back-black.jpg");
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: center center;
  overflow-x: hidden;
}
section#barras{
  background-image: url("../img/skull2.jpg");
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: center center;
  overflow-x: hidden;
}


section#contact{
  background-color: #222222;
  background-image: url("../img/map-image.png");
  background-repeat: no-repeat;
  background-position: center; }
  section#contact .section-heading {
    color: white; }


footer {
  padding: 25px 0;
  text-align: center; }
  footer span.copyright {
	font-size: 90%;
	line-height: 40px;
	text-transform: none;
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #EAF4FF;
}
  footer ul.quicklinks {
    font-size: 90%;
    line-height: 40px;
    margin-bottom: 0;
    text-transform: none;
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-transform: uppercase; }

ul.social-buttons {
  margin-bottom: 0; }
  ul.social-buttons li a {
    font-size: 20px;
    line-height: 40px;
    display: block;
    width: 40px;
    height: 40px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: white;
    border-radius: 100%;
    outline: none;
    background-color: #222222; }
    ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
      background-color: #37c8fe; }

.text-primary {
  color: rgba(55, 200, 254, 0.72) !important; }


.btn-primary {
  font-weight: 700;
  color: white;
  border-color: #fed136;
  background-color: #fed136;
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: uppercase; }
  .btn-primary.focus, .btn-primary:focus {
    color: white;
    border-color: #b48b01;
    background-color: #fec503; }
  .btn-primary:hover {
    color: white;
    border-color: #f6bf01;
    background-color: #fec503; }
  .btn-primary.active, .btn-primary:active,
  .open > .btn-primary.dropdown-toggle {
    color: white;
    border-color: #f6bf01;
    background-color: #fec503; }
    .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover,
    .open > .btn-primary.dropdown-toggle.focus,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle:hover {
      color: white;
      border-color: #b48b01;
      background-color: #dcab01; }
  .btn-primary.active, .btn-primary:active,
  .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover,
  fieldset[disabled] .btn-primary.focus,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary:hover {
    border-color: #fed136;
    background-color: #fed136; }
  .btn-primary .badge {
    color: #fed136;
    background-color: white; }

.btn-xl {
  font-size: 18px;
  font-weight: 700;
  padding: 20px 40px;
  border-radius: 3px;
  color: white;
  border-color: #37c8fe;
  background-color: #37c8fe;
  font-family: 'Inconsolata', monospace;
  text-transform: uppercase; }
  .btn-xl.focus, .btn-xl:focus {
    color: white;
    border-color: #b48b01;
    background-color: #27bcf4; }
  .btn-xl:hover {
    color: white;
    border-color: #27bcf4;
    background-color: #27bcf4; }
  .btn-xl.active, .btn-xl:active,
  .open > .btn-xl.dropdown-toggle {
    color: white;
    border-color: #f6bf01;
    background-color: #fec503; }
    .btn-xl.active.focus, .btn-xl.active:focus, .btn-xl.active:hover, .btn-xl:active.focus, .btn-xl:active:focus, .btn-xl:active:hover,
    .open > .btn-xl.dropdown-toggle.focus,
    .open > .btn-xl.dropdown-toggle:focus,
    .open > .btn-xl.dropdown-toggle:hover {
      color: white;
      border-color: #b48b01;
      background-color: #dcab01; }
  .btn-xl.active, .btn-xl:active,
  .open > .btn-xl.dropdown-toggle {
    background-image: none; }
  .btn-xl.disabled.focus, .btn-xl.disabled:focus, .btn-xl.disabled:hover, .btn-xl[disabled].focus, .btn-xl[disabled]:focus, .btn-xl[disabled]:hover,
  fieldset[disabled] .btn-xl.focus,
  fieldset[disabled] .btn-xl:focus,
  fieldset[disabled] .btn-xl:hover {
    border-color: #37c8fe;
    background-color: #37c8fe; }
  .btn-xl .badge {
    color: #37c8fe;
    background-color: white; }
.social {
    position: fixed;
    left: 0;
    top:200px;
    z-index: 2000;
    font-size: 48px;
}
.social ul {
    list-style: none;
    }
    .social ul li a {
        display: inline-block;
        color: #fff;
        background: #000;
        padding:10px 15px;
        text-decoration: none;
        -webkit-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        
  }
  .social ul li .icon-facebook2 {background: #3b5998 ;}
  .social ul li .icon-youtube {background:#EF161A}
    .social ul li .icon-instagram {
       background: #d6249f;
       background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    }
      .social ul li .icon-whatsapp {background:#128C7E ;}
      
      .social ul li a:hover {
          padding: 10px 30px;
          background: #000;
      }

form{
	padding: 50px 55px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);	
	border-radius: 20px;
	text-align: center;
	width: 340px;
	
	}
	
	.input-group{
		
		diplay: flex;
		flex-direction: column;
		text-align: left;
		
		}
		
		h2{
			
			color: #FFFFFF;
			font-size: 35px;
			
			}
			
			label{
				color: #FFFFFF;
				font-size: 15px;
				font-weight: 600;
				margin-bottom: 15px;			
				
				}
		input, textarea{
			padding: 17px 25px;
			border-radius: 25px;
			margin-bottom: 20px;
			background-color: #;
			border: 2px solid #;
			color: #;
			outline: none;	
			
			}
			
		input::placeholder, textarea::placeholder{
			color: #b5cab6;
			
		 	}
			
			.form-text{
				margin-bottom: 30px;
				diplay: flex;
				justify-content: space-between;
				text-align:center;
				
				}
				
			.form-text a{
				color: #76b28e;
				font-size: 14px;
				font-weight: 600;
				text-decoration: none;
				}	
				
			.btn {
				font-size: 16px;
				color: #FFFFFF;
				border: 0;
				border-radius: 25px;
				background-color: #51D94C;
				box-shadow: 0 0 20px rgba(25, 254, 0, 0.4);
				cursor: pointer;
				
				}
				
			.btn:hover {
				background-color: #50E04B;
				}
				
				@media(max-width:991px){
					body{
						
						padding: 30px;
						}
						
						form {
							padding: 50px 30px;
							width: 100%;
													
							}
							
							input{
								padding: 15px;
								}
					}