html, 
body {
    height: 100%;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 3vh;
}

@media(max-width:768px) {
    #header {
        text-align: center;
    }
    #header img {
        margin: 0 auto;
        
    }
    
    #header {
        padding-top: 70px;
        /* prevents navbar overlapping with header content */
    }
    
    #header hr{
        width: 50%;
    }
    
    #header .header-left {
        background-color: #f6f6f6;
        border-radius: 10px;
        padding: 20px;
    }
	
	#header .fa {
    visibility: hidden;
}
	
    #whatwedo {
        text-align: center;
        padding: none;
    }
    
    #whatwedo .col-md-6 {
        clear:left;
        
    }
    
    #whatwedo hr {
        margin: auto;
        padding: 15px;
    } 
    
    #whatwedo img {
        margin-top: 15%;
        
    }
	
	#teamdev img{
		padding-top: 30px;
	}
}


/* END OF MEDIA QUERY*/
    


.btn {
    transition: all 0.3s ease-in-out;
}

.nav ul{
	
}

.nav-item{
    
}


/*HEADER*/

#header {
    background: url('http://www.pynnacle.net/images/Main_header.jpg') no-repeat center center fixed;    
    height: 100%;
    display: grid;
    align-items: flex-end;
	/* http://www.pynnacle.net/images/Main_header.jpg */
    
}


#header img {
    padding: 0 0 20px;
    width: 80%;
    
}

#header .header-left {
    color: black;
}

#header .header-right {
    background-color: rgba(0,0,0,0.5);
    padding: 20px;
    border-radius: 10px;
	margin-top: 5%;
}

#header .header-right p{
    color: white;
}

#header .col-md-6 {
	margin-top: -10;
}

.container 
.row 
.col-md-6 p,h4 {
    color: #181A19; /*#181A19*/ /*all text*/
     
}




/* HEADER BUTTON */

/*.container 
.row 
.col-md-6*/
.btn {
    border: 1px solid darkslateblue;
    color: black;
    font-size: 2.3vh;
    font-weight:600;
	background: #D6E1DC;
    
}


/*.container 
.row 
.col-md-6*/
.btn:hover{
    background: none;
    color: palevioletred;
    border: 1px solid skyblue;
    font-size: 2.3vh;
    font-weight:600
}


/*CHEVRON*/

#header a .fa {
    color: deeppink;
}

#header a .fa:hover {
    color: lightskyblue;
	transition: all 0.2s ease-in-out;
	
}

#header .fa {
    margin: 5% 50% 10%;
}

/*CONSULTATION TOOLS*/

#consultationtools {
    padding:10%;
}

#consultationtools h4{
    color: #181A19;
}

#consultationtools .col-md-12 {
    text-align: center;
}

#consultationtools li{
	list-style: none;
	display:inline;
}

#consultationtools img {
	width:10em;
	margin-right: 1em;
	margin-bottom: 1em;
}

#consultationtools .imgduo img{
	width:6em;
}

/* WHAT WE DO */

#whatwedo {
    padding: 10%;
    background-color: #f6f6f6;

}

#whatwedo h4{
    color: #181A19;
}

#whatwedo p{
    color: #181A19;
}

.btn-whatwedo {
	border-radius: 5px;
    font-weight: 600;
    width: 150px;
    padding: 5px;
	background: lightgrey;
}

.btn-whatwedo:hover {
    background: transparent;
    color: royalblue;
    font-weight:600;
    border: 1px solid rebeccapurple;
    transition: all 0.3s ease-in-out;
}


/* TEAM CARDS */

#team {
    padding: 10%;
}

#team .team-img {
    position: relative;     /* prevent img-overlay from covering entire card */
}

/* #team .team-img .img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    background-image: url('http://www.pynnacle.net/images/Eye_View.png');
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
    transition: all 0.3s ease-in-out;
} */

#team .img-overlay:hover {
    opacity: 1;
    z-index: 1;
}

.card-block {
    text-align: center;
}

.card-title {
    font-weight:600;
}

.card-text span{
    font-size: 14pt;
}

.card {
	margin-top: 10px;
	height: 90%;
}



/* TESTIMONIAL */

#testimonials {
	padding: 5%;
	margin-bottom: ;
}

#clients {
	text-align: center;
	margin-bottom: 100px;
}


/* END TESTIMONIAL */


/* FOOTER */

#footer {
	 font-family: 'Source Sans Pro', sans-serif;
}

#footer .endnote {
	 text-align: center;
	 font-size: 70%; 
}


#footer .list-inline {
	 text-align: center;
	 padding-top: 0;
}

.list-inline li{
	 display:inline-block;
	 margin-right: 5px;
	 font-weight: 700;
	 font-size: 70%;
}

.list-inline a{
	 text-decoration: none;
	 color: #181A19;
}

.list-inline a:hover{
	 color: deeppink;
}

#footer .footlog {
	 display:block;
	 margin:auto;
	 margin-bottom: 15px;
}



/* CONTACT US PAGE */

#contactus {
	padding-top: 10%;
	margin-bottom: 100px;
}

#contactus li{
	list-style: none;
    text-align: left;
}

#contactus .name-title{
	padding-top: 30%;
}

#contactus span{
	font-size: 2.5vh;
}

#contactus .hello span {
	font-family: 'Lobster', cursive;
	font-size: 1.5em;
}

#contactus img {
	width: 90%;
}

/*----- PRODUCTS ----*/

#proheader {
	background: url('http://www.pynnacle.net/images/Sub_header.jpg') no-repeat center center fixed; 
	height: 100%;
	padding-top: 70px;
}

#proheader li{
	font-size: 120%;
	display: inline-block;
	margin-right: 20px;
}

#proheader .headline {
	padding-bottom: 2%;
	padding-top: 15%;
}

#proheader .link-list a:hover{
	color: darkcyan;
	transition: 0.3s ease-in-out;
}


/* --- TEAM DEV --- */

#teamdev {
	padding-top: 100px;
	padding-bottom: 100px;
}

#teamdev p{
	font-size: 120%;
}

#teamdev img{
	width: 100%;
}

#teamdevprograms {
	margin-top: 50px;
	margin-bottom: 100px;
}

#teamdevprograms span{
	font-style: italic;
}

#teamdevprograms 
.col-md-4,
.col-md-8 {
	margin-bottom: 50px; 
}


/*----- LEADERSHIP & SELF-MASTERY -----*/

#lsmastery {
	margin-bottom: 100px;
}

#lsmastery {
	padding-top: 100px;
	padding-bottom: 100px;
}

#lsmastery p{
	font-size: 120%;
}

#lsmprograms {
	margin-bottom: 100px;
}

#lsmprograms span{
	font-style: italic;

}

#lsmprograms img{
	width: 80%;
}

#lsmprograms h3{
	text-align: center;
}


/*---- PUBLIC COURSES -----*/

#pcour {
    margin-bottom: 100px;
}



/*---- END OF PUBLIC COURSES ----*/

/* #stayconnected .row{
    background-color: lightgrey;
    padding-top: 10%;
	padding-bottom: 10%;
    border-radius: 10px;
} */


/*---- STAY CONNECTED  ----*/


#stayconnected .container {
	padding-top: 10%;
	padding-bottom: 100px;
}

#stayconnected .sc-text {
	padding:10%;
	background-color: lightgrey;
}

#stayconnected h2{
	padding-top: 5%;
}

#stayconnected p, h2{
	text-align: center;
	padding-bottom: 5%;
}

#stayconnected .input-group{
	width: 70%;
	margin: auto;
}

#stayconnected .btn {
    border: 1px solid darkslateblue;
    color: black;
    
}

#stayconnected .btn:hover{
    background: none;
    color: palevioletred;
    border: 1px solid skyblue;
}

/* END CONTACT US PAGE */