/*Header and sign in buttons*/

header {
    display: flex;
    align-items: center;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 30px;
    text-align: left;
}
.bold {
    font-weight: bold!important;
    color: rgb(57, 57, 57)!important;
    font-size: 30px;
}
body {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.light {
    color: grey;
    font-weight: 300;
    font-size: 30px;
    padding-right: 750px;
}
.logo {
    float: left;
    object-fit: contain;
    padding-left: 24px;
}
.left-options {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 16px;
    color: rgb(111, 111, 111);
}

/*Section 1*/

.section1 {
    background-color: lightgray;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 32px;
    padding-bottom: 32px;
    font-size: 48px;
    font-weight: bold;
    color: rgb(57, 57, 57);
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    display: flex;
    align-items: center;
}
.image {
    margin-right: 48px;
    display: inline!important;
}
.section1-latin {
    font-size: 24px;
    font-weight: 500;
    color: rgb(85, 85, 85);
}
.section1-col {
    flex-direction: column;
    text-align: left;
    padding-right: 200px;
}
.start {
    background-color: rgb(57, 57, 57);
    color: white;
    font-weight: normal;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 24px;
    text-align: center;
}

/*Section 2*/

.section2 {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 32px;
    padding-bottom: 32px;
}
.image2 {
    width: 600;
}
.section2-header {
    font-size: 38px;
    font-weight: bold;
    color: rgb(57, 57, 57);
}
.section2-latin {
    font-size: 20px;
    color: rgb(149, 149, 149);
    margin-right: 40%;
    font-weight: normal!important;
    padding-bottom: 32px;
}
.section2-table, .section2-table-grey {
    display: flex;
    border: 2px solid rgb(194, 194, 194);    
    align-items: center;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
}
.section2-table img {
    padding-right: 20px;
    width: 300px;
}
.tableHead {
    font-size: 25px;
    color: rgb(85, 85, 85);
    font-weight: bold;
}
.tableInfo {
    font-size: 20px;
    color: rgb(149, 149, 149);
    font-weight: 300;
}
.vertical-align-table {
    flex-direction: column;
    padding-bottom: 10px;
}
a {
    color: rgb(82, 166, 255);
}
.section2-table-grey {
    background-color: lightgrey;;
}

/*Section 3*/

.section3-header {
    text-align: center;
    padding-top: 32px;
    padding-bottom: 32px;
    font-size: 40px;
    color: rgb(57, 57, 57);
    font-weight: bolder;
    background-color: rgb(232, 232, 232);
}
.section3-table {
    background-color: rgb(232, 232, 232);
    height: auto;
    width: auto;
    padding-left: 40px;
    padding-right: 72px;
    padding-bottom: 32px;
}
.table3img {
    padding-left: 32px;
    padding-bottom: 32px;
}
.sec3Head {
    padding-top: 16px;
    font-size: 25px;
    color: rgb(85, 85, 85);
    font-weight: bold;
    background-color: white;
}
.sec3Body {
    font-size: 16px;
    color: rgb(194, 194, 194);
    background-color: white;
}
.courses {
    padding-top: 8px;
    padding-bottom: 8px;
}

/*Section 4*/
.thesis {
    text-align: center;
    padding-top: 32px;
    padding-bottom: 32px;
    font-size: 40px;
    color: rgb(57, 57, 57);
    font-weight: bolder;
    display: block;
}
.thesis-video {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
}
.thesis-subheader {
    font-size: 25px;
    color: rgb(85, 85, 85);
    font-weight: bold;
    padding-left: 24px;
    padding-bottom: 8px;
}
.section4-latin {
    font-size: 20px;
    color: rgb(149, 149, 149);
    margin-right: 40%;
    font-weight: normal!important;
    padding-bottom: 32px;
    padding-left: 24px;
}
.section4-table {
    display: flex;   
    align-items: center;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    background-color: rgb(232, 232, 232);
}
.thesis-img1, .thesis-img2 {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
}
.thesis-img1 {
    background-color: rgb(232, 232, 232);
}
.thesis-img-header {
    font-size: 38px;
    font-weight: bold;
    color: rgb(57, 57, 57);
}

/*Footer*/
.footer {
    padding-left: 24px;
    padding-top: 16px;
    border-top: 2px solid lightgray;
    color: rgb(184, 184, 184);
    font-size: 16px;
    display: flex;
    align-items: center;
    text-align: left;
}
.footer-other-side {
    text-align: right;
}