body {
    position: relative;
    width: 100%;
}

.btn-warning {
    margin-top: 10px;
    color: white !important;
}

#hrBreak {
    color: inherit;
    font-family: 'Quicksand', sans-serif;
    margin-left: 77px;
    font-weight: 700;
    font-size: 44px;
}


/*NAVBAR STYLES*/

body > nav > div > div.navbar-header > a {
    padding-top: 15px;
    color: white;
}

#navbar > ul:nth-child(1) > li > a {
    color: white;
}

#navbar > ul:nth-child(1) > li > a:active {
    color: black;
}

body > nav {
    color: white;
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: 'Rammetto One', sans-serif;
    background-color: #C6AC91 !important;
    /*border-color: #C6AC91 !important;*/
    border: 0px !important;
}

body > div.container > div:nth-child(1) {
    height: 40px !important;
}

#navbar > ul:nth-child(1) > li.active > a {
    background-color: ivory !important;
    color: #777 !important;
}

#navbar > ul {
    margin-right: 21px;
}

#navbar > ul > button {
    background-color: #d8c46f !important;
    border: 1px #d8c46f solid;
    color: white;
    margin-top: 8px;
    text-decoration: none;
}

#navbar > ul > button a {
    color: white;
    text-decoration: none !important;
}

#navbar > ul > button:hover {
    background-color: #DEB887 !important;
    text-decoration: none !important;
    border-color: #DEB887 !important;
}

.navbar-default .navbar-nav li a:hover {
    color: antiquewhite !important;
    text-decoration: none !important;
}

.navbar-default .navbar-nav li .active a {
    background-color: #746165;
    color: #fff;
}


/*JUMBROTRON STYLES*/

.jumbotron h1 {
    text-align: center;
    font-family: 'Rammetto One', sans-serif;
    font-weight: 700;
    color: inherit;
    padding-left: 10px;
}


.jumbotron {
    margin: 0 auto;
    position: relative;
    background: #000 url("../animal-brown-horse.jpg") 50% 0 repeat fixed;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
}

body > div > div {
    height: 700px;
}

h1 {
    font-weight: 700;
    /*font-size: 2em;*/
}

.content {
    padding-top: 5%;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
}


/*PATH STYLES*/

#bigTriangleColor {
    margin-bottom: -10px;
    height: 200px;
   
}

body > div.container.pathContainer > div > div {
    height: 200px;
    margin-bottom: -10px;
}

body > div:nth-child(3) > div > div {
    margin-bottom: -10px;
    margin-left: 0;
}

.pathContainer {
    padding: 0;
    margin: 0;
    width: 100%;
}




/*ABOUT US STYLES*/

.aboutUs {
    margin: 0;
    width: 100%;
    /*height: 460px;*/
    height: 100%;
    background-color: #8DA062;
    padding: 40px;
}

.aboutUs p {
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 30px;
}

.aboutUs p:nth-child(1) {
    padding-top: 60px;
}

#learyImg {
    margin-top: 40px;
    -ms-transform: rotate(-7deg);
    /* IE 9 */
    -webkit-transform: rotate(-7deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
    width: 400px;
    height: 300px;
}

body > div.container.aboutUs > div > div > span > h1 {
    color: inherit;
    /*font-family: 'Quicksand', sans-serif;*/
    font-family: 'Rammetto One', sans-serif;
    margin-left: 77px;
    font-weight: 700;
    font-size: 2em;
}


/*SERVICES STYLES*/

.services {
    margin: 0;
    width: 100%;
    line-height: 30px;
    font-size: 16px;
    /*height: 316px;*/
    height: 100%;
    color: inherit;
    font-family: 'Open Sans', sans-serif;
    /*border: solid 3px red;*/
}

.sIcon{
    /*border: solid 3px blue;*/
}

body > div.container.services > div > div > span.fa-stack.fa-lg {
    margin-left: 91px;
}

body > div.container.services > div > div > span > h1 {
    color: inherit;
    font-family: 'Rammetto One', sans-serif;
    margin-left: 77px;
    font-weight: 700;
    font-size: 2em;
}

body > div.container.services > div > div > i {
    font-size: 300px;
    margin-top: -11px;
    margin-left: 73px;
}

body > div.container.services > div > div {
    margin-top: 36px;
}

body > div.container.services > div > div > p {
    /*border: green 1px solid;*/
    margin-left: 0;
}

body > div.container.services > div > div > span > i.fa.fa-circle.fa-stack-2x {
    color: #d8c46f;
    font-size: 316px;
}

body > div.container.services > div > div > span > i.fa.fa-medkit.fa-stack-1x {
    color: white;
    font-size: 200px;
    margin-top: 127px;
    margin-left: 33px;
}



/*



==============================================
slideRight
==============================================
*/


.slideRight{
    animation-name: slideRight;
    -webkit-animation-name: slideRight; 

    animation-duration: 1s; 
    -webkit-animation-duration: 1s;

    animation-timing-function: ease-in-out; 
    -webkit-animation-timing-function: ease-in-out;     

    visibility: visible !important; 
}

@keyframes slideRight {
    0% {
        transform: translateX(-350%);
    }
    50%{
        transform: translateX(8%);
    }
    65%{
        transform: translateX(-4%);
    }
    80%{
        transform: translateX(4%);
    }
    95%{
        transform: translateX(-2%);
    }           
    100% {
        transform: translateX(0%);
    }   
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: translateX(-350%);
    }
    50%{
        -webkit-transform: translateX(8%);
    }
    65%{
        -webkit-transform: translateX(-4%);
    }
    80%{
        -webkit-transform: translateX(4%);
    }
    95%{
        -webkit-transform: translateX(-2%);
    }           
    100% {
        -webkit-transform: translateX(0%);
    }
}




/*

==============================================
pullUp
==============================================
*/

.pullUp{
    animation-name: pullUp;
    -webkit-animation-name: pullUp; 

    animation-duration: 1.1s;   
    -webkit-animation-duration: 1.1s;

    animation-timing-function: ease-out;    
    -webkit-animation-timing-function: ease-out;    

    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%; 

     visibility: visible !important;           
}

@keyframes pullUp {
    0% {
        transform: scaleY(0.1);
    }
    40% {
        transform: scaleY(1.02);
    }
    60% {
        transform: scaleY(0.98);
    }
    80% {
        transform: scaleY(1.01);
    }
    100% {
        transform: scaleY(0.98);
    }               
    80% {
        transform: scaleY(1.01);
    }
    100% {
        transform: scaleY(1);
    }                           
}

@-webkit-keyframes pullUp {
    0% {
        -webkit-transform: scaleY(0.1);
    }
    40% {
        -webkit-transform: scaleY(1.02);
    }
    60% {
        -webkit-transform: scaleY(0.98);
    }
    80% {
        -webkit-transform: scaleY(1.01);
    }
    100% {
        -webkit-transform: scaleY(0.98);
    }               
    80% {
        -webkit-transform: scaleY(1.01);
    }
    100% {
        -webkit-transform: scaleY(1);
    }       
}

#bigTriangleColor > .firstTri{
    visibility: hidden;
}

#bigTriangleColor > .secondTri{
    visibility: hidden;
}

/*
==============================================
pullDown
==============================================
*/

.pullDown{
    animation-name: pullDown;
    -webkit-animation-name: pullDown;   

    animation-duration: 1.1s;   
    -webkit-animation-duration: 1.1s;

    animation-timing-function: ease-out;    
    -webkit-animation-timing-function: ease-out;    

    transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;

    visibility: visible !important;       
}

@keyframes pullDown {
    0% {
        transform: scaleY(0.1);
    }
    40% {
        transform: scaleY(1.02);
    }
    60% {
        transform: scaleY(0.98);
    }
    80% {
        transform: scaleY(1.01);
    }
    100% {
        transform: scaleY(0.98);
    }               
    80% {
        transform: scaleY(1.01);
    }
    100% {
        transform: scaleY(1);
    }                           
}

@-webkit-keyframes pullDown {
    0% {
        -webkit-transform: scaleY(0.1);
    }
    40% {
        -webkit-transform: scaleY(1.02);
    }
    60% {
        -webkit-transform: scaleY(0.98);
    }
    80% {
        -webkit-transform: scaleY(1.01);
    }
    100% {
        -webkit-transform: scaleY(0.98);
    }               
    80% {
        -webkit-transform: scaleY(1.01);
    }
    100% {
        -webkit-transform: scaleY(1);
    }       
}





/*TESTIMONIALS STYLES*/

body > div.container.testimonials > div > div > span > h1 {
    color: inherit;
    /*font-family: 'Quicksand', sans-serif;*/
    font-family: 'Rammetto One', sans-serif;
    margin-left: 287px;
    font-weight: 700;
    font-size: 2em;
}

.roundImg {
    /*width: 75%;*/
    width: 59%;
    border-radius: 50%;
    display: inline-block;
    
}

body > div.container.testimonials > div > div > p {
    color: white;
    margin-left: 205px;
     width: 40%;
}

body > div.container.testimonials > div > div > ul > li.one {
    display: inline-block;
    /* width:20%;*/
    /*margin: 5% auto;*/
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    padding: 4em 2em 2em 2em;
    line-height: 1.5em;
    background: hsla(30, 15%, 46%, 1);
}

body > div.container.testimonials > div > div > ul > li > h3 {
    font-family: 'Open Sans', cursive;
    text-align: center;
    font-weight: 700;
    color: white;
    font-size: 2em;
}

.testimonials {
    margin: 0;
    width: 100%;
    line-height: 30px;
    font-size: 16px;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    background-color: #877563;
    padding: 40px;
}



.testMsg {
    font-family: 'Schoolbell', sans-serif;
    font-size: 1em;
    color: white;
    line-height: 33px;
}

ul li {
    list-style: none;
}

.one {
   /* border: solid 5px hsla(67, 95%, 95%, 1);*/
}

span .roundImg {
    float: right;
    margin-top: 0;
}


/*CONTACT STYLES*/

.contact {
    margin: 0;
    width: 100%;
    line-height: 30px;
    font-size: 16px;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    /*font-family: 'Rammetto One', sans-serif;*/
    background-color: #C6AC91;
    padding: 40px;
}

body > div.container.contact > div > div > a {
    color: inherit;
    text-decoration: none;
}

.copywrite {
    font-size: 12px;
    padding-top: 30px;
}

.copywrite {
    color: white;
}

.copywrite a {
    color: white;
    text-decoration: none;
}

.container.websiteCopy {
    margin: 0;
    width: 100%;
    background-color: #3b332b;
}

body > div.container.websiteCopy > div > div {
    margin-top: -13px;
}

body > div.container.contact > div {
    margin-left: 58px;
}


/*MEDIA QUERIES*/

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .jumbotron h1 {
        width: 314px;
        margin-top: 494px;
        margin-left: -1px;
    }
    .jumbotron {
     background: #000 url("../animal-brown-horse.jpg");
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
   
}
#learyImg{
height: 90%;
width: 90%;

}

     body > div.container.services > div > div.col-lg-4.col-sm-6.col-xs-12 {
        height: 436%;
    }
    body > div.container.services > div > div.col-lg-4.col-sm-6.col-xs-12 > span > i.fa.fa-circle.fa-stack-2x {
        font-size: 225px;
    }
    body > div.container.services > div > div.col-lg-4.col-sm-6.col-xs-12 > span > i.fa.fa-medkit.fa-stack-1x {
        font-size: 127px;
        margin-top: 94px;
        /*margin-left: 33px;*/
    }

body > div.container.services > div > div > span > i.fa.fa-circle.fa-stack-2x {
    color: #d8c46f;
    font-size: 316px;
}

body > div.container.services > div > div > span > i.fa.fa-medkit.fa-stack-1x {
    color: white;
    font-size: 200px;
    margin-top: 127px;


}


body > div.container.services > div > div:nth-child(2) > span > h1{
    margin-top: 229px;
}

body > div.container.services > div > div.col-sm-4.col-xs-12.sIcon > span{
    margin-left:39px;
}

    body > div.container.testimonials > div > div > span > h1 {
        font-size: 1.7em;
        margin-left: 0;
    }
    body > div.container.testimonials > div > div > p {
        margin-left: 0;
    }
    .contact {
        font-size: 13px;
        padding: 15px;
        text-align: left;
    }
    #contact > div {
        margin-left: 4px;
    }

      #services > div > div {
        margin-top: -1px;
    }

    body > div.container.testimonials > div > div > p {
        width: inherit;
    }

    .roundImg{
        width: 100%;
    }

    body > div.container.testimonials > div > div {
        margin-left: -15px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .jumbotron {
    background: #000 url("../animal-brown-horse.jpg");
     background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
   
}
    body > div.container.services > div > div.col-lg-4.col-sm-6.col-xs-12 {
        height: 500%;
    }
    body > div.container.services > div > div.col-lg-8.col-sm-6.col-xs-12 > span > h1 {
        margin-left: 382px;
        margin-top: 14px;
    }
    #services > div > div {
        margin-top: -1px;
    }
    #home > div > div.col-lg-5.col-xs-12 > div > h1 {
        width: 100px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .jumbotron {
    background: #000 url("../animal-brown-horse.jpg");
     background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
   
}
    #home > div > div.col-lg-5.col-xs-12 > div > h1 {
        width: 100px;
        font-size: 44px;
        margin-top: 0px;
    }
    #about > div > div {
        margin-top: -1px;
    }
    #services > div > div {
        margin-top: -1px;
    }
    #testimonials > div > div {
        margin-top: -1px;
    }
    #navbar > ul {
        padding-right: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1999px) {
    #home > div > div.col-lg-5.col-xs-12 > div > h1 {
        /*width: 100px;*/
        font-size: 60px;
        margin-top: -8px;
    }
    #navbar > ul {
        padding-right: 30px;
    }
    body > div.container.services > div > div.col-lg-8.col-sm-6.col-xs-12 {
        margin-left: -68px;
    }
    #about > div > div {
        margin-top: -1px;
    }
    #services > div > div {
        margin-top: -1px;
    }
    body > div.container.testimonials {
        margin-top: -1px;
    }
}