/********************** Top Banner Div***********************/

.banner-container{
    position: relative;
    background-color: #FFE169;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 3%;
    z-index: 1;
}

.about-logo{
    width: 45%;
    height: auto;
    z-index: 10;
}

.paw-logo{
    position: absolute;
    width: 20%;
    height: auto;
    top: 64%;
    right: 23%;
    z-index: -1;
}

/********************** About Video Div***********************/


.video-container{
    position: relative;
    background-color: #6699FF;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 5% 8%;
}

.about-video{
    width: 60%;
    height: auto;
}

.about-dog{
    position: absolute;
    width: 16%;
    height: auto;
    right: 67%;
    bottom: 2%;
}

/********************** About Img Div***********************/

.about-container{
    background-color: #FFEC76;
    padding: 1.5rem 3rem;
}

.about-container h2{
    color: #FF7213;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 1.5rem;
}


.about-img{
    width: 50%;
    border: .5rem solid white;
    border-radius: 100%;
    margin-bottom: .5rem;
}

.about-components{
    text-align: center;
    padding: .5rem
}

.about-text p{
    margin-bottom: 0;
    color: #FF7213;
}



/********************** Shape America Standards Div***********************/

.sa-standards-container{
    background-color: #FFCD69;
    padding: 2% 6%;
}

.sa-standards-container h2{
    color: #FF7213;
    font-size: 2rem;
    text-align: center;
}

.sa-standards-container p{
    width: 80%;
    margin: 25px auto;
    max-width: 690px;
}

#standard-one{
    border: 5px solid red;
    border-radius: 10px;
    color: red;
    background-color: #FFD4CD;
    font-size: 1.5rem;
    margin-top: 2.5rem;
}

#standard-two{
    border: 5px solid #3399FF;
    border-radius: 10px;
    color: #3399FF;
    background-color: #BFDAFF;
    font-size: 1.5rem;
}

#standard-three{
    border: 5px solid #FF6600;
    border-radius: 10px;
    color: #FF6600;
    background-color: #FFDBA8;
    font-size: 1.5rem;
}

#standard-four{
    border: 5px solid #009933;
    border-radius: 10px;
    color: #009933;
    background-color: #CAF5BE;
    font-size: 1.5rem;
}

#standard-five{
    border: 5px solid #CC0099;
    border-radius: 10px;
    color: #CC0099;
    background-color: #FFDAF3;
    font-size: 1.5rem;
}

/********************** About Developer Div***********************/

.developer-container{
    background-color: #FFB248;
    padding: 1.5rem 3rem;
    text-align: center;
}

.developer-container h2{
    color: #FF7213;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 1rem;
}

.profile-img{
    border: .5rem solid white;
    border-radius: 100%;
    width: 20%;
    margin-bottom: 1.5rem;
}

.developer-bio{
    color: white;
}