/*ABOUT PAGE*/

/*--------------------------------*/

/*Top Section*/

#topsection {margin: auto; background-image: url("images/toppic1.jpg"); background-position: 50% 50%; background-size: cover; background-color: #072D56;}
#topsection .bodyarea {padding-bottom: 60px; color: #FFF;}
#topsection img {display: block; width: 600px; height: 372px; width: 100%; height: auto; max-width: 600px; margin: auto; text-align: center;}
#topsection .tophead {font-family: 'Archivo', Arial, Helvetica, sans-serif; font-weight: 700; font-size: 3em; line-height: 1.15;}
#topsection .btn {display: table; margin: 30px auto 0 auto;}
#topsection .bodyarea section:last-child {align-self: center;}

@media (min-width: 1306px) {
#topsection .bodyarea section:first-child {width: 49%; margin-right: 30px;}
#topsection .bodyarea section:last-child {width: 51%; margin-left: 30px;}
#topsection .otv {font-size: 1.75em; line-height: 1.4;}
}
@media (max-width: 1305px) and (min-width: 1101px) {
#topsection .bodyarea section:first-child {width: 47%; margin-left: 25px;}
#topsection .bodyarea section:last-child {width: 53%; margin-left: 25px;}
#topsection .otv {font-size: 2.2vw; line-height: 1.4;}
}
@media (min-width: 1101px) {
#topsection {padding-top: 50px;} #topsection .tophead {margin-bottom: 50px;}
#topsection .bodyarea {-webkit-display: flex; display: flex; -webkit-flex-direction: row; flex-direction: row;}
#topsection .otv {margin-top: 50px;}
}
@media (max-width: 1100px) {
#topsection {text-align: center; padding-top: 30px;} #topsection .tophead {margin-bottom: 30px;}
#topsection .otv {font-size: 1.4em; line-height: 1.4; margin: 20px auto 40px auto;}
}
@media (max-width: 480px) {#topsection .tophead {font-size: 11.5vw;}}

/*--------------------------------*/

/*Committed*/

/*#committed {margin: auto; background-image: url("images/toppic1.jpg"); background-position: 50% 25%; background-size: cover;}*/
#committed .bodyarea {-webkit-display: flex; display: flex; padding: 50px 0; justify-content: center; align-items: center;}
#committed img {display: block; width: 760px; height: 438px; width: 100%; height: auto; max-width: 760px; margin: auto;}
#committed section:first-child img {margin-top: 40px; max-width: 450px;} #committed section:last-child img {border-radius: 20px;}
#committed .btn {display: table; margin: auto;}

@media (min-width: 1416px) {
#committed .bodyarea {-webkit-flex-direction: row; flex-direction: row;}
#committed section:first-child {margin-right: 40px; width: 54%;}
#committed section:last-child {margin-left: 40px; width: 55%;}
}
@media (max-width: 1415px) {
#committed .bodyarea {-webkit-flex-direction: column; flex-direction: column;}
#committed section:first-child {-webkit-order: 1; order: 1;}
#committed section:last-child {-webkit-order: 2; order: 2; margin-top: 30px;}
}

/*--------------------------------*/

/*Our Partners*/

/*#ourpartners, #ourpartners * {border: 1px solid red}*/

#ourpartners {padding: 40px 0 25px 0; border-top: 5px solid #FCD302; border-bottom: 5px solid #FCD302;}
#ourpartners table {padding: 20px 0; margin: auto; text-align: center; width: 100%;}
#ourpartners img {display: block; margin: auto; text-align: center;}
#ourpartners th {display: inline-block; vertical-align: middle;}
#ourpartners p {font-size: .8em; line-height: 1.2; color: #AAA; margin-top: 8px; font-weight: 500;}

@media (min-width: 1671px) {#ourpartners th {width: 11%;} #ourpartners th {margin: 8px;}}
@media (max-width: 1670px) {#ourpartners table {max-width: 800px;} #ourpartners th {margin: 12px;}}
@media (max-width: 900px) {#ourpartners table {max-width: 400px;}}
@media (max-width: 450px) {#ourpartners {padding: 20px 0 0 0;} #ourpartners table {padding: 0;} #ourpartners th {display: block; margin: 28px 0;}}

/*--------------------------------*/

/*Your Success*/

#yoursuccess {background-color: #F0F2F4; padding: 40px 0 25px 0;}
#yoursuccess img {display: block; width: 531px; height: 312px; width: 100%; height: auto; max-width: 531px; margin: auto; text-align: center;}
#yoursuccess .btn {display: table; margin: 30px auto 0 auto;}

@media (min-width: 1151px) {
#yoursuccess .bodyarea {display: table;}
#yoursuccess section {display: table-cell; vertical-align: middle;}
#yoursuccess section:first-child {padding-right: 15px; width: 45%;} #yoursuccess section:last-child {padding-left: 15px; width: 55%;}
#yoursuccess section:last-child .btn {display: none;}
}
@media (max-width: 1150px) {
#yoursuccess section {display: block;}
#yoursuccess section:first-child {margin-bottom: 30px; text-align: center;}
#yoursuccess section img {margin: auto;}
#yoursuccess section:first-child .btn {display: none;} #yoursuccess section:last-child .btn {display: table; margin: 35px auto 0 auto;}
}