
@font-face {
    font-family: 'Futura Now Headline';
    src: url('https://website.fifthpillar.net/assets/fonts/FuturaNowHeadline.woff2') format('woff2'),
        url('../assets/fonts/FuturaNowHeadline.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Minion Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('https://website.fifthpillar.net/assets/fonts/Minion Pro Regular'), url('../assets/fonts/MinionPro-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Minion Pro Italic';
    font-style: normal;
    font-weight: normal;
    src: local('https://website.fifthpillar.net/assets/fonts/Minion Pro Italic'), url('../assets/fonts/MinionPro-It.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Minion Pro Medium';
    font-style: normal;
    font-weight: normal;
    src: local('https://website.fifthpillar.net/assets/fonts/Minion Pro Medium'), url('../assets/fonts/MinionPro-Medium.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Minion Pro Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('https://website.fifthpillar.net/assets/fonts/Minion Pro Medium Italic'), url('../assets/fonts/MinionPro-MediumIt.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Minion Pro Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('https://website.fifthpillar.net/assets/fonts/Minion Pro Semibold'), url('../assets/fonts/MinionPro-Semibold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Minion Pro Semibold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('https://website.fifthpillar.net/assets/fonts/Minion Pro Semibold Italic'), url('../assets/fonts/MinionPro-SemiboldIt.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Minion Pro Bold Condensed';
    font-style: normal
    font-weight: normal;
    src: local('https://website.fifthpillar.net/assets/fonts/Minion Pro Bold Condensed'), url('../assets/fonts/MinionPro-BoldCn.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Minion Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('https://website.fifthpillar.net/assets/fonts/Minion Pro Bold'), url('../assets/fonts/MinionPro-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Minion Pro Bold Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('https://website.fifthpillar.net/assets/fonts/Minion Pro Bold Condensed Italic'), url('../assets/fonts/MinionPro-BoldCnIt.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Minion Pro Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('https://website.fifthpillar.net/assets/fonts/Minion Pro Bold Italic'), url('../assets/fonts/MinionPro-BoldIt.woff') format('woff');
    }


.white-text{
    
    
    color: white;
    font-size: 18px;
    margin-top: 50px;
    font-family: 'Futura Now Headline';
    
}

.down-arrow{
    
    
    margin-top: 20px !Important;
    max-width: 40px;
    
}

.right-arrow{
    
    
    margin-top: -2px !Important;
    max-height: 25px;

}

#hero .container{
    
    
    margin-top: 70px;
	margin-bottom: 50px;
    
}



.fixed-top{
    
    
   
    background-color: #303648;
    
}


#header.header-scrolled, #header.header-inner-pages{
    
    padding: 10px 0 10px 0;
    background-color: #303648;
    
}


.navbar{
    
height: 50px;    
    
}


.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #fff;
   background: rgb(200,176,117);
background: linear-gradient(90deg, rgba(200,176,117,1) 0%, rgba(166,145,82,1) 100%);
    margin-top: -9px;
    margin-top: -9px;
    padding-bottom: 12px;
    font-size: 12px;
}

.navbar a, .navbar a:focus{
    
    padding: 7px 30px 20px 30px;
    height: 60px; 
    font-family: 'Futura Now Headline';
    
    
}


.navbar li:first-child a {
  border-radius: 10px 0 0 10px !Important;
}

.navbar li:last-child a {
  border-radius: 0px 10px 10px 0px !Important;
}

h3 .heading{
    
    font-family: 'Minion Pro Bold';
    
    
} 

.border{
    
    
    background-color: #c7b073;
    height: 5px;
    max-width: 51%;
    margin-bottom: 20px;
}


.border2{
    
    
    background-color: #c7b073;
    height: 5px;
   max-width: 17%;
    margin-bottom: 20px;
}

.border3{
    
    
    background-color: #c7b073;
    height: 5px;
   max-width: 16.8%;
    margin-bottom: 20px;
}

.border4{
    
    
    background-color: #c7b073;
    height: 5px;
   max-width: 12%;
    margin-bottom: 20px;
    margin-left: 12%;
}

.border5{
    
    
    background-color: #c7b073;
    height: 5px;
   max-width: 10%;
    margin-bottom: 20px;
}

.border-our-founder-inner{
    
    
    background-color: #c7b073;
    height: 5px;
    max-width: 16%;
    margin-bottom: 20px;
}

.border-full{
    
    
    background-color: #c7b073;
    height: 5px;
   max-width: 100%;
    margin-bottom: 20px;
}

#desktop{
    
    
    display: block;
}

#mobile{
    
    
    display: none;
}



.left-text{
    
    
    font-size: 24px;
    font-family: 'Futura Now Headline';
	padding: 20px;
    padding-left: 0px;
    padding-bottom: 0px !Important;
    padding-top: 0px;
    
}


.find-out-more-text{
    
    
    font-size: 20px;
    font-family: 'Futura Now Headline';
    font-weight: bold !Important;
    color: #373c4d;
    
}






.who-pad{
    
 margin-top: 20%;   
    
}

.our-founder-pad{
    
 margin-top: 16%;   
     font-size: 40px;
    
}

.wwd-pad{
    
 margin-top: 16%;   
     font-size: 40px;
    
}

.features{
        
        background-image: url(../img/Our-Founder-BG.png) !Important;
    height: 100%;
    color: #fff;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-height: 844px;
        
    }


.features .content h3 {
  font-weight: 700;
  font-size: 40px;
  font-family: 'Minion Pro Bold';
    
}



.counts .content h3 {
  font-weight: 700;
  font-size: 40px;
  font-family: 'Minion Pro Bold';
    color: #2e3347
    
}

.counts .content{
    
    
    padding: 70px 0 0 0;
}

.contact-pad{
    
 margin-top: 7.5%;   
     font-size: 40px;
    
}


section{
    
      padding: 60px 0;
    
}

.counts section{
    
      padding: 10px 0 !important;
    
}

.what-we-do{
    
    
    margin-top: 5%;
    
}

.wwd{
    
    
    background-color: #f5f5f5;
    padding: 7%;
    padding-top:7% !Important;
    margin-bottom: 20px;
    
}

.wwd-text-head{
    
    
    font-weight: 700;
    font-size: 26px;
    font-family: 'Minion Pro Bold';
    color:#33394b;
    
}


.wwd-text-p{
    
    
    font-weight: normal;
    font-size: 21px;
    font-family: 'Futura Now Headline';
    color: #757575;
    
}


.col-md-6{
    
    
   
     background-color: #f5f3f3;
    border: 10px solid #fff;
    max-height: 530px;
	padding-left: 0px !Important;
	padding-right: 0px !Important;
    padding-top: 20px;
    overflow: hidden;
}

.margin-6{
    
    margin: 40px;
    margin-bottom: 0px;
    
}

.row>*{
    
    
    
}


.contact{
        
        background-image: url(../img/Contact-BG.png) !Important;
    height: 100%;
    color: #fff;
    width: 100%;
    background-repeat: no-repeat;
    min-height: 300px;
    margin-top: 50px;
        
    }


section, .contact{
    
    
        padding: 0px 0;
    
}


button, input, optgroup, select, textarea{
    
    
    margin-top: 20px;
    
    
}


.form-control{
    
    
   border-bottom: 3px solid #484b6f; 
    border-left:none;
    border-right:none;
    border-top:none;
    
    border-radius:0px;
    font-family: 'Futura Now Headline';
    color: #353741;
    font-weight: 400px;
    
}

.form-right-border{
    
    
    border-right: 5px solid #c5b374; 
    
}

.form-right-border:last-child{
    
    
    border-right: none; 
    
}

button, select{
    
    background-color: #303648;
    color: #fff;
    width: 100%;    
    padding-top: 15px;
    padding-bottom: 15px;
    border: none;
}

button:hover{
    
    background: linear-gradient(90deg, rgba(200,176,117,1) 0%, rgba(166,145,82,1) 100%);
    color: #fff;
    width: 100%;    
    padding-top: 15px;
    padding-bottom: 15px;
    border: none;
}

.info-text{
    
    margin-top: 8.5%;
    margin-left: 12%;
    font-size: 28px;
    font-weight:bold;
    font-family: 'Futura Now Headline';
    color: #303648;
}

.info-text-p{
    
    
    font-size: 18px;
    font-family: 'Futura Now Headline';
    color: #444752;
    margin-left: 12%;
    
}

.wwd-head{
    
    font-size: 28px;
    font-weight:bold;
    font-family: 'Minion Pro Semibold';
    color: #c6b173;
}

.info-text-p a{
    
    
    
    color: #444752;
    
}

.icon-pad{
    
    
 padding-right: 5px;   
    
}

.copyright {
  text-align: inherit;
  padding-top: 5px;
    text-align: center;
}


.back-to-top{
    
    background-color: #dac47f;
    color: #fff !Important;
    
}

.wwr-img{
    
    max-height: 700px; float: right;
    padding: 80px;
    
}

.form-pad{
    
    
    padding:30px;
    
}

.wwr-bg{
    
 background-image: url(../img/who-we-are-banner.png);
    background-repeat: no-repeat;
    
}

.wwr-bg2{
    
 background-image: none;
    background-repeat: no-repeat;
    
}

.founder-bg{
    
 background-image: url(../img/who-we-are-banner.png);
    background-repeat: no-repeat;
    
}

.left-text{
    
    
    font-size: 20px;
    font-family: 'Futura Now Headline';
    font-weight: normal;
    
}


.mt-5{
        
        margin-top:     0px! important;
        
    }

#hero{
    
    
    height: 90vh;
    
}


.navbar a{
    
    
    
    
}


.right-border{
    
    
    margin-top: -10px;
    color: #999999;
    
}

.h3, h3{
    
    font-size: 2.75rem;
    
}

.wwd-image{
    
    
    width: 400px;
    
}


.blue-strip{
    
 height: 10px; 
    background-color: #313648;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 20px
    
}


.brown-strip{
    
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #c7b173;
    width: 100%;
    margin-bottom: 10px;
    
}

a {
    
    
    color:#2e3347; 
}
#what-we-do-align {
	
}

.desktop-link{
  display: block;
}
.mobile-link {
  display: none;
}

@media (max-width: 768px) {
    
    #what-we-do-align {
	padding-left:10px !Important;
}

.wwd-image{
    
    width: 340px;
    
}
    
    .right-border{
        
        
        display: none;
        
    }
    
    
    #hero .container{
        
        margin-top:0px;
        
    }
    
    .mt-5{
        
        margin-top: 0rem!important;
        
    }


.navbar{
    
    background: none;
    color: #fff;
    border-radius: 0px;
    
}
    
    .mobile-nav-toggle{
        
        
        color: #fff;
        
    }
    
    
    .navbar{
    
height: auto;    
    
}
    
    .navbar-mobile ul{
        
        top: :0px;
        bottom: :0px;
        right: 0px;
        left: 0px;
        
        
    }
    
    .navbar li a{
        
        
        
    }
    
    
    #desktop{
    
    
    display: none;
}

#mobile{
    
    
    display: block;
}
    
    .pt-4{
        
        
        padding-top:0rem !Important;
        
    }
    
    .border{
        
        
        max-width: 52%;
        
    }
    
    .navbar{
        
        
        margin-right:0%;
    }
    
    .navbar li:first-child a{
        
        border-radius: 0 !Important;
        
    }
    
    
    .navbar li:first-child a {
  border-radius: 0 !Important;
}

    
    #hero .container{
        
        margin-top: 0px;

        
    }
    
    .features{
        
        background-image: none !Important;
        background-color: #303648;
        min-height: auto;
        
    }
    
    .our-founder-pad{
    
margin-top: 10%;
        margin-bottom: 10%;  
    
}

    
    .who-pad{
    
 margin-top: 10%;
        margin-bottom: 10%; 
    
}
    
    .contact{
    min-height: auto;
        
    }
    
    .wwr-img{
    
    max-height: 600px; float: right; padding: 0px 0px 20px 0px;
    
}
    
    .form-pad{
    
    
    padding:0px;
    
}
    
    .info-text{
    
   margin-top: 10%;
        
}
    
	.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: -15px;
    margin-left: -15px;
}
    
    
    .mobile-link{
    display: block;
  }
  .desktop-link {
    display: none;
  }
    
    
    
    textarea.form-control{
        
        padding-left: 0px;
        
        
    }
    
    
    .info-text{
        
        margin-left: 0%;
        
        
    }
    
    
    .border3{
    
    

   max-width: 55%;
}
    
    
    .border4{
        
        
        margin-left: 0%;
        
        
        
    
    }
    
    
    .info-text-p{
        
        
        margin-left: 0%;
        
        
    }
    
    
}














