/* Global Styles */

@import url('https://fonts.googleapis.com/css?family=Poppins:100,300,500');


html,
body {
    height: 100%;
	font-family: "Poppins";
	color: #000;
	font-size: 15px;
	line-height: 1.75em;
    font-weight: 300;
	
}

body {
    padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

hr{margin-top: 5px}

#footer{background-color: #000;}
#footer h4{margin-top:20px;background-color: #000; font-size: 2.25em; color: #a8a8a8; text-transform: uppercase; line-height: 1.15em; font-weight: 600; padding: 10px 0 10px 0}


#footer p{margin-top:20px;background-color: #000; font-size: 1.1em; color: #a8a8a8; line-height: 1.45em; font-weight: 500; padding: 10px 0 10px 0; float: right}

#footer a{color: #a8a8a8; text-decoration: underline}
#footer a:hover{color: #a8a8a8; text-decoration: none}

/*Homepage sections */
#homepageheader{
    padding-bottom:0px; 
    height:400px; 
    padding-left: 0px; 
    background-image: url(../images/main-image.jpg); 
    background-size: cover;
    background-position-x: 97% ;
}

#homepageheader h1{font-size:80px; font-weight: 600; color:#FFF; padding-top:380px; position: absolute; letter-spacing: 1px; text-transform: uppercase;}

#info-section h2{font-size: 42px; color: #000; padding-bottom:30px; padding-top: 0px; font-weight: 300}
#info-section p{font-size: 15px}
#counters{ background-color: #e9eaee; margin-top: 30px; padding: 20px 0 20px 0; text-align: center}
#counters h2{color: #074986; font-size: 50px; font-weight: bold; padding: 0px}
#counters p{font-size: 20px; text-transform: uppercase;}
#give-now{ margin-top: 40px; padding: 40px 0 40px 0; background-color: #333; background-image:url(); background-repeat: no-repeat; background-size: cover }
#give-now p{font-size: 18px; color: #fff; text-transform: uppercase; text-align: left; padding: 20px; line-height: 30px;}
#give-now .boxbtn{background-color: #ccc; margin-top: 20px; color: #000; text-align: center; text-transform: uppercase; font-size: 18px; border-radius: 2px;font-weight: 600}



.fa {color: #074986; margin-bottom: 30px;}

.space{padding-top:140px;}

/* tab color */



/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 50%;
    }
	
	
}

@media (min-width:768px)
{
	#homepageheader{
        height:600px; 
        padding-left: 0px;
        margin-top: -5%; 
        background-image: url(../images/main-image.jpg); 
        background-size: cover;
        background-repeat: no-repeat;
            }
#homepageheader h1{font-size:35px; font-weight:600; text-transform:uppercase; color:#FFF; padding-top:350px; left: 5%; right: 5%;  line-height: 35px;}

#footer{background-color: #000;}
	
#footer h4{margin-top:20px;background-color: #000; font-size: 1.75em; color: #a8a8a8; text-transform: uppercase; line-height: 1.15em; font-weight: 600; padding: 10px 0 0 0}


#footer p{margin-top:20px; background-color: #000; font-size: 1.1em; color: #a8a8a8; line-height: 1.15em; font-weight: 500; float: left}
	
}