/* --- HOME MAIN ---*/
#welcome-section {
    text-align:center;
    padding:100px 40px;
}

#homemain {
    background:url(../../assets/img/mainbg.jpg) no-repeat fixed;
    background-size:cover;
    background-position:center center;
}

#welcome-jumbotron {
    border-radius:10px;
    padding:20px;
    max-width:700px;
    background-color:rgba(255,255,255,0);
    margin:0 auto;
    margin-bottom:50px;
    margin-top:30px;
    color:rgb(255,255,255);
}

#main-heading {
    padding-bottom:10px;
    font-size: 3em;
    text-shadow: 2px 2px rgba(24, 24, 24, 0.3);
}
    
#logo {
    display:inline-block;
    max-width:160px;
}
    
#nav-style {
    padding-top:0px;
}
    
#nav-logo {
    padding-top:0px;
}

.nav-link {
    color: rgb(255,255,255) !important;
    font-size: 1.2em;
    transition: 0.3s;
}

.nav-link:hover {
    color: rgb(32, 32, 32) !important;
}

@media (max-width: 450px) {
    #welcome-jumbotron {
        padding:10px;
        margin:0 auto;
    }
    #welcome-section {
        padding:20px 10px;
    }
    #homemain {
        background-size:cover;
        background-position:center top;
    }
    .nav-link {
        background-color: rgba(54, 54, 54, 0.6);
        padding: 5px;
        text-align: center;
    }
}
/* --- END OF SECTION ---*/


/* --- MISSION ---*/
#mission-div {
    padding-top:40px;
    text-align:center;
    padding-bottom: 20px;
}
.mission-col{
    padding-bottom: 20px;
}
/* --- END OF SECTION ---*/


/* --- ABOUT US ---*/
#about-div {
    background-color:rgb(232,232,232);
    padding-top:30px;
    padding-bottom:30px;
}
blockquote {
    background: #f9f9f9;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
    text-align: center;
}
blockquote p {
    display: inline;
    font-size: 1.5em;
    
}
/* --- END OF SECTION ---*/


/* --- PRODUCTS ---*/
#products-div{
    background:url(../../assets/img/productsbg.jpg) no-repeat fixed;
    background-size:cover;
    background-position:right center;
    padding-top: 20px;
    padding-bottom: 10px;
    
}
.products-heading{
    color: #fff;
}

.card-styling{
    background-color: rgba(255, 255, 255, 0.9);
    text-align: center;
    margin-bottom: 20px;
}
/* --- END OF SECTION ---*/


/* --- GALLERY ---*/
#gallery-div {
    margin-top:20px;
    margin-bottom:20px;
}
  
.slide-style {
    border-radius:10px;
} 
/* --- END OF SECTION ---*/


/* --- FOOTER ---*/
hr.footer-hr{
    border-top: 1px solid #aaa;
}

.contact-style{
    text-align: center;
    color: rgb(201, 201, 201);
    margin-bottom: 20px;
    margin-top: 20px;
}

.icon-style{
    font-size: 30px;
}

.copyright a{
    color: rgb(177, 177, 177) !important;
    text-decoration: none;
}

.copyright :hover{
    color: rgb(216, 216, 216) !important;
    text-decoration: none;
}

/* --- END OF SECTION ---*/


/* --- SCROLL TO TOP ---*/
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 17px;
    top: 13px;
    font-size: 22px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
/* --- END OF SECTION ---*/