/** ABOUT PAGE ----------------------------------**/
.about-page
{
    background-color: white;
    width: 100%;
    padding-bottom: 50px;
}

.about-page .row
{
    margin-left: 20px;
    margin-right: 20px;
}

.about-page h1 
{
    font-size: 130%;
    line-height: 100%;
    font-weight: 400;
    color: var(--darkgray);
    padding-bottom: 20px;
}

.about-page h3
{
    color: #dba307;
    font-weight: 300;
    font-size: 80%;
}

.about-page span
{
    text-align: center;
}

.about-page p
{
    color: var(--darkgray);
    line-height: 20px;
    font-weight: 200;
    font-size: 80%;
}

.about-section2
{
    background-color:#f2f6fa;
    width: 100%;
    padding-bottom: 50px;
}

.about-section2 .row
{
    margin-left: 30px;
    margin-right: 20px;
}

.about-section2 h1 
{
    font-size: 130%;
    line-height: 100%;
    font-weight: 400;
    color: var(--darkgray);
    padding-bottom: 20px;
}

.about-section2 p
{
    color: var(--darkgray);
    line-height: 20px;
    font-weight: 200;
    font-size: 80%;
}

.about-section2 img
{
    width: 100%;
}

.about-last-sec
{
    background-color: white;
    width: 100%;
    padding-bottom: 50px;
    text-align: center;
}
.about-last-sec .row
{
    margin-left: 30px;
    margin-right: 20px;
}
.about-last-sec h1 
{
    font-size: 130%;
    line-height: 100%;
    font-weight: 400;
    color: var(--darkgray);
    padding-bottom: 20px;
}
.about-last-sec p
{
    color: var(--darkgray);
    line-height: 20px;
    font-weight: 200;
    font-size: 80%;
}
.about-last-sec img
{
    width: 80%;
    margin-top: 30px;
}


/** CONTACT PAGE ----------------------------------**/
.contact
{
    background-color: white;
    width: 100%;
    padding-bottom: 50px;
    text-align: center;
}
.contact .row
{
    margin-left: 200px;
    margin-right: 200px;
}

.contact h1 
{
    font-size: 130%;
    line-height: 100%;
    font-weight: 400;
    color: var(--darkgray);
    padding-bottom: 5px;
}
.contact h3
{
    color: #dba307;
    font-weight: 300;
    font-size: 80%;
}
.contact ul 
{
  border-left: 3px solid #F99B1C;
  height: auto;
}

.contact p
{
    color: var(--darkgray);
    line-height: 20px;
    font-weight: 200;
    font-size: 80%;
    text-align: left;
}
.contact-button 
{
    background-color: var(--orange);
    border-color:var(--orange);
    color: #fff;
}
.contact-button:hover 
{
    background-color: var(--gray);
    border-color:var(--gray);
    color: #fff;
}

form
{
    height: auto;
    margin-top: 80px;
}

.form-control::placeholder 
{
    color: #6c757d;
    opacity:1;
    line-height: 20px;
    font-weight: 200;
    font-size: 80%;
}

/** MEDIA QUERIES **/
@media screen and (max-width: 900px ) {
 
.contact .row{
    margin-left: 50px;
    margin-right: 50px;
  }
}