html,
body {
    background-color: #120f1c;
    height: 100%;
    margin: 0;
    padding: 0;
}


h1 {color: #FF8800 ; text-transform: uppercase;}

.logo {position:fixed; margin-top: 0; margin-left: 0; z-index: 3000;}

a {color: whitesmoke; font-weight: 400;}
a:hover {color: #FF8800;}

section { padding-top: 4em; padding-bottom: 4em; }


.top-nav-collapse {
  background-color: rgba(18, 15, 28, 1);
}

.icono {padding: 20px; width: 150px; height: 150px;}
.icono:hover {background-color: #FF8800;}

#intro {
    height: 100%; margin: 0; padding: 0;
}

/* Full Page Carousel itself*/
.carousel {
  height: 100%; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; }

.parallax1 {
    background: url('../img/bg2.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;        
    -moz-background-size: cover;          
    -o-background-size: cover;    
    margin: 0;
    padding: 0;
}
.parallax2 {
    background: url('../img/wall.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;        
    -moz-background-size: cover;          
    -o-background-size: cover;    
    margin: 0;
    padding: 0;
}

#carousel-c5 .view {height: 100%;}

#custom-bootstrap-menu.navbar-dark {
    color: #fff;
    background-image: linear-gradient(rgba(0,0,0,0.9), rgba(250,250,250,0));
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
}
#custom-bootstrap-menu.navbar-dark .navbar-nav>li>a {
    color: #fff;
    background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-dark .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-dark .navbar-nav>li>a:focus {
    color: #FF8800;
    background-color: rgba(33, 33, 33, 0);  
}

.btn-rounded {border-radius: 20px;}
.page-item {background-color: rgba(240, 240, 240, 0.3); height: 35px;}
footer a:hover {color: #FF8800;}

.pie {
    background: url(../img/footer_bg.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.sombra {
    text-shadow: 5px 5px 5px #000;
}
.sombra1 {
    text-shadow: 3px 3px 10px #000;
}


 .footer-menu ul {text-align: center;}
 .footer-menu li { display: inline; text-transform: uppercase;}
 .footer-menu li:hover{color: #FF8800;}
 .fas {color: #FF8800;}

/* Back to Top */
#backtotop {transition:all .3s ease-in-out;}
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:19px; right:19px; width:39px; height:39px; line-height:39px; font-size:18px; text-align:center;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:1;}
#backtotop{
    color:#FFFFFF; 
    background-image: linear-gradient(to right, orange, darkred, purple); /* gradient with required colors */
    border-radius: 30px;}
#backtotop:hover{width: 41px; height: 41px;}

@media (max-width: 575px) {
    /*
    .navbar {
        margin: 0 auto;
        display: block;
        width: 100%;
	}*/
    .navbar .navbar-collapse ul{
		margin-top: 0px;
	} 
	.navbar .navbar-toggler{
		margin-right: 0;
    } 
/*
    .navbar-brand {
        display: block;
        margin: 0 auto;
        padding: 10px;
        text-align: center;
    } 
   
    .navbar-brand img { 
        margin-left: auto;
        margin-right: auto;}
    
    */
    .display-4 {font-size: 2.8rem! important;} 
    
    h1 {font-size: 2.2rem! important;}
    
    .page-footer ul li {display: block; text-align: center; margin: 0 auto;}
}

@media (min-width: 576px) {
   section { padding-top: 5em; padding-bottom: 5em; }   
}

@media (min-width: 768px) {
    h1 {font-size: 4rem;}
}
@media (max-width: 767px) {
    #services {text-align: center; }
    #contact {text-align: center; }
    .navbar:not(.top-nav-collapse) {background-color: #120f1c;}
    .nav-item {text-align: center;}
    .nav-flex-icons {justify-content: center;}
}
/*
@media (min-width: 992px) {
    h1 {font-size: 4rem;}
}
*/