@font-face {
   font-family: 'Dax';
   src: url(/css/DaxWeb.woff);
}

* {
   font-family: Dax;
}

/*No-Borders*/
* {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.bg-green {
    background-color: rgba(150,177,23,0.53);
}

.font-size-7 {
	font-size: 5rem;
}
.font-size-6 {
	font-size: 4rem;
}
.font-size-5 {
	font-size: 3rem;
}
.font-size-4 {
	font-size: 2rem;
}
.font-size-3 {
	font-size: 1rem;
}
.font-size-2 {
	font-size: 0.8rem;
}

.navbar-nav > li > a {
    padding-top: 17px !important;
    padding-bottom: 18px !important;
	font-size: 16px;
}

.navbar li a:hover {
	background-color:#97be0d !important;
	font-size: 16px;

	color:#fff !important;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
  /* ...and now for the proper property */
	transition:.5s;
}

@media only screen and (max-width : 768px) {
       .navbar-collapse li a { 
        padding:15px; 
        }

       .navbar-nav > li > a {
        padding-top:10px !important;
        padding-bottom:10px !important;
       }
}
<!-- #96b12280 -->

/* /// Layout // */

.homeicon {
    background-image: url(/images/home-icon-b.png);
    background-repeat:no-repeat;
    color:#fff;
    width:16px;
    height:20px;
}
.homeiconactive {
    background-image: url(/images/home-icon-b.png);
    background-repeat:no-repeat;
    color:#fff;
    width:16px;
    height:24px;
}
.homeicon:hover {
        background-image: url(/images/home-icon-b.png);
        background-repeat:no-repeat;
        color:#6191D9;
        width:16px;
        height:20px;
    }
	

.caption-right {
    color: black;
    text-align: left;
    width: 38vw;
    right: 0;
    top: 0;
    xtransform: translateY(-50%);
    xbottom: initial;
	background: rgba(0,0,0,0);
    /* background: rgba(199,214,132,0.45); */
    padding: 5vw 2vw;
    height: 100%;
    left: auto; /*Added*/
	z-index: 0;
}

/* Use the "vw" unit when sizing the text. 10vw will set the size to 10% of the viewport width. */

.caption-right > h1 {
	font-size: 3vw;
	margin: 2.7vw 0vw;
}
.caption-right > h2 {
	font-size: 1.4vw;
}
.caption-right > h3 {
	font-size: 0.8vw;
}
.item-left > img {
	width: 60vw;
}

.caption-small > h1 {
	font-size: 1.4rem;
	margin: 2.7vw 0vw;
}
.caption-small > h2 {
	font-size: 1rem;
}
.caption-small > h3 {
	font-size: 0.8vw;
}

.perle-footer a {
	color: black;
	text-decoration: none;
}

.perle-footer a:hover {
	color: black;
	text-decoration: underline;
}

.perle-nav-dropdown {
	margin-top: 0;
	border: 0;
}