@media (min-width: 320px) {
    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: -10px;
        top: 0px;
        height: 70px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 19.25pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -22px;
        height: 150px;
        width: 260px;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 50px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
        width: 100%;
        padding-right: 96px;
        padding-bottom: 10px;
        background-color: rgb(255, 255, 255);
    }

    .logo {
        display: inline-block;
        margin-top: 10px;
        margin-left: 0px;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 10px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    .web {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 290px;
        left: 4px;
        width: 295px;
        height: 145px;
        background-color: #4472C4;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 20px;
        left: 20px;
        font-size: 32pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 315px;
        left: 10px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }

    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box2a p{
        position:relative;
        top: 315px;
        left: 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        line-height: 1.5;
        text-align: left;
        color: #262626;
        width: 263px;
    }

    #container {
        position: relative;
        top: 150px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 390px;
    }

    #box3{
        width: 390px;
    }

    #box3a {
        position: relative;
        top: 165px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 245px;
        height: 135px;
    }

    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box3b p{
        position: relative;
        top: 165px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 263px;
    }

    #box4{
        width: 370px;
        position: relative;
        top: 1330px;
        left: -365px;
        width: 350px;
    }

    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 245px;
        height: 135px;
    }

    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 13px;
        width: 262px;
    }

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 1481px;
        left: -8px;
        height: 3093px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position:relative;
        top: 23px;
        left: 10px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 260px;
        height: 100px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        height: 2015px;
        width: 287px;
        position: absolute;
        top: 155px;
        left: 16px;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 20px;
        line-height: 1.5;
        width: 280px;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 45px;
        flex-wrap: wrap;
        position: relative;
        height: 900px;
        top: 180px;
        left: 23px;
        width: 91.3%;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box6 {
        position:relative;
        top: 1189px;
        left: 10px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 290px;
        height: 95px;  
    }

    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box6a{
        background-color: #ffffff;
        height: 750px;
        width: 287px;
        position: absolute;
        top: 2320px;
        left: 16px;
        border-radius: 10px;
    }

    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 20px;
        line-height: 1.5;
        width: 260px;
    }

    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        flex-wrap: wrap;
        position: relative;
        left: -35px;
        width: 370px;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 1350px;
        gap: 20px;
    }

    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box7 {
        position:relative;
        top: 1503px;
        left: 10px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 273px;
        height: 260px;  
    }

    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #container2{
        position: relative;
        top: 965px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 303px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 41px;
        line-height: 1.5;
        width: 262px;
    }

    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 277px;
        height: 775px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #containerthumbnails img{
        width: 240px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 7px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 2570px;
        left: -407px;
        width: 355px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 262px;
    }

    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 277px;
        height: 775px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #menuthumbnails img{
        width: 240px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 7px;
        border-radius: 3px;
    }

    #container3{
        position: relative;
        top: 5370px;
        left: 0px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box10 {
        position:relative;
        top: 3px;
        left: -20px;
        width: 100%;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 41px;
        line-height: 1.5;
        width: 262px;
    }

    #welcomethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 277px;
        height: 775px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #welcomethumbnails img{
        width: 240px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 7px;
        border-radius: 3px;
    }

    #box11 {
        position:relative;
        top: 1390px;
        left: -397px;
        width: 100%;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 41px;
        line-height: 1.5;
        width: 262px;
    }

    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 277px;
        height: 775px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #jobaidthumbnails img{
        width: 240px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 7px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 8030px;
        left: 17px;
        display: flex; 
        gap: 100px;
        width: 97%;
    }

    #box12 {
        position:relative;
        top: -3px;
        left: -37px;
        height: 50px; 
        width: 90%; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 262px;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 277px;
        height: 775px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #quizthumbnails img{
        width: 240px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 7px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 9455px;
        left: 10px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 275px;
        height: 297px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 85%;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 39px;
        line-height: 1.5;
        width: 261px;
    }

    #container5{
        position: relative;
        top: 10065px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 198%;
    }

    #box14 {
        position:relative;
        top: -600px;
        left: -5px;
        width: 303px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -23px;
        left: 6px;
        line-height: 1.5;
        width: 262px;
    }

    #timelinethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 277px;
        height: 775px;
        padding-bottom: 20px;
        position: relative;
        top: -10px;
        left: -2px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #timelinethumbnails img{
        width: 240px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 7px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 1190px;
        left: -383px;
        width: 303px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -23px;
        left: 7px;
        line-height: 1.5;
        width: 261px;
    }

    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 277px;
        height: 1580px;
        position: relative;
        top: -20px;
        left: -1px;
        padding-bottom: 20px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #contentthumbnails img{
        width: 240px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 7px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 13325px;
        left: -9px;
    }

    #photocreditleft {
        position: relative;
        top: 100px;
        width: 100px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        position: relative;
        top: 117px;
        width: 140px; 
        left: 50px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 13470px;
        left: -8px;
        width: 360px;
        height: 245px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 300px;
        background-color: #ffffff;
        height: 222px;
        border-radius: 15px;
        top: 12px;
        left: -30px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 75%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 290px;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 13475px;
        width: 101.5%; 
        left: -10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
        width: 300px;
        position: relative;
        left: 2px
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 360px) {
    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: -17px;
        top: 0px;
        height: 70px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -42px;
        height: 150px;
        width: 375px;
        padding-top: -10px;
        padding-right: 40px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 50px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
        width: 100%;
        padding-right: 96px;
        padding-bottom: 10px;
        background-color: rgb(255, 255, 255);
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 220px;
        left: 4px;
        width: 98%;
        height: 155px;
        background-color: #4472C4;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 20px;
        left: 20px;
        font-size: 37pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 245px;
        left: 10px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }

    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box2a p{
        position:relative;
        top: 245px;
        left: 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        line-height: 1.5;
        text-align: left;
        color: #262626;
        width: 303px;
    }

    #container {
        position: relative;
        top: 105px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 390px;
    }

    #box3{
        width: 390px;
    }

    #box3a {
        position: relative;
        top: 140px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 245px;
        height: 135px;
    }

    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box3b p{
        position: relative;
        top: 140px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 303px;
    }

    #box4{
        width: 370px;
        position: relative;
        top: 1195px;
        left: -403px;
        width: 350px;
    }

    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 245px;
        height: 135px;
    }

    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 10px;
        width: 303px;
    }

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 1315px;
        left: -8px;
        height: 3045px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position:relative;
        top: 23px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 260px;
        height: 100px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        height: 2015px;
        width: 328px;
        position: absolute;
        top: 150px;
        left: 16px;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width: 280px;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 45px;
        flex-wrap: wrap;
        position: relative;
        height: 900px;
        top: 180px;
        left: 23px;
        width: 91.3%;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box6 {
        position:relative;
        top: 1185px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 290px;
        height: 95px;  
    }

    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box6a{
        background-color: #ffffff;
        height: 700px;
        width: 328px;
        position: absolute;
        top: 2320px;
        left: 16px;
        border-radius: 10px;
    }

    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        width: 280px;
    }

    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        flex-wrap: wrap;
        position: relative;
        left: -15px;
        width: 370px;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 1300px;
        gap: 20px;
    }

    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box7 {
        position:relative;
        top: 1337px;
        left: 3px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 330px;
        height: 180px;  
    }

    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #container2{
        position: relative;
        top: 790px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 303px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 317px;
        height: 885px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #containerthumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 13px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 2490px;
        left: -433px;
        width: 355px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 303px;
    }

    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 317px;
        height: 885px;
        position: relative;
        top: 75px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #menuthumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 0px;
        top: 0px;
        border-radius: 3px;
    }

    #container3{
        position: relative;
        top: 5120px;
        left: 0px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box10 {
        position:relative;
        top: -5px;
        left: -20px;
        width: 100%;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 303px;
    }

    #welcomethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 317px;
        height: 885px;
        position: relative;
        top: 85px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #welcomethumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 0px;
        top: 0px;
        border-radius: 3px;
    }

    #box11 {
        position:relative;
        top: 1465px;
        left: -437px;
        width: 100%;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 303px;
    }

    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 317px;
        height: 925px;
        position: relative;
        top: 80px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #jobaidthumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 0px;
        top: 3px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 7925px;
        left: 17px;
        display: flex; 
        gap: 100px;
        width: 97%;
    }

    #box12 {
        position:relative;
        top: -3px;
        left: -37px;
        height: 50px; 
        width: 90%; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 303px;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 317px;
        height: 925px;
        position: relative;
        top: 80px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #quizthumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 0px;
        top: 0px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 9420px;
        left: 10px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 285px;
        height: 255px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 85%;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #container5{
        position: relative;
        top: 10035px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 198%;
    }

    #box14 {
        position:relative;
        top: -600px;
        left: -5px;
        width: 303px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
    }

    #timelinethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 317px;
        height: 920px;
        position: relative;
        left: 0px;
        top: -13px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #timelinethumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 0px;
        top: 3px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 1175px;
        left: -410px;
        width: 303px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
    }

    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 317px;
        height: 1750px;
        position: relative;
        top: -10px;
        left: 0px;
        padding-bottom: 20px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #contentthumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 0px;
        top: 11px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 13380px;
        left: -21px;
    }

    #photocreditleft {
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        position: relative;
        top: 117px;
        width: 37%; 
        left: 30px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 13525px;
        left: -8px;
        width: 360px;
        height: 270px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 85%;
        background-color: #ffffff;
        height: 215px;
        border-radius: 15px;
        top: 27px;
        left: -10px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 75%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 290px;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 13530px;
        width: 101.5%; 
        left: -10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
        width: 300px;
        position: relative;
        left: 22px
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 375px) {
    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: -10px;
        top: 0px;
        height: 70px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -42px;
        height: 150px;
        width: 375px;
        padding-top: -10px;
        padding-right: 40px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 50px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
        width: 100%;
        padding-right: 96px;
        padding-bottom: 10px;
        background-color: rgb(255, 255, 255);
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 220px;
        left: 4px;
        width: 98%;
        height: 155px;
        background-color: #4472C4;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 20px;
        left: 20px;
        font-size: 37pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 245px;
        left: 10px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }

    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box2a p{
        position:relative;
        top: 245px;
        left: 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        line-height: 1.5;
        text-align: left;
        color: #262626;
        width: 318px;
    }

    #container {
        position: relative;
        top: 105px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 390px;
    }

    #box3{
        width: 390px;
    }

    #box3a {
        position: relative;
        top: 140px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 245px;
        height: 135px;
    }

    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box3b p{
        position: relative;
        top: 140px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 318px;
    }

    #box4{
        width: 370px;
        position: relative;
        top: 1145px;
        left: -413px;
        width: 350px;
    }

    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 245px;
        height: 135px;
    }

    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 5px;
        width: 318px;
    }

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 1265px;
        left: -8px;
        height: 3045px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position:relative;
        top: 23px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 260px;
        height: 100px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        height: 2015px;
        width: 343px;
        position: absolute;
        top: 150px;
        left: 16px;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width: 280px;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 45px;
        flex-wrap: wrap;
        position: relative;
        height: 900px;
        top: 180px;
        left: 24px;
        width: 91.3%;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box6 {
        position:relative;
        top: 1185px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 290px;
        height: 95px;  
    }

    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box6a{
        background-color: #ffffff;
        height: 700px;
        width: 343px;
        position: absolute;
        top: 2320px;
        left: 16px;
        border-radius: 10px;
    }

    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        width: 280px;
    }

    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        flex-wrap: wrap;
        position: relative;
        left: -7px;
        width: 370px;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 1300px;
        gap: 20px;
    }

    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box7 {
        position:relative;
        top: 1287px;
        left: 10px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 330px;
        height: 180px;  
    }

    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #container2{
        position: relative;
        top: 740px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 318px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 317px;
        height: 882px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 41px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #containerthumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 10px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 2465px;
        left: -447px;
        width: 355px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 318px;
    }

    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 318px;
    }

    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 317px;
        height: 882px;
        position: relative;
        top: 75px;
        left: 41px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #menuthumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 0px;
        border-radius: 3px;
    }

    #container3{
        position: relative;
        top: 4970px;
        left: 0px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box10 {
        position:relative;
        top: -5px;
        left: -20px;
        width: 100%;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 318px;
    }

    #welcomethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 317px;
        height: 885px;
        position: relative;
        top: 85px;
        left: 41px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #welcomethumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 0px;
        border-radius: 3px;
    }

    #box11 {
        position:relative;
        top: 1442px;
        left: -438px;
        width: 100%;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 355px;
    }

    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 318px;
    }

    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 317px;
        height: 925px;
        position: relative;
        top: 80px;
        left: 41px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #jobaidthumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 3px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 7715px;
        left: 17px;
        display: flex; 
        gap: 100px;
        width: 97%;
    }

    #box12 {
        position:relative;
        top: -3px;
        left: -37px;
        height: 50px; 
        width: 90%; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 318px;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 317px;
        height: 925px;
        position: relative;
        top: 80px;
        left: 41px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #quizthumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 0px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 9185px;
        left: 10px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 285px;
        height: 255px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 85%;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 318px;
    }

    #container5{
        position: relative;
        top: 9800px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 198%;
    }

    #box14 {
        position:relative;
        top: -600px;
        left: -5px;
        width: 303px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 318px;
    }

    #timelinethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 317px;
        height: 920px;
        position: relative;
        left: 6px;
        top: -13px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #timelinethumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 3px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 1120px;
        left: -410px;
        width: 303px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 318px;
    }

    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 317px;
        height: 1790px;
        position: relative;
        top: -20px;
        left: 8px;
        padding-bottom: 20px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #contentthumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 11px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 13090px;
        left: -10px;
    }

    #photocreditleft {
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        position: relative;
        top: 117px;
        width: 30%; 
        left: 30px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 13238px;
        left: -8px;
        width: 375px;
        height: 247px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 85%;
        background-color: #ffffff;
        height: 192px;
        border-radius: 15px;
        top: 27px;
        left: -10px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 90%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 290px;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 13242px;
        width: 101.5%; 
        left: -10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
        width: 300px;
        position: relative;
        left: 22px
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 384px) {
    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: -10px;
        top: 0px;
        height: 70px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -32px;
        height: 150px;
        width: 375px;
        padding-top: -10px;
        padding-right: 40px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 50px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
        width: 100%;
        padding-right: 96px;
        padding-bottom: 10px;
        background-color: rgb(255, 255, 255);
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 220px;
        left: 4px;
        width: 97.7%;
        height: 155px;
        background-color: #4472C4;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 20px;
        left: 20px;
        font-size: 37pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 245px;
        left: 10px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }

    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box2a p{
        position:relative;
        top: 245px;
        left: 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        line-height: 1.5;
        text-align: left;
        color: #262626;
        width: 327px;
    }

    #container {
        position: relative;
        top: 105px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 390px;
    }

    #box3{
        width: 390px;
    }

    #box3a {
        position: relative;
        top: 140px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 245px;
        height: 135px;
    }

    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box3b p{
        position: relative;
        top: 140px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 327px;
    }

    #box4{
        width: 370px;
        position: relative;
        top: 1115px;
        left: -428px;
        width: 350px;
    }

    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 245px;
        height: 135px;
    }

    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 11px;
        width: 327px;
    }

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 1230px;
        left: -8px;
        height: 3045px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position:relative;
        top: 23px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 260px;
        height: 100px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        height: 2015px;
        width: 352px;
        position: absolute;
        top: 150px;
        left: 16px;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width: 280px;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 45px;
        flex-wrap: wrap;
        position: relative;
        height: 900px;
        top: 180px;
        left: 25px;
        width: 91.3%;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box6 {
        position:relative;
        top: 1185px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 290px;
        height: 95px;  
    }

    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box6a{
        background-color: #ffffff;
        height: 700px;
        width: 352px;
        position: absolute;
        top: 2315px;
        left: 16px;
        border-radius: 10px;
    }

    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        width: 280px;
    }

    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        flex-wrap: wrap;
        position: relative;
        left: -2px;
        width: 370px;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 1300px;
        gap: 20px;
    }

    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box7 {
        position:relative;
        top: 1260px;
        left: 10px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 330px;
        height: 180px;  
    }

    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #container2{
        position: relative;
        top: 720px;
        left: 9px;
        display: flex; 
        gap: 100px;
        width: 350px;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -29px;
        width: 327px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 327px;
    }

    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 342px;
        height: 940px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #containerthumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 12px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 2490px;
        left: -457px;
        width: 355px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 327px;
    }

    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 342px;
        height: 940px;
        position: relative;
        top: 85px;
        left: 34px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #menuthumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 0px;
        border-radius: 3px;
    }

    #container3{
        position: relative;
        top: 5060px;
        left: 0px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box10 {
        position:relative;
        top: -5px;
        left: -20px;
        width: 100%;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 327px;
    }

    #welcomethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 342px;
        height: 940px;
        position: relative;
        top: 85px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #welcomethumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 0px;
        border-radius: 3px;
    }

    #box11 {
        position:relative;
        top: 1465px;
        left: -463px;
        width: 100%;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 328px;
    }

    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 342px;
        height: 1000px;
        position: relative;
        top: 80px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #jobaidthumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 3px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 7900px;
        left: 17px;
        display: flex; 
        gap: 100px;
        width: 97%;
    }

    #box12 {
        position:relative;
        top: -3px;
        left: -37px;
        height: 50px; 
        width: 90%; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 327px;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 342px;
        height: 1000px;
        position: relative;
        top: 80px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #quizthumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 3px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 9440px;
        left: 10px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 285px;
        height: 255px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 85%;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #container5{
        position: relative;
        top: 10055px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 198%;
    }

    #box14 {
        position:relative;
        top: -600px;
        left: -5px;
        width: 327px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 5px;
        line-height: 1.5;
    }

    #timelinethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 342px;
        height: 940px;
        position: relative;
        left: -3px;
        top: -13px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #timelinethumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 3px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 1145px;
        left: -433px;
        width: 327px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
    }

    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 342px;
        height: 1850px;
        position: relative;
        top: -10px;
        left: -1px;
        padding-bottom: 20px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #contentthumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 15px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 13440px;
        left: -21px;
    }

    #photocreditleft {
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        position: relative;
        top: 117px;
        width: 37%; 
        left: 30px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 13585px;
        left: -8px;
        width: 384px;
        height: 270px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 85%;
        background-color: #ffffff;
        height: 215px;
        border-radius: 15px;
        top: 27px;
        left: -10px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 75%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 290px;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 13587px;
        width: 101.5%; 
        left: -10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
        width: 300px;
        position: relative;
        left: 22px;
        width:300%;    
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 390px) {
    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: -10px;
        top: 0px;
        height: 70px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -32px;
        height: 150px;
        width: 375px;
        padding-top: -10px;
        padding-right: 40px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 50px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
        width: 100%;
        padding-right: 96px;
        padding-bottom: 10px;
        background-color: rgb(255, 255, 255);
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 220px;
        left: 4px;
        width: 97.7%;
        height: 155px;
        background-color: #4472C4;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 20px;
        left: 20px;
        font-size: 37pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 245px;
        left: 10px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }

    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box2a p{
        position:relative;
        top: 245px;
        left: 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        line-height: 1.5;
        text-align: left;
        color: #262626;
        width: 327px;
    }

    #container {
        position: relative;
        top: 105px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 390px;
    }

    #box3{
        width: 390px;
    }

    #box3a {
        position: relative;
        top: 140px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 245px;
        height: 135px;
    }

    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box3b p{
        position: relative;
        top: 140px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 333px;
    }

    #box4{
        width: 370px;
        position: relative;
        top: 1115px;
        left: -433px;
        width: 350px;
    }

    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 245px;
        height: 135px;
    }

    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 11px;
        width: 333px;
    }

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 1230px;
        left: -8px;
        height: 3045px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position:relative;
        top: 23px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 260px;
        height: 100px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        height: 2015px;
        width: 357px;
        position: absolute;
        top: 150px;
        left: 16px;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width: 300px;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 45px;
        flex-wrap: wrap;
        position: relative;
        height: 900px;
        top: 180px;
        left: 24px;
        width: 91.3%;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box6 {
        position:relative;
        top: 1185px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 290px;
        height: 95px;  
    }

    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box6a{
        background-color: #ffffff;
        height: 700px;
        width: 357px;
        position: absolute;
        top: 2315px;
        left: 16px;
        border-radius: 10px;
    }

    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        width: 300px;
    }

    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        flex-wrap: wrap;
        position: relative;
        left: 0px;
        width: 370px;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 1300px;
        gap: 20px;
    }

    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box7 {
        position:relative;
        top: 1260px;
        left: 10px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 330px;
        height: 180px;  
    }

    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #container2{
        position: relative;
        top: 720px;
        left: 9px;
        display: flex; 
        gap: 100px;
        width: 350px;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -29px;
        width: 327px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 355px;
    }

    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 333px;
    }

    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 342px;
        height: 940px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 35px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #containerthumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 12px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 2422px;
        left: -456px;
        width: 355px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 333px;
    }

    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 342px;
        height: 940px;
        position: relative;
        top: 85px;
        left: 35px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #menuthumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 0px;
        border-radius: 3px;
    }

    #container3{
        position: relative;
        top: 4922px;
        left: 0px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box10 {
        position:relative;
        top: -5px;
        left: -20px;
        width: 100%;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 333px;
    }

    #welcomethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 342px;
        height: 940px;
        position: relative;
        top: 85px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #welcomethumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 0px;
        border-radius: 3px;
    }

    #box11 {
        position:relative;
        top: 1470px;
        left: -463px;
        width: 100%;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 355px;
    }

    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 333px;
    }

    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 342px;
        height: 1000px;
        position: relative;
        top: 80px;
        left: 36px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #jobaidthumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 3px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 7770px;
        left: 17px;
        display: flex; 
        gap: 100px;
        width: 97%;
    }

    #box12 {
        position:relative;
        top: -3px;
        left: -37px;
        height: 50px; 
        width: 90%; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 333px;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 342px;
        height: 1000px;
        position: relative;
        top: 80px;
        left: 35px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #quizthumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 3px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 9320px;
        left: 10px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 285px;
        height: 255px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 85%;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 333px;
    }

    #container5{
        position: relative;
        top: 9940px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 198%;
    }

    #box14 {
        position:relative;
        top: -600px;
        left: -5px;
        width: 327px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 5px;
        line-height: 1.5;
        width: 333px;
    }

    #timelinethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 342px;
        height: 1000px;
        position: relative;
        top: -10px;
        left: 0px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #timelinethumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 3px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 1205px;
        left: -433px;
        width: 327px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 333px;
    }

    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 342px;
        height: 1870px;
        position: relative;
        top: -10px;
        left: 1px;
        padding-bottom: 20px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #contentthumbnails img{
        width: 280px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 12px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 13410px;
        left: -9px;
    }

    #photocreditleft {
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        position: relative;
        top: 117px;
        width: 37%; 
        left: 30px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 13585px;
        left: -8px;
        width: 390px;
        height: 250px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 85%;
        background-color: #ffffff;
        height: 195px;
        border-radius: 15px;
        top: 27px;
        left: -10px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 80%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 290px;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 13587px;
        width: 390px; 
        left: -10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
        width: 300px;
        position: relative;
        left: 22px;
        width:300px;    
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 412px) {
    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        height: 70px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 150px;
        width: 45%;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 50px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
        width: 100%;
        padding-right: 96px;
        padding-bottom: 10px;
        background-color: rgb(255, 255, 255);
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 220px;
        left: 4px;
        width: 98%;
        height: 175px;
        background-color: #4472C4;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 20px;
        left: 30px;
        font-size: 42pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 245px;
        left: 10px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }

    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box2a p{
        position:relative;
        top: 250px;
        left: 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        line-height: 1.5;
        text-align: left;
        color: #262626;
        width: 355px;
    }

    #container {
        position: relative;
        top: 118px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 390px;
    }

    #box3{
        width: 390px;
    }

    #box3a {
        position: relative;
        top: 140px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 350px;
        height: 95px;
    }

    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box3b p{
        position: relative;
        top: 145px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 355px;
    }

    #box4{
        width: 370px;
        position: relative;
        top: 1000px;
        left: -460px;
        width: 350px;
    }

    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 355px; 
    }

    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 10px;
        width: 355px;
    }

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 1130px;
        left: -8px;
        height: 3010px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position:relative;
        top: 23px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 260px;
        height: 100px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        height: 1980px;
        width: 380px;
        position: absolute;
        top: 150px;
        left: 16px;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width: 320px;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 45px;
        flex-wrap: wrap;
        position: relative;
        height: 900px;
        top: 140px;
        left: 25px;
        width: 91.3%;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box6 {
        position:relative;
        top: 1150px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 290px;
        height: 95px;  
    }

    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box6a{
        background-color: #ffffff;
        height: 700px;
        width: 380px;
        position: absolute;
        top: 2280px;
        left: 16px;
        border-radius: 10px;
    }

    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        width: 90%;
    }

    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        flex-wrap: wrap;
        position: relative;
        left: 12px;
        width: 370px;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 1260px;
        gap: 20px;
    }

    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box7 {
        position:relative;
        top: 1160px;
        left: 10px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 330px;
        height: 180px;  
    }

    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #container2{
        position: relative;
        top: 620px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 355px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1010px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #containerthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 5px;
        top: 7px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 2440px;
        left: -485px;
        width: 355px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 355px
    }

    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1000px;
        position: relative;
        top: 75px;
        left: 32px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #menuthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 7px;
        top: 0px;
        border-radius: 3px;
    }

    #container3{
        position: relative;
        top: 4830px;
        left: 0px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box10 {
        position:relative;
        top: -5px;
        left: -20px;
        width: 100%;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 355px;
    }

    #welcomethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 990px;
        position: relative;
        top: 85px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #welcomethumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 7px;
        top: 0px;
        border-radius: 3px;
    }

    #box11 {
        position:relative;
        top: 1520px;
        left: -490px;
        width: 100%;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 355px;
    }

    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1030px;
        position: relative;
        top: 80px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #jobaidthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 8px;
        top: 2px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 7730px;
        left: 17px;
        display: flex; 
        gap: 100px;
        width: 97%;
    }

    #box12 {
        position:relative;
        top: -3px;
        left: -37px;
        height: 50px; 
        width: 90%; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 355px;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1050px;
        position: relative;
        top: 80px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #quizthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 9px;
        top: 2px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 9300px;
        left: 12px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 318px;
        height: 220px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 85%;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #container5{
        position: relative;
        top: 9910px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 198%;
    }

    #box14 {
        position:relative;
        top: -600px;
        left: -5px;
        width: 350px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
    }

    #timelinethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1045px;
        position: relative;
        top: -10px;
        left: -3px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #timelinethumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 7px;
        top: 2px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 1190px;
        left: -454px;
        width: 350px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
    }

    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 2005px;
        position: relative;
        top: -10px;
        left: -3px;
        padding-bottom: 20px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #contentthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 7px;
        top: 10px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 13480px;
        left: 0px;
    }

    #photocreditleft {
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 117px;
        width: 37%; 
        left: 30px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 13625px;
        left: -8px;
        width: 104%;
        height: 270px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 85%;
        background-color: #ffffff;
        height: 195px;
        border-radius: 15px;
        top: 35px;
        left: -10px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 75%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 13630px;
        width: 101.5%; 
        left: -10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
        width: 300px;
        position: relative;
        left: 37px
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 414px) {
    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        height: 70px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 150px;
        width: 45%;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 50px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
        width: 100%;
        padding-right: 96px;
        padding-bottom: 10px;
        background-color: rgb(255, 255, 255);
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 220px;
        left: 4px;
        width: 98%;
        height: 175px;
        background-color: #4472C4;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 20px;
        left: 30px;
        font-size: 42pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 245px;
        left: 10px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }

    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box2a p{
        position:relative;
        top: 250px;
        left: 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        line-height: 1.5;
        text-align: left;
        color: #262626;
        width: 355px;
    }

    #container {
        position: relative;
        top: 118px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 390px;
    }

    #box3{
        width: 390px;
    }

    #box3a {
        position: relative;
        top: 140px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 350px;
        height: 95px;
    }

    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box3b p{
        position: relative;
        top: 145px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 355px;
    }

    #box4{
        width: 370px;
        position: relative;
        top: 1000px;
        left: -460px;
        width: 350px;
    }

    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 355px; 
        height: 95px;
    }

    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 10px;
        width: 355px;
    }

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 1130px;
        left: -8px;
        height: 3010px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position:relative;
        top: 23px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 260px;
        height: 100px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        height: 1980px;
        width: 380px;
        position: absolute;
        top: 150px;
        left: 16px;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width: 320px;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 45px;
        flex-wrap: wrap;
        position: relative;
        height: 900px;
        top: 140px;
        left: 25px;
        width: 91.3%;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box6 {
        position:relative;
        top: 1150px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 290px;
        height: 95px;  
    }

    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box6a{
        background-color: #ffffff;
        height: 700px;
        width: 380px;
        position: absolute;
        top: 2280px;
        left: 16px;
        border-radius: 10px;
    }

    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        width: 90%;
    }

    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        flex-wrap: wrap;
        position: relative;
        left: 12px;
        width: 370px;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 1260px;
        gap: 20px;
    }

    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box7 {
        position:relative;
        top: 1155px;
        left: 10px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 330px;
        height: 180px;  
    }

    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #container2{
        position: relative;
        top: 610px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 355px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 355px;
    }

    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1010px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #containerthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: 7px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 2440px;
        left: -485px;
        width: 355px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 355px
    }

    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1010px;
        position: relative;
        top: 80px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #menuthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: -3px;
        border-radius: 3px;
    }

    #container3{
        position: relative;
        top: 4830px;
        left: 0px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box10 {
        position:relative;
        top: -5px;
        left: -20px;
        width: 100%;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 355px;
    }

    #welcomethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1010px;
        position: relative;
        top: 85px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #welcomethumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: -3px;
        border-radius: 3px;
    }

    #box11 {
        position:relative;
        top: 1540px;
        left: -490px;
        width: 100%;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 355px;
    }

    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1010px;
        position: relative;
        top: 85px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #jobaidthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: -3px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 7750px;
        left: 17px;
        display: flex; 
        gap: 100px;
        width: 97%;
    }

    #box12 {
        position:relative;
        top: -3px;
        left: -37px;
        height: 50px; 
        width: 90%; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 355px;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1010px;
        position: relative;
        top: 85px;
        left: 33px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #quizthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: -3px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 9300px;
        left: 10px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 318px;
        height: 220px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 85%;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #container5{
        position: relative;
        top: 9910px;
        left: 19px;
        display: flex; 
        gap: 100px;
        width: 198%;
    }

    #box14 {
        position:relative;
        top: -600px;
        left: -5px;
        width: 355px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 355px;
    }

    #timelinethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1010px;
        position: relative;
        top: -15px;
        left: -1px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #timelinethumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: -3px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 1170px;
        left: -460px;
        width: 355px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 355px;
    }

    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 2054px;
        position: relative;
        top: -15px;
        left: -1px;
        padding-bottom: 20px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #contentthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: 10px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 13480px;
        left: -10px;
    }

    #photocreditleft {
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 117px;
        width: 37%; 
        left: 30px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 13625px;
        left: -8px;
        width: 104%;
        height: 235px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 85%;
        background-color: #ffffff;
        height: 165px;
        border-radius: 15px;
        top: 35px;
        left: -10px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 75%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 13630px;
        width: 101.5%; 
        left: -10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
        width: 300px;
        position: relative;
        left: 37px
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 428px) {
    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        height: 70px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 150px;
        width: 45%;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 50px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
        width: 100%;
        padding-right: 96px;
        padding-bottom: 10px;
        background-color: rgb(255, 255, 255);
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 220px;
        left: 4px;
        width: 98%;
        height: 175px;
        background-color: #4472C4;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 20px;
        left: 30px;
        font-size: 42pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 245px;
        left: 10px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }

    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box2a p{
        position:relative;
        top: 250px;
        left: 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        line-height: 1.5;
        text-align: left;
        color: #262626;
        width: 370px;
    }

    #container {
        position: relative;
        top: 118px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 390px;
    }

    #box3{
        width: 390px;
    }

    #box3a {
        position: relative;
        top: 140px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 350px;
        height: 95px;
    }

    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box3b p{
        position: relative;
        top: 145px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 370px;
    }

    #box4{
        width: 370px;
        position: relative;
        top: 965px;
        left: -470px;
        width: 350px;
    }

    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 355px; 
        height: 95px;
    }

    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 10px;
        width: 370px;
    }

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 1095px;
        left: -8px;
        height: 3010px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position:relative;
        top: 23px;
        left: 19px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 260px;
        height: 100px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        height: 1980px;
        width: 395px;
        position: absolute;
        top: 150px;
        left: 16px;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width: 340px;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 45px;
        flex-wrap: wrap;
        position: relative;
        height: 900px;
        top: 140px;
        left: 25px;
        width: 91.3%;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box6 {
        position:relative;
        top: 1150px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 290px;
        height: 95px;  
    }

    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box6a{
        background-color: #ffffff;
        height: 700px;
        width: 395px;
        position: absolute;
        top: 2280px;
        left: 16px;
        border-radius: 10px;
    }

    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        width: 90%;
    }

    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        flex-wrap: wrap;
        position: relative;
        left: 19px;
        width: 370px;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 1260px;
        gap: 20px;
    }

    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box7 {
        position:relative;
        top: 1122px;
        left: 10px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 330px;
        height: 180px;  
    }

    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #container2{
        position: relative;
        top: 585px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 355px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 370px;
    }

    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1010px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 41px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #containerthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: 7px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 2440px;
        left: -485px;
        width: 355px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 370px;
    }

    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1010px;
        position: relative;
        top: 80px;
        left: 41px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #menuthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: -3px;
        border-radius: 3px;
    }

    #container3{
        position: relative;
        top: 4790px;
        left: 0px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box10 {
        position:relative;
        top: -5px;
        left: -20px;
        width: 100%;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 390px;
    }

    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 370px;
    }

    #welcomethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1010px;
        position: relative;
        top: 85px;
        left: 41px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #welcomethumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: -3px;
        border-radius: 3px;
    }

    #box11 {
        position:relative;
        top: 1470px;
        left: -550px;
        width: 100%;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 370px;
    }

    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1010px;
        position: relative;
        top: 85px;
        left: 41px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #jobaidthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: -3px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 7650px;
        left: 17px;
        display: flex; 
        gap: 100px;
        width: 97%;
    }

    #box12 {
        position:relative;
        top: -3px;
        left: -37px;
        height: 50px; 
        width: 90%; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 390px;
    }

    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 370px;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1010px;
        position: relative;
        top: 85px;
        left: 41px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #quizthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: -3px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 9160px;
        left: 10px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 318px;
        height: 220px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 85%;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 370px;
    }

    #container5{
        position: relative;
        top: 9775px;
        left: 19px;
        display: flex; 
        gap: 100px;
        width: 198%;
    }

    #box14 {
        position:relative;
        top: -600px;
        left: -5px;
        width: 355px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 7px;
    }

    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 370px;
    }

    #timelinethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1010px;
        position: relative;
        top: -15px;
        left: 7px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #timelinethumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: -3px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 1150px;
        left: -460px;
        width: 355px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 370px;
    }

    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 2054px;
        position: relative;
        top: -15px;
        left: 7px;
        padding-bottom: 20px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #contentthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: 10px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 13310px;
        left: -10px;
    }

    #photocreditleft {
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 117px;
        width: 37%; 
        left: 30px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 13460px;
        left: -8px;
        width: 104%;
        height: 235px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 85%;
        background-color: #ffffff;
        height: 165px;
        border-radius: 15px;
        top: 35px;
        left: -10px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 75%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 13465px;
        width: 101.5%; 
        left: -10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
        width: 300px;
        position: relative;
        left: 37px
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 450px) {
    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        height: 70px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 150px;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
        width: 400px;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 50px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
        width: 100%;
        padding-right: 96px;
        padding-bottom: 10px;
        background-color: rgb(255, 255, 255);
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 220px;
        width: 98%;
        height: 175px;
        background-color: #4472C4;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 20px;
        left: 30px;
        font-size: 42pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 245px;
        left: 10px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }

    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box2a p{
        position:relative;
        top: 250px;
        left: 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        line-height: 1.5;
        text-align: left;
        color: #262626;
       width: 393px;
    }

    #container {
        position: relative;
        top: 120px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 390px;
    }

    #box3{
        width: 390px;
    }

    #box3a {
        position: relative;
        top: 140px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 360px;
        height: 95px;
    }

    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box3b p{
        position: relative;
        top: 145px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 393px;
    }

    #box4{
        width: 370px;
        position: relative;
        top: 950px;
        left: -480px;
        width: 350px;
    }

    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 355px;
        height: 95px; 
    }

    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 10px;
        left: 0px;
        width: 393px;
    }

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 1095px;
        left: -8px;
        height: 3010px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position:relative;
        top: 23px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 260px;
        height: 100px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        height: 1980px;
        width: 400px;
        position: absolute;
        top: 150px;
        left: 25px;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width: 320px;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 45px;
        flex-wrap: wrap;
        position: relative;
        height: 900px;
        top: 140px;
        left: 26px;
        width: 91.3%;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box6 {
        position:relative;
        top: 1150px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 290px;
        height: 95px;  
    }

    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box6a{
        background-color: #ffffff;
        height: 700px;
        width: 400px;
        position: absolute;
        top: 2280px;
        left: 25px;
        border-radius: 10px;
    }

    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        width: 90%;
    }

    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        flex-wrap: wrap;
        position: relative;
        left: 31px;
        width: 370px;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 1260px;
        gap: 20px;
    }

    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box7 {
        position:relative;
        top: 1125px;
        left: 10px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 330px;
        height: 180px;  
    }

    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #container2{
        position: relative;
        top: 585px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 370px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 393px;
    }

    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 392px;
        height: 1060px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 40px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #containerthumbnails img{
        width: 340px;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 0px;
        top: 13px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 2430px;
        left: -500px;
        width: 392px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 392px;
    }

    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 392px;
        height: 1050px;
        position: relative;
        top: 75px;
        left: 40px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #menuthumbnails img{
        width: 340px;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 0px;
        top: 0px;
        border-radius: 3px;
    }

    #container3{
        position: relative;
        top: 4780px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 392px;
    }

    #box10 {
        position:relative;
        top: -5px;
        left: -30px;
        width: 100%;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 392px;
    }

    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 392px;
    }

    #welcomethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 392px;
        height: 1050px;
        position: relative;
        top: 85px;
        left: 40px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #welcomethumbnails img{
        width: 340px;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 0px;
        top: 0px;
        border-radius: 3px;
    }

    #box11 {
        position:relative;
        top: 1480px;
        left: -523px;
        width: 100%;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 392px;
    }

    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 392px;
        height: 1100px;
        position: relative;
        top: 80px;
        left: 40px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #jobaidthumbnails img{
        width: 340px;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 0px;
        top: 5px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 7680px;
        left: 17px;
        display: flex; 
        gap: 100px;
        width: 97%;
    }

    #box12 {
        position:relative;
        top: 0px;
        left: -37px;
        height: 50px; 
        width: 392px; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 392px; 
    }

    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 392px; 
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 392px;
        height: 1150px;
        position: relative;
        top: 80px;
        left: 40px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #quizthumbnails img{
        width: 340px;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 0px;
        top: 3px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 9275px;
        left: 12px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 92%;
        height: 180px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 85%;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #container5{
        position: relative;
        top: 9875px;
        left: 13px;
        display: flex; 
        gap: 100px;
        width: 198%;
    }

    #box14 {
        position:relative;
        top: -590px;
        left: 3px;
        width: 392px; 
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 390px; 
    }

    #timelinethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 392px;
        height: 1140px;
        position: relative;
        top: -10px;
        left: 5px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #timelinethumbnails img{
        width: 340px;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 0px;
        top: 0px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 1235px;
        left: -490px;
        width: 392px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
    }

    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 392px;
        height: 2070px;
        position: relative;
        top: -10px;
        left: 5px;
        padding-bottom: 20px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #contentthumbnails img{
        width: 340px;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 0px;
        top: 13px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 13490px;
        left: 0px;
    }

    #photocreditleft {
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 117px;
        width: 175px; 
        left: 30px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 13635px;
        left: -8px;
        width: 103.9%;
        height: 270px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 85%;
        background-color: #ffffff;
        height: 170px;
        border-radius: 15px;
        top: 47px;
        left: -10px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 75%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 13640px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
        left: 66px;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 464px) {
    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        height: 70px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 150px;
        width: 400px;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 50px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
        width: 100%;
        padding-right: 96px;
        padding-bottom: 10px;
        background-color: rgb(255, 255, 255);
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 220px;
        left: 10px;
        width: 400px;
        height: 175px;
        background-color: #4472C4;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 20px;
        left: 30px;
        font-size: 42pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 245px;
        left: 10px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }

    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box2a p{
        position:relative;
        top: 250px;
        left: 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        line-height: 1.5;
        text-align: left;
        color: #262626;
        width: 390px;
    }

    #container {
        position: relative;
        top: 120px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 390px;
    }

    #box3{
        width: 390px;
    }

    #box3a {
        position: relative;
        top: 140px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 360px;
        height: 95px;
    }

    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box3b p{
        position: relative;
        top: 145px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 390px;
    }

    #box4{
        width: 370px;
        position: relative;
        top: 940px;
        left: -480px;
        width: 400px;
    }

    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 355px; 
        left: -10px;
    }

    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 10px;
        left: 0px;
        width: 390px;
    }

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 1070px;
        left: -8px;
        height: 3010px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position:relative;
        top: 23px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 260px;
        height: 100px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        height: 1980px;
        width: 395px;
        position: absolute;
        top: 150px;
        left: 25px;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width: 320px;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 45px;
        flex-wrap: wrap;
        position: relative;
        height: 900px;
        top: 140px;
        left: 25px;
        width: 91.3%;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box6 {
        position:relative;
        top: 1150px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 290px;
        height: 95px;  
    }

    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box6a{
        background-color: #ffffff;
        height: 700px;
        width: 395px;
        position: absolute;
        top: 2280px;
        left: 25px;
        border-radius: 10px;
    }

    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        width: 90%;
    }

    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        flex-wrap: wrap;
        position: relative;
        left: 25px;
        width: 370px;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 1260px;
        gap: 20px;
    }

    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box7 {
        position:relative;
        top: 1095px;
        left: 10px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 330px;
        height: 180px;  
    }

    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #container2{
        position: relative;
        top: 555px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 400px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1010px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 50px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #containerthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 5px;
        top: 7px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 2410px;
        left: -495px;
        width: 380px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 100%;
        height: 975px;
        position: relative;
        top: 75px;
        left: 11%;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #menuthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 7px;
        top: 0px;
        border-radius: 3px;
    }

    #container3{
        position: relative;
        top: 4750px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box10 {
        position:relative;
        top: -5px;
        left: -20px;
        width: 100%;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #welcomethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 100%;
        height: 985px;
        position: relative;
        top: 85px;
        left: 11%;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #welcomethumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 7px;
        top: 0px;
        border-radius: 3px;
    }

    #box11 {
        position:relative;
        top: 1480px;
        left: -490px;
        width: 100%;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 100%;
        height: 1030px;
        position: relative;
        top: 80px;
        left: 11%;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #jobaidthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 8px;
        top: 2px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 7580px;
        left: 17px;
        display: flex; 
        gap: 100px;
        width: 97%;
    }

    #box12 {
        position:relative;
        top: 0px;
        left: -30px;
        height: 50px; 
        width: 90%; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 100%;
        height: 1050px;
        position: relative;
        top: 80px;
        left: 10%;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #quizthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 9px;
        top: 2px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 9140px;
        left: 12px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 92%;
        height: 180px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 85%;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #container5{
        position: relative;
        top: 9740px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 198%;
    }

    #box14 {
        position:relative;
        top: -590px;
        left: 3px;
        width: 46%;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
    }

    #timelinethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 100%;
        height: 1040px;
        position: relative;
        top: -10px;
        left: 1%;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #timelinethumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 7px;
        top: 2px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 1170px;
        left: -465px;
        width: 45.75%;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
    }

    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 100%;
        height: 1970px;
        position: relative;
        top: -10px;
        left: 2%;
        padding-bottom: 20px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #contentthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 10px;
        position: relative;
        left: 7px;
        top: 10px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 13220px;
        left: 0px;
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 117px;
        width: 37%; 
        left: 30px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 13375px;
        left: -8px;
        width: 103.9%;
        height: 270px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 85%;
        background-color: #ffffff;
        height: 195px;
        border-radius: 15px;
        top: 35px;
        left: -10px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 75%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 13380px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 478px) {
    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        height: 70px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 150px;
        width: 400px;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 50px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
        width: 100%;
        padding-right: 96px;
        padding-bottom: 10px;
        background-color: rgb(255, 255, 255);
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 240px;
        width: 91%;
        height: 175px;
        background-color: #4472C4;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 20px;
        left: 30px;
        font-size: 42pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 265px;
        left: 10px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }

    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box2a p{
        position:relative;
        top: 270px;
        left: 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        line-height: 1.5;
        text-align: left;
        color: #262626;
        width: 390px;
    }

    #container {
        position: relative;
        top: 140px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 390px;
    }

    #box3{
        width: 390px;
    }

    #box3a {
        position: relative;
        top: 140px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 360px;
        height: 95px;
    }

    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box3b p{
        position: relative;
        top: 145px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 400px;
    }

    #box4{
        width: 370px;
        position: relative;
        top: 940px;
        left: -480px;
        width: 400px;
    }

    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 355px; 
    }

    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 10px;
        left: 0px;
        width: 400px;
    }

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 1090px;
        left: -8px;
        height: 3010px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position:relative;
        top: 23px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 260px;
        height: 100px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        height: 1980px;
        width: 410px;
        position: absolute;
        top: 150px;
        left: 25px;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width: 370px;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 45px;
        flex-wrap: wrap;
        position: relative;
        height: 900px;
        top: 140px;
        left: 25px;
        width: 91.3%;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box6 {
        position:relative;
        top: 1150px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 290px;
        height: 95px;  
    }

    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box6a{
        background-color: #ffffff;
        height: 700px;
        width: 410px;
        position: absolute;
        top: 2280px;
        left: 25px;
        border-radius: 10px;
    }

    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        width: 90%;
    }

    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        flex-wrap: wrap;
        position: relative;
        left: 30px;
        width: 370px;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 1260px;
        gap: 20px;
    }

    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box7 {
        position:relative;
        top: 1120px;
        left: 10px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 330px;
        height: 180px;  
    }

    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #container2{
        position: relative;
        top: 580px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 410px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1010px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 55px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #containerthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 5px;
        top: 7px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 2385px;
        left: -523px;
        width: 412px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 995px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 55px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #menuthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: -5px;
        border-radius: 3px;
    }

    #container3{
        position: relative;
        top: 4695px;
        left: 0px;
        display: flex; 
        gap: 100px;
        width: 1000px;
    }

    #box10 {
        position: relative;
        top: -5px;
        left: -20px;
        width: 395px;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 400px;
    }

    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #welcomethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 995px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 55px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #welcomethumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: -5px;
        border-radius: 3px;
    }

    #box11 {
        position:relative;
        top: 1430px;
        left: -520px;
        width: 400px;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1006px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 60px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #jobaidthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: 5px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 7480px;
        left: 17px;
        display: flex; 
        gap: 100px;
        width: 97%;
    }

    #box12 {
        position:relative;
        top: 0px;
        left: -40px;
        height: 50px; 
        width: 400px; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 400px;
    }

    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1006px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 60px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #quizthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: 5px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 8925px;
        left: 12px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 365px;
        height: 180px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 330px;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #container5{
        position: relative;
        top: 9525px;
        left: 7px;
        display: flex; 
        gap: 100px;
        width: 1000px;
    }

    #box14 {
        position:relative;
        top: -590px;
        left: 3px;
        width: 400px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
    }

    #timelinethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1006px;
        padding-bottom: 20px;
        position: relative;
        top: -10px;
        left: 20px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #timelinethumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: 5px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 1100px;
        left: -500px;
        width: 402px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
    }

    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 2045px;
        padding-bottom: 20px;
        position: relative;
        top: -10px;
        left: 22px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #contentthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: 5px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 12975px;
        left: 0px;
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 117px;
        width: 41%; 
        left: 30px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 13120px;
        left: -8px;
        width: 103.9%;
        height: 270px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 77%;
        background-color: #ffffff;
        height: 195px;
        border-radius: 15px;
        top: 35px;
        left: -17px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 75%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 13125px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 495px) {
    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        height: 70px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 150px;
        width: 410px;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 50px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
        width: 100%;
        padding-right: 96px;
        padding-bottom: 10px;
        background-color: rgb(255, 255, 255);
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 210px;
        width: 95.5%;
        height: 195px;
        background-color: #4472C4;
        z-index: -1;
        border-radius: 25px;
        left: 10px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 20px;
        left: 30px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 230px;
        left: 10px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }

    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box2a p{
        position:relative;
        top: 230px;
        left: 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        line-height: 1.5;
        text-align: left;
        color: #262626;
        width: 90%;
    }

    #container {
        position: relative;
        top: 90px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 390px;
    }

    #box3{
        width: 390px;
    }

    #box3a {
        position: relative;
        top: 140px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 360px;
        height: 95px;
    }

    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box3b p{
        position: relative;
        top: 140px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 430px;
    }

    #box4{
        width: 370px;
        position: relative;
        top: 870px;
        left: -490px;
        width: 350px;
    }

    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 355px; 
    }

    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 0px;
        left: 10px;
        width: 431px;
    }

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 960px;
        left: -8px;
        height: 2900px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position:relative;
        top: 23px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 260px;
        height: 97px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        height: 1900px;
        width: 440px;
        position: absolute;
        top: 150px;
        left: 20px;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 25px;
        line-height: 1.5;
        width: 400px;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 25px;
        flex-wrap: wrap;
        position: relative;
        height: 900px;
        top: 145px;
        left: 30px;
        width: 91.3%;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box6 {
        position:relative;
        top: 1070px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 290px;
        height: 95px;  
    }

    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box6a{
        background-color: #ffffff;
        height: 670px;
        width: 440px;
        position: absolute;
        top: 2200px;
        left: 20px;
        border-radius: 10px;
    }

    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 25px;
        width: 90%;
    }

    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        flex-wrap: wrap;
        position: relative;
        left: 50px;
        width: 370px;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 1160px;
        gap: 20px;
    }

    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box7 {
        position:relative;
        top: 987px;
        left: 5px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 335px;
        height: 180px;  
    }

    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #container2{
        position: relative;
        top: 440px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 970px;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 500px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1010px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 75px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #containerthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 5px;
        top: 7px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 2300px;
        left: -565px;
        width: 505px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1000px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 77px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #menuthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 5px;
        top: -2px;
        border-radius: 3px;
    }

    #container3{
        position: relative;
        top: 4390px;
        left: 0px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box10 {
        position:relative;
        top: -5px;
        left: -20px;
        width: 106%;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #welcomethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1001px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 76px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #welcomethumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 5px;
        top: -2px;
        border-radius: 3px;
    }

    #box11 {
        position:relative;
        top: 1400px;
        left: -559px;
        width: 105%;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 440px;
    }

    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1007px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 74px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #jobaidthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: 5px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 7110px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 465px;
    }

    #box12 {
        position:relative;
        top: 20px;
        left: -30px;
        height: 50px; 
        width: 90%; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 440px;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1007px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 76px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #quizthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: 5px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 8570px;
        left: 4px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 457px;
        height: 135px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 460px;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #container5{
        position: relative;
        top: 9170px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 198%;
    }

    #box14 {
        position:relative;
        top: -590px;
        left: 3px;
        width: 46%;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 440px;
    }

    #timelinethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1007px;
        padding-bottom: 20px;
        position: relative;
        top: -20px;
        left: 40px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #timelinethumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: 5px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 1090px;
        left: -518px;
        width: 45.75%;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 440px;
    }

    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 2050px;
        padding-bottom: 20px;
        position: relative;
        top: -20px;
        left: 40px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #contentthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: 5px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 12595px;
        left: -10px;
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 117px;
        width: 46%; 
        left: 30px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 12735px;
        left: -8px;
        width: 103.9%;
        height: 205px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 90%;
        background-color: #ffffff;
        height: 135px;
        border-radius: 15px;
        top: 35px;
        left: -10px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 90%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 12740px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 506px) {
    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        height: 70px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 150px;
        width: 420px;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 50px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
        width: 100%;
        padding-right: 96px;
        padding-bottom: 10px;
        background-color: rgb(255, 255, 255);
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 210px;
        width: 95.5%;
        height: 195px;
        background-color: #4472C4;
        z-index: -1;
        border-radius: 25px;
        left: 10px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 20px;
        left: 30px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 230px;
        left: 10px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }

    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box2a p{
        position:relative;
        top: 230px;
        left: 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        line-height: 1.5;
        text-align: left;
        color: #262626;
        width: 90%;
    }

    #container {
        position: relative;
        top: 90px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 390px;
    }

    #box3{
        width: 390px;
    }

    #box3a {
        position: relative;
        top: 140px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 360px;
        height: 95px;
    }

    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box3b p{
        position: relative;
        top: 140px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 430px;
    }

    #box4{
        width: 370px;
        position: relative;
        top: 870px;
        left: -490px;
        width: 350px;
    }

    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 355px; 
    }

    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 0px;
        left: 10px;
        width: 431px;
    }

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 960px;
        left: -8px;
        height: 2900px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position:relative;
        top: 23px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 260px;
        height: 97px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        height: 1900px;
        width: 450px;
        position: absolute;
        top: 150px;
        left: 20px;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 25px;
        line-height: 1.5;
        width: 400px;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 25px;
        flex-wrap: wrap;
        position: relative;
        height: 900px;
        top: 145px;
        left: 30px;
        width: 91.3%;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box6 {
        position:relative;
        top: 1070px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 290px;
        height: 95px;  
    }

    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box6a{
        background-color: #ffffff;
        height: 670px;
        width: 450px;
        position: absolute;
        top: 2200px;
        left: 20px;
        border-radius: 10px;
    }

    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 25px;
        width: 90%;
    }

    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        flex-wrap: wrap;
        position: relative;
        left: 50px;
        width: 370px;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 1160px;
        gap: 20px;
    }

    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box7 {
        position:relative;
        top: 987px;
        left: 5px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 335px;
        height: 180px;  
    }

    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #container2{
        position: relative;
        top: 440px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 970px;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 500px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1010px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 75px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #containerthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 5px;
        top: 7px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 2300px;
        left: -565px;
        width: 505px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1000px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 77px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #menuthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 5px;
        top: -2px;
        border-radius: 3px;
    }

    #container3{
        position: relative;
        top: 4390px;
        left: 0px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box10 {
        position:relative;
        top: -5px;
        left: -20px;
        width: 106%;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #welcomethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1001px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 76px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #welcomethumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 5px;
        top: -2px;
        border-radius: 3px;
    }

    #box11 {
        position:relative;
        top: 1400px;
        left: -545px;
        width: 105%;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1005px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 76px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #jobaidthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: 5px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 7110px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 465px;
    }

    #box12 {
        position:relative;
        top: 0px;
        left: -30px;
        height: 50px; 
        width: 90%; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1005px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 76px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #quizthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: 5px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 8560px;
        left: 4px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 457px;
        height: 135px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 460px;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #container5{
        position: relative;
        top: 9160px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 198%;
    }

    #box14 {
        position:relative;
        top: -590px;
        left: 3px;
        width: 46%;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
    }

    #timelinethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1005px;
        padding-bottom: 20px;
        position: relative;
        top: -20px;
        left: 40px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #timelinethumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: 5px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 1060px;
        left: -515px;
        width: 45.75%;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
    }

    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 2045px;
        padding-bottom: 20px;
        position: relative;
        top: -20px;
        left: 40px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #contentthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 6px;
        top: 5px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 12560px;
        left: -10px;
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 117px;
        width: 46%; 
        left: 30px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 12705px;
        left: -8px;
        width: 103.9%;
        height: 270px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 90%;
        background-color: #ffffff;
        height: 195px;
        border-radius: 15px;
        top: 35px;
        left: -10px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 90%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 12710px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 563px) {
    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        height: 70px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 150px;
        width: 500px;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 50px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
        width: 100%;
        padding-right: 96px;
        padding-bottom: 10px;
        background-color: rgb(255, 255, 255);
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 170px;
        width: 87%;
        height: 195px;
        background-color: #4472C4;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 20px;
        left: 30px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 195px;
        left: 10px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }

    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box2a p{
        position:relative;
        top: 190px;
        left: 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        line-height: 1.5;
        text-align: left;
        color: #262626;
        width: 100%;
    }

    #container {
        position: relative;
        top: 50px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 390px;
    }

    #box3{
        width: 390px;
    }

    #box3a {
        position: relative;
        top: 140px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 360px;
        height: 95px;
    }

    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box3b p{
        position: relative;
        top: 140px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 500px;
    }

    #box4{
        width: 370px;
        position: relative;
        top: 785px;
        left: -490px;
        width: 350px;
    }

    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 355px; 
    }

    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 0px;
        left: 10px;
        width: 500px;
    }

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 830px;
        left: -8px;
        height: 1997px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position:relative;
        top: 23px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 260px;
        height: 97px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        height: 1005px;
        width: 520px;
        position: absolute;
        top: 150px;
        left: 20px;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 25px;
        line-height: 1.5;
        width: 400px;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 25px;
        flex-wrap: wrap;
        position: relative;
        height: 900px;
        top: 145px;
        left: 30px;
        width: 91.3%;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box6 {
        position:relative;
        top: 175px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 290px;
        height: 95px;  
    }

    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box6a{
        background-color: #ffffff;
        height: 670px;
        width: 520px;
        position: absolute;
        top: 1300px;
        left: 20px;
        border-radius: 10px;
    }

    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 25px;
        width: 90%;
    }

    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        flex-wrap: wrap;
        position: relative;
        left: 80px;
        width: 370px;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 260px;
        gap: 20px;
    }

    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box7 {
        position:relative;
        top: 855px;
        left: 5px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 520px;
        height: 95px;  
    }

    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #container2{
        position: relative;
        top: 310px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 500px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1010px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 100px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #containerthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 5px;
        top: 7px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 2215px;
        left: -620px;
        width: 505px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1000px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 100px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #menuthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 5px;
        top: -2px;
        border-radius: 3px;
    }

    #container3{
        position: relative;
        top: 4120px;
        left: 0px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box10 {
        position:relative;
        top: -5px;
        left: -20px;
        width: 100%;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #welcomethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1000px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 100px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #welcomethumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 5px;
        top: -2px;
        border-radius: 3px;
    }

    #box11 {
        position:relative;
        top: 1380px;
        left: -610px;
        width: 100%;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1010px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 100px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #jobaidthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 5px;
        top: 7px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 6790px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 545px;
    }

    #box12 {
        position:relative;
        top: 0px;
        left: -30px;
        height: 50px; 
        width: 90%; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1010px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 100px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #quizthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 5px;
        top: 7px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 8180px;
        left: 12px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 457px;
        height: 135px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 460px;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #container5{
        position: relative;
        top: 8780px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 198%;
    }

    #box14 {
        position:relative;
        top: -590px;
        left: 3px;
        width: 46%;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
    }

    #timelinethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1010px;
        padding-bottom: 20px;
        position: relative;
        top: 0px;
        left: 67px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #timelinethumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 5px;
        top: 7px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 1030px;
        left: -580px;
        width: 45.75%;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
    }

    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 2050px;
        padding-bottom: 20px;
        position: relative;
        top: 0px;
        left: 65px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #contentthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 5px;
        top: 7px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 12120px;
        left: -10px;
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 117px;
        width: 50%; 
        left: 30px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 12265px;
        left: -8px;
        width: 103.9%;
        height: 270px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 80%;
        background-color: #ffffff;
        height: 195px;
        border-radius: 15px;
        top: 35px;
        left: -22px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 90%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 12270px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 568px) {
    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        height: 70px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 150px;
        width: 500px;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 50px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
        width: 100%;
        padding-right: 96px;
        padding-bottom: 10px;
        background-color: rgb(255, 255, 255);
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    .web {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 170px;
        width: 87%;
        height: 195px;
        background-color: #4472C4;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 20px;
        left: 30px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 195px;
        left: 10px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }

    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box2a p{
        position:relative;
        top: 190px;
        left: 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        line-height: 1.5;
        text-align: left;
        color: #262626;
        width: 495px;
    }

    #container {
        position: relative;
        top: 50px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 390px;
    }

    #box3{
        width: 390px;
    }

    #box3a {
        position: relative;
        top: 140px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 360px;
        height: 95px;
    }

    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box3b p{
        position: relative;
        top: 140px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 495px;
    }

    #box4{
        width: 370px;
        position: relative;
        top: 785px;
        left: -480px;
        width: 350px;
    }

    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 355px; 
    }

    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 0px;
        left: 0px;
        width: 495px;
    }

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 830px;
        left: -8px;
        height: 1997px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position:relative;
        top: 23px;
        left: 18px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 55px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        height: 1005px;
        width: 510px;
        position: absolute;
        top: 105px;
        left: 20px;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 25px;
        line-height: 1.5;
        width: 450px;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 25px;
        flex-wrap: wrap;
        position: relative;
        height: 900px;
        top: 145px;
        left: 30px;
        width: 91.3%;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box6 {
        position:relative;
        top: 175px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 290px;
        height: 95px;  
    }

    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box6a{
        background-color: #ffffff;
        height: 670px;
        width: 510px;
        position: absolute;
        top: 1263px;
        left: 20px;
        border-radius: 10px;
    }

    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 25px;
        width: 90%;
    }

    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        flex-wrap: wrap;
        position: relative;
        left: 80px;
        width: 370px;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 270px;
        gap: 20px;
    }

    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box7 {
        position:relative;
        top: 855px;
        left: 10px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 330px;
        height: 177px;  
    }

    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #container2{
        position: relative;
        top: 310px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 550px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 493px;
    }

    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1010px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 102px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #containerthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 5px;
        top: 7px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 2215px;
        left: -625px;
        width: 505px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 493px;
    }

    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1000px;
        padding-bottom: 20px;
        position: relative;
        top: 90px;
        left: 104px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #menuthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 5px;
        top: -2px;
        border-radius: 3px;
    }

    #container3{
        position: relative;
        top: 4120px;
        left: 1px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box10 {
        position:relative;
        top: -5px;
        left: -20px;
        width: 100%;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 493px;
    }

    #welcomethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1000px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 102px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #welcomethumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 5px;
        top: -2px;
        border-radius: 3px;
    }

    #box11 {
        position:relative;
        top: 1380px;
        left: -613px;
        width: 100%;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 493px;
    }

    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1000px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 101px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #jobaidthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 5px;
        top:-3px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 6790px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 545px;
    }

    #box12 {
        position:relative;
        top: 0px;
        left: -30px;
        height: 50px; 
        width: 90%; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }

    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 493px;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1000px;
        padding-bottom: 20px;
        position: relative;
        top: 80px;
        left: 102px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #quizthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 5px;
        top: -3px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 8180px;
        left: 12px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 457px;
        height: 135px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 460px;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 493px;
    }

    #container5{
        position: relative;
        top: 8780px;
        left: 10px;
        display: flex; 
        gap: 100px;
        width: 198%;
    }

    #box14 {
        position:relative;
        top: -590px;
        left: 3px;
        width: 46%;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 493px;
    }

    #timelinethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 1000px;
        padding-bottom: 20px;
        position: relative;
        top: -15px;
        left: 69px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #timelinethumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 5px;
        top: -3px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 985px;
        left: -583px;
        width: 45.75%;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }

    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 493px;
    }

    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 370px;
        height: 2050px;
        padding-bottom: 20px;
        position: relative;
        top: -15px;
        left: 68px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }

    #contentthumbnails img{
        width: 90%;
        background-color:#ffffff;
        padding: 13px;
        position: relative;
        left: 5px;
        top: 7px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 12070px;
        left: -10px;
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 117px;
        width: 295px; 
        left: 30px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 12220px;
        left: -8px;
        width: 103.9%;
        height: 270px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 80%;
        background-color: #ffffff;
        height: 140px;
        border-radius: 15px;
        top: 65px;
        left: -22px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 90%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 12225px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
        width: 310px;
        position: relative;
        left: 112px;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 576px) {
    body{
        background-color:rgb(255, 255, 255);
    }

    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        height: 131px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 110px;
        width: 41%;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 45px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 170px;
        width: 83%;
        height: 195px;
        background-color: #4472C4;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 20px;
        left: 30px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 190px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }
    
    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box2a p{
        position:relative;
        top: 190px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        width: 90%;
    }
    
    #container {
        position: relative;
        top: 140px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box3{
        width: 500%;
    }
    
    #box3a {
        position: relative;
        top: 50px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 350px;
        height: 95px;
    }
    
    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box3b p{
        position: relative;
        top: 50px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 485px;
    }
    
    #box4{
        width: 200%;
        position: relative;
        top: 730px;
        left: -575px;
        width: 100%;
    }
    
    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 350px; 
    }
    
    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 0px;
        width: 485px;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 880px;
        left: -8px;
        height: 1720px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position: relative;
        top: 25px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        height: 1090px;
        width: 91%;
        position: absolute;
        top: 100px;
        left: 10px;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 50px;
        flex-wrap: wrap;
        position: relative;
        height: 1000px;
        top: 120px;
        left: 15px;
        width: 96.1%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box6 {
        position:relative;
        top: 120px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }
    
    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box6a{
        background-color: #ffffff;
        height: 390px;
        width: 91.3%;
        position: absolute;
        top: 1300px;
        left: 10px;
        border-radius: 10px;
    }
    
    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        width: 90%;
        line-height: 1.5;
    }
    
    #appboxes2{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: 12px;
        width: 96.1%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 220px;
    }
    
    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 910px;
        left: 21px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 350px;
        height: 180px;  
    }
    
    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: 370px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 485px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 325px;
        position: relative;
        top: 75px;
        left: 38px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 1550px;
        left: -615px;
        width: 485px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 315px;
        position: relative;
        top: 75px;
        left: 38px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 2720px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 800px;
    }
    
    #box10 {
        position:relative;
        top: 100px;
        left: -30px;
        width: 800px;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 485px;
        line-height: 1.5;
    }
    
    #welcomethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 320px;
       position: relative;
       top: 85px;
       left: 38px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        top: 2px;
        left: 1px;
        border-radius: 3px;
    }
    
    #box11 {
        position:relative;
        top: 810px;
        left: -618px;
        width: 485px;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 485px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width:485px;
    }
    
    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 38px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 4130px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 485px;
    }

    #box12 {
        position:relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 485px; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 485px;
        line-height: 1.5;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 38px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 4905px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 460px;
        height: 135px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }
    
    #container5{
        position: relative;
        top: 4790px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 485px;
    }
    
    #box14 {
        position:relative;
        top: 125px;
        left: 3px;
        width: 485px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width:485px;
    }
    
    #timelinethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 323px;
       position: relative;
       top: -10px;
       left: 5px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 1040px;
        left: -583px;
        width: 485px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
        width: 485px;
    }
    
    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 485px;
    }
    
    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 675px;
        position: relative;
        top: -10px;
       left: 5px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #contentthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 6760px;
        left: 5px;
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 250px; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 6900px;
        left: -8px;
        width: 103.9%;
        height: 210px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 80%;
        background-color: #ffffff;
        height: 135px;
        border-radius: 15px;
        top: 35px;
        left: -22px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 90%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }
    
    #footer {
        background-color: #F2F2F2;
        padding: 10px;
        position: relative;
        top: 6905px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 667px) {
    body{
        background-color:rgb(255, 255, 255);
    }

    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        height: 131px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 110px;
        width: 50%;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 45px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 135px;
        width: 83%;
        height: 195px;
        background-color: #4472C4;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 20px;
        left: 30px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 160px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }
    
    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box2a p{
        position:relative;
        top: 165px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        width: 590px;
    }
    
    #container {
        position: relative;
        top: 140px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box3{
        width: 500%;
    }
    
    #box3a {
        position: relative;
        top: 25px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 350px;
        height: 95px;
    }
    
    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box3b p{
        position: relative;
        top: 25px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 590px;
    }
    
    #box4{
        position: relative;
        top: 590px;
        left: -675px;
    }
    
    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 360px;
        height: 97px; 
    }
    
    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 0px;
        width: 590px;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 737px;
        left: -8px;
        height: 1710px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position: relative;
        top: 25px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        height: 1080px;
        width: 91%;
        position: absolute;
        top: 100px;
        left: 10px;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width: 550px;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 50px;
        flex-wrap: wrap;
        position: relative;
        height: 1000px;
        top: 100px;
        left: 6px;
        width: 96.1%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box6 {
        position:relative;
        top: 115px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }
    
    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box6a{
        background-color: #ffffff;
        height: 390px;
        width: 91.3%;
        position: absolute;
        top: 1295px;
        left: 10px;
        border-radius: 10px;
    }
    
    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        width: 90%;
        line-height: 1.5;
    }
    
    #appboxes2{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: 7px;
        width: 96.1%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 220px;
    }
    
    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 760px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 517px;
        height: 97px;  
    }
    
    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: 220px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 200%;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 485px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 600px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 590px;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 325px;
        position: relative;
        top: 80px;
        left: 93px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 1410px;
        left: -615px;
        width: 485px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 590px;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 315px;
        position: relative;
        top: 83px;
        left: 93px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 2360px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 800px;
    }
    
    #box10 {
        position:relative;
        top: 100px;
        left: -30px;
        width: 800px;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 590px;
        line-height: 1.5;
    }
    
    #welcomethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 320px;
       position: relative;
       top: 85px;
       left: 93px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        top: 2px;
        left: 1px;
        border-radius: 3px;
    }
    
    #box11 {
        position:relative;
        top: 760px;
        left: -720px;
        width: 485px;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 530px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 590px;
    }
    
    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 93px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 3630px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 485px;
    }

    #box12 {
        position:relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 485px; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 590px;
        line-height: 1.5;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 93px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 4370px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 460px;
        height: 135px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 590px;
    }
    
    #container5{
        position: relative;
        top: 4255px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 485px;
    }
    
    #box14 {
        position:relative;
        top: 125px;
        left: 3px;
        width: 485px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 590px;
    }
    
    #timelinethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 323px;
       position: relative;
       top: -10px;
       left: 60px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 950px;
        left: -582px;
        width: 485px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
        width: 485px;
    }
    
    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 590px;
    }
    
    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 675px;
        position: relative;
        top: -15px;
        left: 60px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #contentthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 6075px;
        left: 0px;
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 375px; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 6220px;
        left: -8px;
        width: 103.9%;
        height: 210px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 527px;
        background-color: #ffffff;
        height: 135px;
        border-radius: 15px;
        top: 37px;
        left: -30px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 90%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }
    
    #footer {
        background-color: #F2F2F2;
        padding: 10px;
        position: relative;
        top: 6225px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
        width: 600px;
        position: relative;
        left: 25px;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 672px) {
    body{
        background-color:rgb(255, 255, 255);
    }

    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        height: 131px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 110px;
        width: 50%;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 45px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 130px;
        width: 450px;
        height: 195px;
        background-color: #4472C4;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 20px;
        left: 30px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 150px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }
    
    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box2a p{
        position:relative;
        top: 150px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        width: 590px
    }
    
    #container {
        position: relative;
        top: 140px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box3{
        width: 500%;
    }
    
    #box3a {
        position: relative;
        top: 10px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 350px;
        height: 95px;
    }
    
    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box3b p{
        position: relative;
        top: 10px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 590px;
    }
    
    #box4{
        width: 200%;
        position: relative;
        top: 580px;
        left: -680px;
        width: 100%;
    }
    
    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 350px; 
    }
    
    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 0px;
        width: 590px;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 730px;
        left: -8px;
        height: 1730px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position: relative;
        top: 25px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        height: 1120px;
        width: 92%;
        position: absolute;
        top: 100px;
        left: 10px;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 90px;
        flex-wrap: wrap;
        position: relative;
        height: 1000px;
        top: 120px;
        left: 15px;
        width: 96.1%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box6 {
        position:relative;
        top: 140px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }
    
    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box6a{
        background-color: #ffffff;
        height: 390px;
        width: 92%;
        position: absolute;
        top: 1310px;
        left: 10px;
        border-radius: 10px;
    }
    
    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        width: 90%;
        line-height: 1.5;
    }
    
    #appboxes2{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: 12px;
        width: 96.1%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 220px;
    }
    
    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 760px;
        left: 21px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 515px;
        height: 100px;  
    }
    
    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: 220px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 590px;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 590px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 325px;
        position: relative;
        top: 75px;
        left: 90px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 1400px;
        left: -720px;
        width: 590px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 590px;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 315px;
        position: relative;
        top: 75px;
        left: 90px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 2330px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 800px;
    }
    
    #box10 {
        position:relative;
        top: 100px;
        left: -30px;
        width: 800px;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 590px;
        line-height: 1.5;
    }
    
    #welcomethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 320px;
       position: relative;
       top: 85px;
       left: 90px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        top: 2px;
        left: 1px;
        border-radius: 3px;
    }
    
    #box11 {
        position:relative;
        top: 750px;
        left: -720px;
        width: 590px;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 590px;
    }
    
    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 90px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 3580px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 590px;
    }

    #box12 {
        position:relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 590px;
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 590px;
        line-height: 1.5;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 90px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 4310px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 460px;
        height: 135px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }
    
    #container5{
        position: relative;
        top: 4200px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 590px;
    }
    
    #box14 {
        position:relative;
        top: 125px;
        left: 3px;
        width: 590px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 590px;
    }
    
    #timelinethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 323px;
       position: relative;
       top: -10px;
       left: 55px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 940px;
        left: -690px;
        width: 590px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
        width: 590px;
    }
    
    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 590px;
    }
    
    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 675px;
        position: relative;
        top: -10px;
        left: 60px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #contentthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 6010px;
        left: 5px;
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 250px; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 6150px;
        left: -8px;
        width: 103.9%;
        height: 210px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 80%;
        background-color: #ffffff;
        height: 135px;
        border-radius: 15px;
        top: 35px;
        left: -22px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 90%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }
    
    #footer {
        background-color: #F2F2F2;
        padding: 10px;
        position: relative;
        top: 6155px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 760px) { 
    body{
        background-color:rgb(255, 255, 255);
    }

    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: -0px;
        top: 0px;
        height: 131px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 110px;
        width: 45%;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 47px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 140px;
        left: -1px;
        width: 98vw;
        height: 60vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/presentationdesign992.svg) ;
        background-position: 0px 35px ;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #2A4B86;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 40px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 170px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }
    
    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box2a p{
        position:relative;
        top: 175px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        width: 700px;
    }
    
    #container {
        position: relative;
        top: 150px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 700px;
    }
    
    #box3{
        width: 700px;
    }
    
    #box3a {
        position: relative;
        top: 30px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 640px;
        height: 50px;
    }
    
    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box3b p{
        position: relative;
        top: 35px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 683px;
    }
    
    #box4{
        position: relative;
        top: 500px;
        left: -775px;
        width: 700px;
    }
    
    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 630px;
        height: 50px; 
    }
    
    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 2px;
        width: 683px;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 650px;
        left: -8px;
        height: 1750px;
        width: 100%;
        padding-right: 50px;
    }
    
    #box5 {
        position:relative;
        top: 25px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }
    
    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box5a{
        background-color: #ffffff;
        height: 1130px;
        width: 89.5%;
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width: 683px;
    }
    
    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 89px;
        flex-wrap: wrap;
        position: relative;
        height: 700px;
        top: 120px;
        left: 7px;
        width: 96.1%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box6 {
        position:relative;
        top: 460px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }
    
    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box6a{
        background-color: #ffffff;
        height: 390px;
        width: 89.5%;
        position: absolute;
        top: 1330px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }
    
    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: 10px;
        width: 96.1%;
        height: 200px;
        padding-top: 30px;
        padding-left: 10px;
        top: 550px;
    }
    
    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 680px;
        left: 21px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 515px;
        height: 95px;  
    }
    
    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: 140px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 900px;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 900px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 683px;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 325px;
        position: relative;
        top: 75px;
        left: 139px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 1345px;
        left: -813px;
        width: 700px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 683px;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 315px;
        position: relative;
        top: 85px;
        left: 139px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 2330px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 800px;
    }
    
    #box10 {
        position:relative;
        top: -50px;
        left: -30px;
        width: 800px;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 683px;
        line-height: 1.5;
    }
    
    #welcomethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 320px;
       position: relative;
       top: 85px;
       left: 139px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        top: 2px;
        left: 1px;
        border-radius: 3px;
    }
    
    #box11 {
        position:relative;
        top: 610px;
        left: -814px;
        width: 680px;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 683px;
    }
    
    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 140px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 3455px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 680px;
    }

    #box12 {
        position:relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 680px;
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 683px;
        line-height: 1.5;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 139px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 4170px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 460px;
        height: 135px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }
    
    #container5{
        position: relative;
        top: 4055px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 680px;
    }
    
    #box14 {
        position:relative;
        top: 125px;
        left: 3px;
        width: 680px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 683px;
    }
    
    #timelinethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 323px;
       position: relative;
       top: -10px;
       left: 105px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 895px;
        left: -775px;
        width: 680px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
        width: 590px;
    }
    
    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 683px;
    }
    
    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 675px;
        position: relative;
        top: -10px;
        left: 104px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #contentthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 5793px;
        left: 0px;
    }

    #photocreditleft {
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 465px; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 5940px;
        left: -8px;
        width: 103.9%;
        height: 210px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 75%;
        background-color: #ffffff;
        height: 135px;
        border-radius: 15px;
        top: 37px;
        left: -39px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 90%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }
    
    #footer {
        background-color: #F2F2F2;
        padding: 10px;
        position: relative;
        top: 5945px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
        width: 700px;
        left: 21px;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 800px) { 
    body{
        background-color:rgb(255, 255, 255);
    }

    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: -0px;
        top: 0px;
        height: 131px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 110px;
        width: 800px;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 47px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 130px;
        left: 4px;
        width: 97vw;
        height: 60vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/presentationdesign992.svg) ;
        background-position: 0px 35px ;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #2A4B86;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 40px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 155px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }
    
    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box2a p{
        position:relative;
        top: 155px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        width: 725px;
    }
    
    #container {
        position: relative;
        top: 125px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 700px;
    }
    
    #box3{
        width: 700px;
    }
    
    #box3a {
        position: relative;
        top: 30px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 640px;
        height: 50px;
    }
    
    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box3b p{
        position: relative;
        top: 30px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 723px;
    }
    
    #box4{
        width: 733px;
        position: relative;
        top: 463px;
        left: -790px;
    }
    
    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 630px;
        height: 55px; 
    }
    
    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 0px;
        left: 0px;
        width: 723px;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 590px;
        left: -8px;
        height: 1750px;
        width: 100%;
        padding-right: 50px;
    }
    
    #box5 {
        position:relative;
        top: 25px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }
    
    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box5a{
        background-color: #ffffff;
        height: 1130px;
        width: 89.8%;
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width:600px;
    }
    
    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 89px;
        flex-wrap: wrap;
        position: relative;
        height: 700px;
        top: 120px;
        left: 7px;
        width: 96.1%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box6 {
        position:relative;
        top: 460px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }
    
    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box6a{
        background-color: #ffffff;
        height: 390px;
        width: 89.8%;
        position: absolute;
        top: 1330px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        width: 700px;
    }
    
    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: 10px;
        width: 96.1%;
        height: 200px;
        padding-top: 30px;
        padding-left: 10px;
        top: 550px;
    }
    
    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 617px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 515px;
        height: 95px;  
    }
    
    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: 122px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 900px;
    }

    #box8 {
        position: relative;
        top: 430px;
        left: -30px;
        width: 900px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 723px;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 325px;
        position: relative;
        top: 75px;
        left: 160px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 1260px;
        left: -855px;
        width: 700px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 723px;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 315px;
        position: relative;
        top: 85px;
        left: 162px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 2200px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 800px;
    }
    
    #box10 {
        position:relative;
        top: -50px;
        left: -30px;
        width: 800px;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 723px;
        line-height: 1.5;
    }
    
    #welcomethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 320px;
       position: relative;
       top: 85px;
       left: 160px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        top: 2px;
        left: 0px;
        border-radius: 3px;
    }
    
    #box11 {
        position:relative;
        top: 580px;
        left: -854px;
        width: 680px;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 723px;
    }
    
    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 161px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        top: 3px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 3265px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 680px;
    }

    #box12 {
        position:relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 680px;
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 723px;
        line-height: 1.5;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 160px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        top: 3px;
        left: 0px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 3980px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 670px;
        height: 95px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 670px;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 723px;
    }
    
    #container5{
        position: relative;
        top: 3870px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 680px;
    }
    
    #box14 {
        position:relative;
        top: 125px;
        left: 3px;
        width: 680px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 723px;
    }
    
    #timelinethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 323px;
       position: relative;
       top: -15px;
       left: 127px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        top: 3px;
        left: 0px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 880px;
        left: -778px;
        width: 680px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
        width: 590px;
    }
    
    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 723px;
    }
    
    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 675px;
        position: relative;
        top: -20px;
        left: 128px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #contentthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 5585px;
        left: 0px;
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 520px; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 5730px;
        left: -8px;
        width: 103.9%;
        height: 210px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 530px;
        background-color: #ffffff;
        height: 135px;
        border-radius: 15px;
        top: 35px;
        left: -57px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 90%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }
    
    #footer {
        background-color: #F2F2F2;
        padding: 10px;
        position: relative;
        top: 5735px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
        width: 100%; 
        left: -7px;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 812px) { 
    body{
        background-color:rgb(255, 255, 255);
    }

    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: -0px;
        top: 0px;
        height: 131px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 110px;
        width: 800px;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 47px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 130px;
        left: 4px;
        width: 97vw;
        height: 60vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/presentationdesign992.svg) ;
        background-position: 0px 35px ;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #2A4B86;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 40px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 155px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }
    
    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box2a p{
        position:relative;
        top: 155px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        width: 735px;
    }
    
    #container {
        position: relative;
        top: 130px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 700px;
    }
    
    #box3{
        width: 700px;
    }
    
    #box3a {
        position: relative;
        top: 30px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 640px;
        height: 50px;
    }
    
    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box3b p{
        position: relative;
        top: 35px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 735px;
    }
    
    #box4{
        width: 733px;
        position: relative;
        top: 470px;
        left: -790px;
    }
    
    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 630px;
        height: 55px; 
    }
    
    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 0px;
        width: 735px;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 610px;
        left: -8px;
        height: 1750px;
        width: 100%;
        padding-right: 50px;
    }
    
    #box5 {
        position:relative;
        top: 25px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }
    
    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box5a{
        background-color: #ffffff;
        height: 1130px;
        width: 89.5%;
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width:600px;
    }
    
    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 89px;
        flex-wrap: wrap;
        position: relative;
        height: 700px;
        top: 105px;
        left: 11px;
        width: 96.1%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box6 {
        position:relative;
        top: 460px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }
    
    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box6a{
        background-color: #ffffff;
        height: 390px;
        width: 89.5%;
        position: absolute;
        top: 1330px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }
    
    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: 11px;
        width: 96.1%;
        height: 200px;
        padding-top: 30px;
        padding-left: 10px;
        top: 540px;
    }
    
    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 635px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 515px;
        height: 97px;  
    }
    
    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: 140px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 900px;
    }

    #box8 {
        position: relative;
        top: 430px;
        left: -30px;
        width: 900px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 735px;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 325px;
        position: relative;
        top: 90px;
        left: 165px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 1260px;
        left: -865px;
        width: 700px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 735px;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 315px;
        position: relative;
        top: 85px;
        left: 165px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 2225px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 800px;
    }
    
    #box10 {
        position:relative;
        top: -50px;
        left: -30px;
        width: 800px;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 735px;
        line-height: 1.5;
    }
    
    #welcomethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 320px;
       position: relative;
       top: 85px;
       left: 165px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        top: 2px;
        left: 1px;
        border-radius: 3px;
    }
    
    #box11 {
        position:relative;
        top: 580px;
        left: -866px;
        width: 680px;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 735px;
    }
    
    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 166px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 3290px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 680px;
    }

    #box12 {
        position:relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 680px;
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 735px;
        line-height: 1.5;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 165px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 4000px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 460px;
        height: 135px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 735px;
    }
    
    #container5{
        position: relative;
        top: 3890px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 680px;
    }
    
    #box14 {
        position:relative;
        top: 125px;
        left: 3px;
        width: 680px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 735px;
    }
    
    #timelinethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 323px;
       position: relative;
       top: -10px;
       left: 132px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 895px;
        left: -775px;
        width: 680px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
        width: 590px;
    }
    
    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 5px;
        line-height: 1.5;
        width: 735px;
    }
    
    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 675px;
        position: relative;
        top: -10px;
        left: 130px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #contentthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 5630px;
        left: 0px;
    }

    #photocreditleft {
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 520px; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 5773px;
        left: -8px;
        width: 103.9%;
        height: 210px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 530px;
        background-color: #ffffff;
        height: 135px;
        border-radius: 15px;
        top: 35px;
        left: -57px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 90%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }
    
    #footer {
        background-color: #F2F2F2;
        padding: 10px;
        position: relative;
        top: 5777px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
        width: 100%; 
        left: -7px;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 844px) { 
    body{
        background-color:rgb(255, 255, 255);
    }

    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: -0px;
        top: 0px;
        height: 131px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 110px;
        width: 800px;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 47px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 130px;
        left: 4px;
        width: 97vw;
        height: 60vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/presentationdesign992.svg) ;
        background-position: 0px 35px ;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #2A4B86;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 40px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 155px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }
    
    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box2a p{
        position:relative;
        top: 155px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        width: 760px;
    }
    
    #container {
        position: relative;
        top: 130px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 700px;
    }
    
    #box3{
        width: 700px;
    }
    
    #box3a {
        position: relative;
        top: 30px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 640px;
        height: 50px;
    }
    
    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box3b p{
        position: relative;
        top: 35px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 767px;
    }
    
    #box4{
        width: 733px;
        position: relative;
        top: 470px;
        left: -790px;
    }
    
    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 630px;
        height: 55px; 
    }
    
    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 0px;
        width: 767px;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 610px;
        left: -8px;
        height: 1750px;
        width: 100%;
        padding-right: 50px;
    }
    
    #box5 {
        position:relative;
        top: 25px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }
    
    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box5a{
        background-color: #ffffff;
        height: 1130px;
        width: 90.4%;
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width:600px;
    }
    
    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 89px;
        flex-wrap: wrap;
        position: relative;
        height: 700px;
        top: 105px;
        left: 14px;
        width: 96.1%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box6 {
        position:relative;
        top: 460px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }
    
    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box6a{
        background-color: #ffffff;
        height: 390px;
        width: 90.4%;
        position: absolute;
        top: 1330px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }
    
    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: 14px;
        width: 96.1%;
        height: 200px;
        padding-top: 30px;
        padding-left: 10px;
        top: 540px;
    }
    
    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 635px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 515px;
        height: 97px;  
    }
    
    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: 140px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 900px;
    }

    #box8 {
        position: relative;
        top: 430px;
        left: -30px;
        width: 900px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 767px;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 325px;
        position: relative;
        top: 90px;
        left: 182px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 1260px;
        left: -897px;
        width: 700px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 767px;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 315px;
        position: relative;
        top: 85px;
        left: 182px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 2190px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 800px;
    }
    
    #box10 {
        position:relative;
        top: -50px;
        left: -30px;
        width: 800px;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 767px;
        line-height: 1.5;
    }
    
    #welcomethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 320px;
       position: relative;
       top: 85px;
       left: 182px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        top: 2px;
        left: 1px;
        border-radius: 3px;
    }
    
    #box11 {
        position:relative;
        top: 580px;
        left: -897px;
        width: 680px;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 767px;
    }
    
    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 182px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 3257px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 680px;
    }

    #box12 {
        position:relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 680px;
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 767px;
        line-height: 1.5;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 182px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 3970px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 460px;
        height: 135px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 767px;
    }
    
    #container5{
        position: relative;
        top: 3860px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 680px;
    }
    
    #box14 {
        position:relative;
        top: 125px;
        left: 3px;
        width: 680px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 767px;
    }
    
    #timelinethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 323px;
       position: relative;
       top: -10px;
       left: 149px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 865px;
        left: -775px;
        width: 680px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
        width: 590px;
    }
    
    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 5px;
        line-height: 1.5;
        width: 767px;
    }
    
    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 675px;
        position: relative;
        top: -10px;
        left: 147px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #contentthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 5545px;
        left: 0px;
    }

    #photocreditleft {
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 560px; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 5695px;
        left: -8px;
        width: 103.9%;
        height: 210px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 530px;
        background-color: #ffffff;
        height: 135px;
        border-radius: 15px;
        top: 35px;
        left: -63px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 90%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }
    
    #footer {
        background-color: #F2F2F2;
        padding: 10px;
        position: relative;
        top: 5700px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
        width: 100%; 
        left: -7px;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 854px) { 
    body{
        background-color:rgb(255, 255, 255);
    }

    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: -0px;
        top: 0px;
        height: 131px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 110px;
        width: 800px;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 47px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 130px;
        left: 5px;
        width: 97vw;
        height: 60vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/presentationdesign992.svg) ;
        background-position: 0px 35px ;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #2A4B86;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 40px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 155px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }
    
    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box2a p{
        position:relative;
        top: 155px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        width: 750px;
    }
    
    #container {
        position: relative;
        top: 130px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 700px;
    }
    
    #box3{
        width: 700px;
    }
    
    #box3a {
        position: relative;
        top: 30px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 640px;
        height: 50px;
    }
    
    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box3b p{
        position: relative;
        top: 35px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 778px;
    }
    
    #box4{
        width: 733px;
        position: relative;
        top: 450px;
        left: -790px;
    }
    
    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 630px;
        height: 55px; 
    }
    
    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 0px;
        width: 778px;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 610px;
        left: -8px;
        height: 1750px;
        width: 100%;
        padding-right: 50px;
    }
    
    #box5 {
        position:relative;
        top: 25px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }
    
    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box5a{
        background-color: #ffffff;
        height: 1130px;
        width: 90.5%;
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width:600px;
    }
    
    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 89px;
        flex-wrap: wrap;
        position: relative;
        height: 700px;
        top: 120px;
        left: 15px;
        width: 96.1%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box6 {
        position:relative;
        top: 460px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }
    
    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box6a{
        background-color: #ffffff;
        height: 390px;
        width: 90.5%;
        position: absolute;
        top: 1330px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }
    
    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: 14px;
        width: 96.1%;
        height: 200px;
        padding-top: 30px;
        padding-left: 10px;
        top: 550px;
    }
    
    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 635px;
        left: 21px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 515px;
        height: 100px;  
    }
    
    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: 140px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 900px;
    }

    #box8 {
        position: relative;
        top: 430px;
        left: -30px;
        width: 900px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 778px;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 325px;
        position: relative;
        top: 90px;
        left: 187px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 1260px;
        left: -910px;
        width: 700px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 778px;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 315px;
        position: relative;
        top: 85px;
        left: 189px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 2195px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 800px;
    }
    
    #box10 {
        position:relative;
        top: -50px;
        left: -30px;
        width: 800px;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 778px;
        line-height: 1.5;
    }
    
    #welcomethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 320px;
       position: relative;
       top: 85px;
       left: 187px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        top: 2px;
        left: 1px;
        border-radius: 3px;
    }
    
    #box11 {
        position:relative;
        top: 580px;
        left: -910px;
        width: 680px;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 778px;
    }
    
    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 189px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 3260px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 680px;
    }

    #box12 {
        position:relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 680px;
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 778px;
        line-height: 1.5;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 187px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 3980px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 460px;
        height: 135px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }
    
    #container5{
        position: relative;
        top: 3870px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 680px;
    }
    
    #box14 {
        position:relative;
        top: 125px;
        left: 3px;
        width: 680px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 778px;
    }
    
    #timelinethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 323px;
       position: relative;
       top: -10px;
       left: 154px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 870px;
        left: -777px;
        width: 680px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
        width: 590px;
    }
    
    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 778px;
    }
    
    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 675px;
        position: relative;
        top: -10px;
        left: 154px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #contentthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 5560px;
        left: 0px;
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 570px; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 5705px;
        left: -8px;
        width: 103.9%;
        height: 210px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 530px;
        background-color: #ffffff;
        height: 135px;
        border-radius: 15px;
        top: 35px;
        left: -65px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 90%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }
    
    #footer {
        background-color: #F2F2F2;
        padding: 10px;
        position: relative;
        top: 5710px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
        width: 100%; 
        left: -7px;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 883px) { 
    body{
        background-color:rgb(255, 255, 255);
    }

    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: -0px;
        top: 0px;
        height: 131px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 110px;
        width: 45%;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 47px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 140px;
        left: -1px;
        width: 98.3vw;
        height: 60vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/presentationdesign992.svg) ;
        background-position: 0px 35px ;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #2A4B86;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 40px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 170px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }
    
    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box2a p{
        position:relative;
        top: 175px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        width: 750px;
    }
    
    #container {
        position: relative;
        top: 150px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 700px;
    }
    
    #box3{
        width: 700px;
    }
    
    #box3a {
        position: relative;
        top: 30px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 640px;
        height: 50px;
    }
    
    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box3b p{
        position: relative;
        top: 35px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 805px;
    }
    
    #box4{
        width: 40%;
        position: relative;
        top: 450px;
        left: -790px;
        width: 700px;
    }
    
    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 630px; 
    }
    
    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 0px;
        width: 805px;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 608px;
        left: -8px;
        height: 1425px;
        width: 100%;
        padding-right: 50px;
    }
    
    #box5 {
        position:relative;
        top: 25px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }
    
    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box5a{
        background-color: #ffffff;
        height: 800px;
        width: 91%;
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width: 805px;
    }
    
    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 89px;
        flex-wrap: wrap;
        position: relative;
        height: 700px;
        top: 120px;
        left: 18px;
        width: 96.1%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box6 {
        position:relative;
        top: 130px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }
    
    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box6a{
        background-color: #ffffff;
        height: 390px;
        width: 91%;
        position: absolute;
        top: 1007px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }
    
    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: 17px;
        width: 96.1%;
        height: 200px;
        padding-top: 30px;
        padding-left: 10px;
        top: 220px;
    }
    
    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 635px;
        left: 21px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 655px;
        height: 95px;  
    }
    
    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: 100px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 900px;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 900px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 805px;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 325px;
        position: relative;
        top: 80px;
        left: 200px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 1270px;
        left: -935px;
        width: 790px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 805px;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 315px;
        position: relative;
        top: 85px;
        left: 200px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 2160px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 800px;
    }
    
    #box10 {
        position:relative;
        top: -50px;
        left: -30px;
        width: 800px;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 805px;
        line-height: 1.5;
    }
    
    #welcomethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 320px;
       position: relative;
       top: 85px;
       left: 200px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        top: 2px;
        left: 1px;
        border-radius: 3px;
    }
    
    #box11 {
        position:relative;
        top: 555px;
        left: -930px;
        width: 790px;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 805px;
    }
    
    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 200px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 3210px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 790px;
    }

    #box12 {
        position:relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 680px;
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 805px;
        line-height: 1.5;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 200px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 3895px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 665px;
        height: 95px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 805px;
    }
    
    #container5{
        position: relative;
        top: 3785px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 680px;
    }
    
    #box14 {
        position:relative;
        top: 125px;
        left: 3px;
        width: 680px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 805px;
    }
    
    #timelinethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 323px;
       position: relative;
       top: -10px;
       left: 167px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 865px;
        left: -777px;
        width: 680px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
        width: 590px;
    }
    
    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 805px;
    }
    
    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 675px;
        position: relative;
        top: -10px;
        left: 167px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #contentthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 5475px;
        left: 1px;
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 590px; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 5625px;
        left: -8px;
        width: 103.9%;
        height: 210px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 65%;
        background-color: #ffffff;
        height: 135px;
        border-radius: 15px;
        top: 35px;
        left: -67px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 90%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }
    
    #footer {
        background-color: #F2F2F2;
        padding: 10px;
        position: relative;
        top: 5627px;
        width: 101.5%; 
        left: -10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 896px) { 
    body{
        background-color:rgb(255, 255, 255);
    }

    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: -0px;
        top: 0px;
        height: 131px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 110px;
        width: 45%;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 47px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 130px;
        left: -1px;
        width: 98.3vw;
        height: 60vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/presentationdesign992.svg) ;
        background-position: 0px 35px ;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #2A4B86;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 40px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 160px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }
    
    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box2a p{
        position:relative;
        top: 165px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        width: 750px;
    }
    
    #container {
        position: relative;
        top: 140px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 700px;
    }
    
    #box3{
        width: 700px;
    }
    
    #box3a {
        position: relative;
        top: 30px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 640px;
        height: 50px;
    }
    
    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box3b p{
        position: relative;
        top: 35px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 820px;
    }
    
    #box4{
        width: 40%;
        position: relative;
        top: 450px;
        left: -790px;
        width: 700px;
    }
    
    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 630px; 
    }
    
    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 0px;
        width: 820px;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 608px;
        left: -8px;
        height: 1425px;
        width: 100%;
        padding-right: 50px;
    }
    
    #box5 {
        position:relative;
        top: 25px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }
    
    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box5a{
        background-color: #ffffff;
        height: 800px;
        width: 91%;
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width: 805px;
    }
    
    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 89px;
        flex-wrap: wrap;
        position: relative;
        height: 700px;
        top: 120px;
        left: 18px;
        width: 96.1%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box6 {
        position:relative;
        top: 130px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }
    
    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box6a{
        background-color: #ffffff;
        height: 390px;
        width: 91%;
        position: absolute;
        top: 1007px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }
    
    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: 16px;
        width: 96.1%;
        height: 200px;
        padding-top: 30px;
        padding-left: 10px;
        top: 220px;
    }
    
    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 635px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 655px;
        height: 95px;  
    }
    
    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: 90px;
        left: 19px;
        display: flex; 
        gap: 100px;
        width: 900px;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 900px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 820px;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 325px;
        position: relative;
        top: 80px;
        left: 208px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 1270px;
        left: -949px;
        width: 790px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 820px;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 315px;
        position: relative;
        top: 85px;
        left: 207px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 2150px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 800px;
    }
    
    #box10 {
        position:relative;
        top: -50px;
        left: -30px;
        width: 800px;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 820px;
        line-height: 1.5;
    }
    
    #welcomethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 320px;
       position: relative;
       top: 85px;
       left: 207px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        top: 2px;
        left: 1px;
        border-radius: 3px;
    }
    
    #box11 {
        position:relative;
        top: 550px;
        left: -930px;
        width: 790px;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 820px;
    }
    
    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 207px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 3185px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 790px;
    }

    #box12 {
        position:relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 680px;
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 820px;
        line-height: 1.5;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 207px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 3870px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 665px;
        height: 95px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 820px;
    }
    
    #container5{
        position: relative;
        top: 3760px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 680px;
    }
    
    #box14 {
        position:relative;
        top: 125px;
        left: 3px;
        width: 680px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 820px;
    }
    
    #timelinethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 323px;
       position: relative;
       top: -10px;
       left: 174px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 865px;
        left: -775px;
        width: 680px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
        width: 590px;
    }
    
    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 6px;
        line-height: 1.5;
        width: 820px;
    }
    
    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 675px;
        position: relative;
        top: -10px;
        left: 172px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #contentthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 5445px;
        left: 1px;
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 610px; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 5593px;
        left: -8px;
        width: 103.9%;
        height: 210px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 795px;
        background-color: #ffffff;
        height: 115px;
        border-radius: 15px;
        top: 47px;
        left: -30px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
        width: 810px;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }
    
    #footer {
        background-color: #F2F2F2;
        padding: 10px;
        position: relative;
        top: 5597px;
        width: 101.5%; 
        left: -10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
        left: -7px;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 915px) { 
    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: -25px;
        top: 0px;
        height: 70px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 60px;
        left: -48px;
        height: 110px;
        width: 935px;
        padding-top: -10px;
        padding-right: 40px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        position: relative;
        left: 45px;
        font-size: 16px;
        margin: -7px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        padding: 0px 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 22px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 140px;
        left: -1px;
        width: 98.4vw;
        height: 60vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/presentationdesign992.svg) ;
        background-position: 0px 35px ;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #2A4B86;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 40px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 170px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }
    
    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box2a p{
        position:relative;
        top: 175px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        width: 760px;
    }
    
    #container {
        position: relative;
        top: 150px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 700px;
    }
    
    #box3{
        width: 700px;
    }
    
    #box3a {
        position: relative;
        top: 30px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 640px;
        height: 50px;
    }
    
    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box3b p{
        position: relative;
        top: 35px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 835px;
    }
    
    #box4{
        width: 40%;
        position: relative;
        top: 450px;
        left: -790px;
        width: 700px;
    }
    
    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 630px; 
    }
    
    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 0px;
        width: 835px;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 615px;
        left: -8px;
        height: 1395px;
        width: 100%;
        padding-right: 50px;
    }
    
    #box5 {
        position:relative;
        top: 25px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }
    
    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box5a{
        background-color: #ffffff;
        height: 790px;
        width: 91%;
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width:600px;
    }
    
    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 89px;
        flex-wrap: wrap;
        position: relative;
        height: 700px;
        top: 120px;
        left: 7px;
        width: 96.1%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box6 {
        position:relative;
        top: 115px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }
    
    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box6a{
        background-color: #ffffff;
        height: 380px;
        width: 91%;
        position: absolute;
        top: 990px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }
    
    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: 15px;
        width: 96.1%;
        height: 200px;
        padding-top: 30px;
        padding-left: 10px;
        top: 190px;
    }
    
    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 640px;
        left: 21px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 515px;
        height: 100px;  
    }
    
    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: 100px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 900px;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 900px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 835px;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 325px;
        position: relative;
        top: 80px;
        left: 217px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 1270px;
        left: -965px;
        width: 790px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 835px;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 315px;
        position: relative;
        top: 85px;
        left: 217px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 2160px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 800px;
    }
    
    #box10 {
        position:relative;
        top: -50px;
        left: -30px;
        width: 800px;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 835px;
        line-height: 1.5;
    }
    
    #welcomethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 320px;
       position: relative;
       top: 85px;
       left: 217px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        top: 2px;
        left: 0px;
        border-radius: 3px;
    }
    
    #box11 {
        position:relative;
        top: 555px;
        left: -930px;
        width: 790px;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 835px;
    }
    
    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 217px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 3200px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 790px;
    }

    #box12 {
        position:relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 680px;
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 835px;
        line-height: 1.5;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 217px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 3880px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 820px;
        height: 95px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position: relative;
        top: -15px;
        left: 20px;
        width: 800px;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 835px;
    }
    
    #container5{
        position: relative;
        top: 3770px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 680px;
    }
    
    #box14 {
        position:relative;
        top: 125px;
        left: 3px;
        width: 680px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 835px;
    }
    
    #timelinethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 323px;
       position: relative;
       top: -15px;
       left: 184px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 860px;
        left: -777px;
        width: 680px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
        width: 590px;
    }
    
    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 835px;
    }
    
    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 675px;
        position: relative;
        top: -10px;
        left: 184px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #contentthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 5455px;
        left: 0px;
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 620px; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 5610px;
        left: -8px;
        width: 915px;
        height: 210px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 563px;
        background-color: #ffffff;
        height: 135px;
        border-radius: 15px;
        top: 35px;
        left: -58px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 500px;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }
    
    #footer {
        background-color: #F2F2F2;
        padding: 10px;
        position: relative;
        top: 5615px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 926px) { 
    body{
        background-color:rgb(255, 255, 255);
    }

    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: -0px;
        top: 0px;
        height: 131px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 110px;
        width: 45%;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 47px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 140px;
        left: -1px;
        width: 98.4vw;
        height: 60vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/presentationdesign992.svg) ;
        background-position: 0px 35px ;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #2A4B86;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 40px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 170px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }
    
    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box2a p{
        position:relative;
        top: 175px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        width: 760px;
    }
    
    #container {
        position: relative;
        top: 150px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 700px;
    }
    
    #box3{
        width: 700px;
    }
    
    #box3a {
        position: relative;
        top: 30px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 640px;
        height: 50px;
    }
    
    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box3b p{
        position: relative;
        top: 35px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 850px;
    }
    
    #box4{
        width: 40%;
        position: relative;
        top: 420px;
        left: -790px;
        width: 700px;
    }
    
    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 630px; 
    }
    
    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 0px;
        width: 850px;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 585px;
        left: -8px;
        height: 1395px;
        width: 100%;
        padding-right: 50px;
    }
    
    #box5 {
        position:relative;
        top: 25px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }
    
    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box5a{
        background-color: #ffffff;
        height: 790px;
        width: 91%;
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width: 600px;
    }
    
    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 89px;
        flex-wrap: wrap;
        position: relative;
        height: 700px;
        top: 120px;
        left: 19px;
        width: 96.1%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box6 {
        position:relative;
        top: 115px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }
    
    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box6a{
        background-color: #ffffff;
        height: 380px;
        width: 91%;
        position: absolute;
        top: 990px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }
    
    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: 15px;
        width: 96.1%;
        height: 200px;
        padding-top: 30px;
        padding-left: 10px;
        top: 190px;
    }
    
    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 609px;
        left: 21px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 515px;
        height: 100px;  
    }
    
    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: 70px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 900px;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 900px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 850px;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 325px;
        position: relative;
        top: 80px;
        left: 222px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 1270px;
        left: -980px;
        width: 790px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 850px;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 315px;
        position: relative;
        top: 85px;
        left: 222px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 2160px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 800px;
    }
    
    #box10 {
        position:relative;
        top: -50px;
        left: -30px;
        width: 800px;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 850px;
        line-height: 1.5;
    }
    
    #welcomethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 320px;
       position: relative;
       top: 85px;
       left: 222px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        top: 2px;
        left: 0px;
        border-radius: 3px;
    }
    
    #box11 {
        position:relative;
        top: 555px;
        left: -930px;
        width: 790px;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 850px;
    }
    
    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 222px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 3200px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 790px;
    }

    #box12 {
        position:relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 680px;
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 850px;
        line-height: 1.5;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 222px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 3880px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 820px;
        height: 95px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position: relative;
        top: -15px;
        left: 20px;
        width: 800px;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 850px;
    }
    
    #container5{
        position: relative;
        top: 3770px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 680px;
    }
    
    #box14 {
        position:relative;
        top: 125px;
        left: 3px;
        width: 680px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 850px;
    }
    
    #timelinethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 323px;
       position: relative;
       top: -15px;
       left: 189px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 827px;
        left: -777px;
        width: 680px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
        width: 590px;
    }
    
    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 850px;
    }
    
    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 675px;
        position: relative;
        top: -10px;
        left: 189px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #contentthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 5420px;
        left: 0px;
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 640px; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 5570px;
        left: -8px;
        width: 926px;
        height: 210px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 563px;
        background-color: #ffffff;
        height: 135px;
        border-radius: 15px;
        top: 35px;
        left: -61px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 500px;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }
    
    #footer {
        background-color: #F2F2F2;
        padding: 10px;
        position: relative;
        top: 5575px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 992px) { 
    body{
        background-color:rgb(255, 255, 255);
    }

    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: -0px;
        top: 0px;
        height: 131px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 110px;
        width: 97%;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 47px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 140px;
        left: -1px;
        width: 97vw;
        height: 60vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/presentationdesign992.svg) ;
        background-position: 0px 35px ;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #2A4B86;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 40px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 170px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }
    
    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box2a p{
        position:relative;
        top: 175px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        width: 1000px;
    }
    
    #container {
        position: relative;
        top: 150px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 700px;
    }
    
    #box3{
        width: 700px;
    }
    
    #box3a {
        position: relative;
        top: 30px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 640px;
        height: 50px;
    }
    
    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box3b p{
        position: relative;
        top: 35px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 910px;
    }
    
    #box4{
        width: 40%;
        position: relative;
        top: 420px;
        left: -790px;
        width: 700px;
    }
    
    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 630px; 
    }
    
    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 0px;
        width: 910px;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 580px;
        left: -8px;
        height: 1410px;
        width: 100%;
        padding-right: 50px;
    }
    
    #box5 {
        position:relative;
        top: 25px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }
    
    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box5a{
        background-color: #ffffff;
        height: 800px;
        width: 91.7%;
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width:600px;
    }
    
    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 89px;
        flex-wrap: wrap;
        position: relative;
        height: 700px;
        top: 120px;
        left: 7px;
        width: 96.1%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box6 {
        position:relative;
        top: 130px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }
    
    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box6a{
        background-color: #ffffff;
        height: 370px;
        width: 91.7%;
        position: absolute;
        top: 1010px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }
    
    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: 10px;
        width: 96.1%;
        height: 180px;
        padding-top: 30px;
        padding-left: 10px;
        top: 210px;
    }
    
    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 610px;
        left: 21px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 515px;
        height: 100px;  
    }
    
    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: 70px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 900px;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 900px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 910px;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 325px;
        position: relative;
        top: 80px;
        left: 250px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 1250px;
        left: -1030px;
        width: 790px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 910px;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 315px;
        position: relative;
        top: 85px;
        left: 250px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 2090px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 800px;
    }
    
    #box10 {
        position:relative;
        top: -50px;
        left: -30px;
        width: 800px;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 910px;
        line-height: 1.5;
    }
    
    #welcomethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 320px;
       position: relative;
       top: 85px;
       left: 250px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        top: 2px;
        left: 1px;
        border-radius: 3px;
    }
    
    #box11 {
        position:relative;
        top: 580px;
        left: -920px;
        width: 790px;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 910px;
    }
    
    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 250px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 3150px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 790px;
    }

    #box12 {
        position:relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 680px;
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 910px;
        line-height: 1.5;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 250px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 3830px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 460px;
        height: 135px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }
    
    #container5{
        position: relative;
        top: 3720px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 680px;
    }
    
    #box14 {
        position:relative;
        top: 125px;
        left: 3px;
        width: 680px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 910px;
    }
    
    #timelinethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 323px;
       position: relative;
       top: -10px;
       left: 220px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 850px;
        left: -780px;
        width: 680px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
        width: 590px;
    }
    
    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 910px;
    }
    
    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 675px;
        position: relative;
        top: -10px;
        left: 220px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #contentthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 5370px;
        left: 5px;
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 700px; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 5520px;
        left: -8px;
        width: 103.9%;
        height: 210px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 53.5%;
        background-color: #ffffff;
        height: 135px;
        border-radius: 15px;
        top: 35px;
        left: -67px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 90%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }
    
    #footer {
        background-color: #F2F2F2;
        padding: 10px;
        position: relative;
        top: 5525px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 1080px) { 
    body{
        background-color:rgb(255, 255, 255);
    }

    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        height: 70px;
        width: 500px;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        top: 0px;
        left: 350px;
        height: 110px;
        width: 690px;
        padding-top: -10px;
        padding-right: 40px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: -7px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        padding: 0px 15px;
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 8px;
    }

    p.list {
        text-align: right;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 22px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 70px;
        left: 8px;
        width: 97vw;
        height: 60vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/presentationdesign992.svg) ;
        background-position: 0px 35px ;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #2A4B86;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 40px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 95px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }
    
    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box2a p{
        position:relative;
        top: 97px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        width: 1000px;
    }
    
    #container {
        position: relative;
        top: 73px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 700px;
    }
    
    #box3{
        width: 700px;
    }
    
    #box3a {
        position: relative;
        top: 30px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 640px;
        height: 50px;
    }
    
    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box3b p{
        position: relative;
        top: 35px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 1003px;
    }
    
    #box4{
        width: 40%;
        position: relative;
        top: 390px;
        left: -790px;
        width: 700px;
    }
    
    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 630px; 
    }
    
    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 0px;
        width: 1003px;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 470px;
        left: -8px;
        height: 1410px;
        width: 100%;
        padding-right: 50px;
    }
    
    #box5 {
        position:relative;
        top: 25px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }
    
    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box5a{
        background-color: #ffffff;
        height: 800px;
        width: 91.7%;
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width:600px;
    }
    
    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 89px;
        flex-wrap: wrap;
        position: relative;
        height: 700px;
        top: 110px;
        left: 19px;
        width: 96.1%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box6 {
        position:relative;
        top: 130px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }
    
    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box6a{
        background-color: #ffffff;
        height: 370px;
        width: 91.7%;
        position: absolute;
        top: 1010px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }
    
    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: 15px;
        width: 96.1%;
        height: 180px;
        padding-top: 30px;
        padding-left: 10px;
        top: 210px;
    }
    
    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 497px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 515px;
        height: 97px;  
    }
    
    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: -40px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 900px;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 900px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 1003px;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 325px;
        position: relative;
        top: 80px;
        left: 300px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 1207px;
        left: -1030px;
        width: 790px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 1003px;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 315px;
        position: relative;
        top: 85px;
        left: 300px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 1900px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 800px;
    }
    
    #box10 {
        position:relative;
        top: -50px;
        left: -30px;
        width: 800px;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 1003px;
        line-height: 1.5;
    }
    
    #welcomethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 320px;
       position: relative;
       top: 85px;
       left: 300px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        top: 2px;
        left: 1px;
        border-radius: 3px;
    }
    
    #box11 {
        position:relative;
        top: 560px;
        left: -931px;
        width: 790px;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 1003px;
    }
    
    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 301px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 2921px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 790px;
    }

    #box12 {
        position:relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 680px;
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 1003px;
        line-height: 1.5;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 323px;
        position: relative;
        top: 85px;
        left: 300px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 3577px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 820px;
        height: 97px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 1003px;
    }
    
    #container5{
        position: relative;
        top: 3465px;
        left: 22px;
        display: flex; 
        gap: 100px;
        width: 680px;
    }
    
    #box14 {
        position:relative;
        top: 125px;
        left: 3px;
        width: 680px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 1003px;
    }
    
    #timelinethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 485px;
       height: 323px;
       position: relative;
       top: -10px;
       left: 265px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 810px;
        left: -778px;
        width: 680px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
        width: 590px;
    }
    
    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 1003px;
    }
    
    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 485px;
        height: 675px;
        position: relative;
        top: -10px;
        left: 266px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #contentthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 5065px;
        left: 0px;
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 800px; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 5210px;
        left: -8px;
        width: 103.9%;
        height: 210px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        text-wrap: wrap;
        width: 820px;
        background-color: #ffffff;
        height: 110px;
        border-radius: 15px;
        top: 45px;
        left: -60px;
    } 

    #plansphoto img{
        display: none;
    }

    #plans h1 {
        position: relative;
        text-wrap: wrap;
        width: 90%;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
    }

    #plans p {
        position: relative;
        text-wrap: wrap;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        width: 300px;
    }
    
    #footer {
        background-color: #F2F2F2;
        padding: 10px;
        position: relative;
        top: 5215px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 1096px) {
    body{
        background-color:rgb(255, 255, 255);
    }

    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: -0px;
        top: 0px;
        height: 131px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 110px;
        width: 97%;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 47px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 140px;
        left: -1px;
        width: 97vw;
        height: 60vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/presentationdesign992.svg) ;
        background-position: 0px 35px ;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #2A4B86;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 40px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 170px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }
    
    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box2a p{
        position:relative;
        top: 175px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        width: 1000px;
    }
    
    #container {
        position: relative;
        top: 150px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 700px;
    }
    
    #box3{
        width: 700px;
    }
    
    #box3a {
        position: relative;
        top: 30px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 640px;
        height: 50px;
    }
    
    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box3b p{
        position: relative;
        top: 35px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 1005px;
    }
    
    #box4{
        width: 40%;
        position: relative;
        top: 360px;
        left: -790px;
        width: 700px;
    }
    
    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 630px; 
    }
    
    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 0px;
        width: 1005px;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 520px;
        left: -8px;
        height: 1390px;
        width: 100%;
        padding-right: 50px;
    }
    
    #box5 {
        position:relative;
        top: 25px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }
    
    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box5a{
        background-color: #ffffff;
        height: 780px;
        width: 91.7%;
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width:600px;
    }
    
    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 89px;
        flex-wrap: wrap;
        position: relative;
        height: 700px;
        top: 100px;
        left: 50px;
        width: 90%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box6 {
        position:relative;
        top: 110px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }
    
    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box6a{
        background-color: #ffffff;
        height: 370px;
        width: 91.7%;
        position: absolute;
        top: 990px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }
    
    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: 10px;
        width: 96.1%;
        height: 180px;
        padding-top: 30px;
        padding-left: 10px;
        top: 190px;
    }
    
    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 545px;
        left: 21px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 955px;
        height: 50px;  
    }
    
    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: 0px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 900px;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 900px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 1005px;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 1000px;
        height: 150px;
        position: relative;
        top: 90px;
        left: 40px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 1045px;
        left: -1030px;
        width: 790px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 1005px;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 1000px;
        height: 150px;
        position: relative;
        top: 85px;
        left: 40px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 1615px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 800px;
    }
    
    #box10 {
        position:relative;
        top: -50px;
        left: -30px;
        width: 800px;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 1005px;
        line-height: 1.5;
    }
    
    #welcomethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 1000px;
       height: 150px;
       position: relative;
       top: 85px;
       left: 40px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        top: 2px;
        left: 1px;
        border-radius: 3px;
    }
    
    #box11 {
        position:relative;
        top: 380px;
        left: -920px;
        width: 790px;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 10px;
        width: 590px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 30px;
        line-height: 1.5;
        width: 1005px;
    }
    
    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 1000px;
        height: 150px;
        position: relative;
        top: 85px;
        left: 30px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 2270px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 790px;
    }

    #box12 {
        position:relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 680px;
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 1005px;
        line-height: 1.5;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 1000px;
        height: 150px;
        position: relative;
        top: 85px;
        left: 40px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 2740px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 830px;
        height: 95px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 800px;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }
    
    #container5{
        position: relative;
        top: 2630px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 680px;
    }
    
    #box14 {
        position:relative;
        top: 125px;
        left: 3px;
        width: 680px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 1005px;
    }
    
    #timelinethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 1000px;
       height: 150px;
       position: relative;
       top: -10px;
       left: 7px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 620px;
        left: -780px;
        width: 680px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
        width: 590px;
    }
    
    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 1005px;
    }
    
    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 1000px;
        height: 330px;
        position: relative;
        top: -5px;
        left: 10px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-top: 5px;
    }
    
    #contentthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 3710px;
        left: 5px;
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 800px; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 3860px;
        left: -8px;
        width: 102.5%;
        height: 470px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        width: 44.3%;
        background-color: #ffffff;
        height: 140px;
        border-radius: 15px;
        top: 50px;
        left: -60px;
        
    } 

    #plansphoto img{
        display: block;
        position: relative;
        top: 50px;
        height:350px;
        left: 35px;
        border-style: solid;
        border-color: #ffffff;
        border-radius: 30px;
        background-color: #ffffff;
        padding: 3px;
    }

    #plans h1 {
        position: relative;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
        width: 90%;
    }
    
    #plans p {
        position: relative;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
    }

    
    #footer {
        background-color: #F2F2F2;
        padding: 10px;
        position: relative;
        top: 3865px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 1200px) {
    body{
        background-color:rgb(255, 255, 255);
    }

    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: -0px;
        top: 0px;
        height: 90px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 90px;
        width: 1300px;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 47px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 140px;
        left: -1px;
        width: 97vw;
        height: 60vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/presentationdesign992.svg) ;
        background-position: 0px 35px ;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #2A4B86;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 40px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 170px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }
    
    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box2a p{
        position:relative;
        top: 175px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        width: 1000px;
    }
    
    #container {
        position: relative;
        top: 150px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 700px;
    }
    
    #box3{
        width: 700px;
    }
    
    #box3a {
        position: relative;
        top: 30px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 640px;
        height: 50px;
    }
    
    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box3b p{
        position: relative;
        top: 35px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 1110px;
    }
    
    #box4{
        width: 40%;
        position: relative;
        top: 360px;
        left: -790px;
        width: 700px;
    }
    
    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 630px; 
    }
    
    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 0px;
        width: 1110px;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 520px;
        left: -8px;
        height: 1390px;
        width: 100%;
        padding-right: 50px;
    }
    
    #box5 {
        position:relative;
        top: 25px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }
    
    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box5a{
        background-color: #ffffff;
        height: 780px;
        width: 91.7%;
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width:600px;
    }
    
    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 89px;
        flex-wrap: wrap;
        position: relative;
        height: 700px;
        top: 100px;
        left: 50px;
        width: 90%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box6 {
        position:relative;
        top: 110px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }
    
    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box6a{
        background-color: #ffffff;
        height: 370px;
        width: 91.7%;
        position: absolute;
        top: 990px;
        left: 25px;
        border-radius: 10px;
    }
    
    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }
    
    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: 10px;
        width: 96.1%;
        height: 180px;
        padding-top: 30px;
        padding-left: 10px;
        top: 190px;
    }
    
    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 545px;
        left: 21px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 955px;
        height: 60px;  
    }
    
    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: 0px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 900px;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 900px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 1110px;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 1000px;
        height: 150px;
        position: relative;
        top: 90px;
        left: 90px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 1025px;
        left: -1030px;
        width: 790px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 1110px;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 1000px;
        height: 150px;
        position: relative;
        top: 85px;
        left: 90px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 1570px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 800px;
    }
    
    #box10 {
        position:relative;
        top: -50px;
        left: -30px;
        width: 800px;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 1110px;
        line-height: 1.5;
    }
    
    #welcomethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 1000px;
       height: 150px;
       position: relative;
       top: 85px;
       left: 90px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        top: 2px;
        left: 1px;
        border-radius: 3px;
    }
    
    #box11 {
        position:relative;
        top: 350px;
        left: -920px;
        width: 790px;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 1110px;
    }
    
    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 1000px;
        height: 150px;
        position: relative;
        top: 85px;
        left: 80px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 2200px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 790px;
    }

    #box12 {
        position:relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 680px;
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 1110px;
        line-height: 1.5;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 1000px;
        height: 150px;
        position: relative;
        top: 85px;
        left: 90px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 2680px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 830px;
        height: 100px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 800px;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }
    
    #container5{
        position: relative;
        top: 2570px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 680px;
    }
    
    #box14 {
        position:relative;
        top: 125px;
        left: 3px;
        width: 680px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 1110px;
    }
    
    #timelinethumbnails {
       display: flex;
       flex-direction: row; 
       justify-content: center;
       flex-wrap: wrap;
       gap: 20px;
       align-items: center;
       width: 1000px;
       height: 150px;
       position: relative;
       top: -10px;
       left: 60px;
       background-color: #DAE3F3;
       border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 600px;
        left: -780px;
        width: 680px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
        width: 590px;
    }
    
    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 1110px;
    }
    
    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 1000px;
        height: 330px;
        position: relative;
        top: -5px;
        left: 60px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-top: 5px;
    }
    
    #contentthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 3630px;
        left: 5px;
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 870px; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 3780px;
        left: -8px;
        width: 102.5%;
        height: 470px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        width: 44.3%;
        background-color: #ffffff;
        height: 140px;
        border-radius: 15px;
        top: 50px;
        left: -60px;
        
    } 

    #plansphoto img{
        display: block;
        position: relative;
        top: 50px;
        height:350px;
        left: 35px;
        border-style: solid;
        border-color: #ffffff;
        border-radius: 30px;
        background-color: #ffffff;
        padding: 3px;
    }

    #plans h1 {
        position: relative;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
        width: 90%;
    }
    
    #plans p {
        position: relative;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
    }

    
    #footer {
        background-color: #F2F2F2;
        padding: 10px;
        position: relative;
        top: 3785px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 1280px) {
    body{
        background-color:rgb(255, 255, 255);
    }

    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: -0px;
        top: 0px;
        height: 90px;
        width: 100%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 55px;
        left: -25px;
        height: 90px;
        width: 1300px;
        padding-top: -10px;
        padding-right: 10px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        position: relative;
        left: 47px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        position:relative;
        left: 40px;
        padding-left: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    p.list {
        text-align: left;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 105px;
        left: -1px;
        width: 1267px;
        height: 60vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/presentationdesign992.svg) ;
        background-position: 0px 35px ;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #2A4B86;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 40px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 135px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }
    
    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box2a p{
        position:relative;
        top: 145px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        width: 1000px;
    }
    
    #container {
        position: relative;
        top: 125px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 700px;
    }
    
    #box3{
        width: 700px;
    }
    
    #box3a {
        position: relative;
        top: 30px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 640px;
        height: 50px;
    }
    
    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box3b p{
        position: relative;
        top: 35px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 1203px;
    }
    
    #box4{
        width: 40%;
        position: relative;
        top: 340px;
        left: -790px;
        width: 700px;
    }
    
    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 630px; 
    }
    
    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 0px;
        width: 1203px;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 480px;
        left: -8px;
        height: 1410px;
        width: 100%;
        padding-right: 50px;
    }
    
    #box5 {
        position:relative;
        top: 25px;
        left: 28px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }
    
    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box5a{
        background-color: #ffffff;
        height: 780px;
        width: 1190px;
        position: absolute;
        top: 110px;
        left: 45px;
        border-radius: 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width:600px;
    }
    
    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 89px;
        flex-wrap: wrap;
        position: relative;
        height: 700px;
        top: 110px;
        left: 76px;
        width: 90%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box6 {
        position:relative;
        top: 123px;
        left: 28px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }
    
    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }
    
    #box6a{
        background-color: #ffffff;
        height: 370px;
        width: 1190px;
        position: absolute;
        top: 1005px;
        left: 45px;
        border-radius: 10px;
    }
    
    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }
    
    #appboxes2{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: 23px;
        width: 96.1%;
        height: 180px;
        padding-top: 30px;
        padding-left: 10px;
        top: 205px;
    }
    
    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 510px;
        left: 21px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 955px;
        height: 55px;  
    }
    
    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: -30px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 900px;
    }

    #box8 {
        position: relative;
        top: 480px;
        left: -30px;
        width: 900px;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 1203px;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 980px;
        height: 150px;
        position: relative;
        top: 90px;
        left: 152px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        top: 8px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 995px;
        left: -1030px;
        width: 790px;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 1203px;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 980px;
        height: 140px;
        position: relative;
        top: 90px;
        left: 152px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        top: 0px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 1505px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 800px;
    }
    
    #box10 {
        position:relative;
        top: -50px;
        left: -30px;
        width: 800px;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 1203px;
        line-height: 1.5;
    }
    
    #welcomethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 980px;
        height: 140px;
        position: relative;
        top: 90px;
        left: 152px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        top: 0px;
        border-radius: 3px;
    }
    
    #box11 {
        position:relative;
        top: 350px;
        left: -930px;
        width: 790px;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
        width: 590px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 1203px;
    }
    
    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 980px;
        height: 140px;
        position: relative;
        top: 90px;
        left: 152px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        top: 0px;
        border-radius: 3px;
    }

    #container4{
        position: relative;
        top: 2140px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 790px;
    }

    #box12 {
        position:relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 680px;
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 1203px;
        line-height: 1.5;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 980px;
        height: 140px;
        position: relative;
        top: 90px;
        left: 152px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        top: 0px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 2625px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 830px;
        height: 100px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 800px;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }
    
    #container5{
        position: relative;
        top: 2515px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 680px;
    }
    
    #box14 {
        position:relative;
        top: 125px;
        left: 3px;
        width: 680px;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 1203px;
    }
    
    #timelinethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 980px;
        height: 140px;
        position: relative;
        top: -10px;
        left: 152px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        top: 0px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 600px;
        left: -777px;
        width: 680px;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 5px;
        width: 590px;
    }
    
    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 1203px;
    }
    
    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        width: 990px;
        height: 330px;
        position: relative;
        top: -5px;
        left: 114px;
        background-color: #DAE3F3;
        border-radius: 5px;
        padding-top: 5px;
    }
    
    #contentthumbnails img{
        width: 200px;
        height: auto;
        background-color:#ffffff;
        position: relative;
        left: 0px;
        border-radius: 3px;
    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 3550px;
        left: 5px;
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 975px; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 3710px;
        left: -8px;
        width: 102.5%;
        height: 470px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        width: 44.3%;
        background-color: #ffffff;
        height: 140px;
        border-radius: 15px;
        top: 50px;
        left: -55px;
        
    } 

    #plansphoto img{
        display: block;
        position: relative;
        top: 50px;
        height:350px;
        left: 40px;
        border-style: solid;
        border-color: #ffffff;
        border-radius: 30px;
        background-color: #ffffff;
        padding: 3px;
    }

    #plans h1 {
        position: relative;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
        width: 90%;
    }
    
    #plans p {
        position: relative;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
    }

    
    #footer {
        background-color: #F2F2F2;
        padding: 10px;
        position: relative;
        top: 3715px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 1366px) {
    body{
        background-color:rgb(255, 255, 255);
    }

    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        height: 40px;
        width: 25%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 1.6vw;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 0px;
        left: 23%;
        height: 80px;
        width: 75%;
        padding-top: -10px;
        padding-right: 50px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: -7px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        position:relative;
        left:40px;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        padding: 0px 15px;
        font-family: Arial, Helvetica, sans-serif;
        position: relative; 
        top: 10px;
    }

    p.list {
        text-align: right;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 40px;
        width: 98.3vw;
        height: 42vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/presentationdesignmain.svg) ;
        background-position: 0px 30px;
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #2A4B86;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 40px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }  
    
    #box2 {
        position: relative;
        top: 80px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }

    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box2a p{
        position:relative;
        top: 90px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
    }

    #container {
        position: relative;
        top: 70px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }

    #box3{
        width: 42%;
    }

    #box3a {
        position: relative;
        top: 30px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 635px;
        height: 50px;
    }

    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box3b p{
        position: relative;
        top: 35px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 630px;
    }

    #box4{
        width: 44%;
        position: relative;
        top: 30px;
        left: 20px;
    }

    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 625px;
        height: 50px;  
    }

    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 10px;
        width: 615px;
    }

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 120px;
        left: -8px;
        height: 1700px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position:relative;
        top: 25px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        width: 60%;
        height: 1100px;
        position: absolute;
        top: 100px;
        left: 17%;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width: 100%;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-items: center;
        justify-content: space-evenly;
        position: relative;
        flex-wrap: wrap;
        top: 90px;
        left: 17%;
        width: 60%;
        height: 300px;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box6 {
        position: relative;
        top: 830px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }

    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box6a{
        background-color: #ffffff;
        height: 365px;
        width: 835px;
        position: absolute;
        top: 1310px;
        left: 230px;
        border-radius: 10px;
    }

    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }

    #appboxes2{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: -10px;
        width: 97%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 920px;
    }

    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 140px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 950px;
        height: 50px;  
    }

    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: -20px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }

    #box8 {
        position: relative;
        top: 100px;
        left: -30px;
        width: 46%;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 630px;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        flex-wrap: no wrap;
        width: 400px;
        height: 265px;
        position: relative;
        top: 88px;
        left: 150px;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 100px;
        left: -67px;
        width: 46%;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 619px;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 400px;
        height: 265px;
        position: relative;
        top: 116px;
        left: 150px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 12px;
        padding-bottom: 10px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 790px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box10 {
        position: relative;
        top: 100px;
        left: -30px;
        width: 46%;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 630px;
    }
    
    #welcomethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items:center;
        width: 400px;
        height: 265px;
        position: relative;
        top: 97px;
        left: 150px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 10px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }
    
    #box11 {
        position: relative;
        top: 100px;
        left: -67px;
        width: 46%;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position: relative;
        top: 75px;
        left: 20px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 619px;
        line-height: 1.5;
    }

    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 400px;
        height: 265px;
        position: relative;
        top: 125px;
        left: 150px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 17px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }
    
    #container4{
        position: relative;
        top: 1410px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box12 {
        position: relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 95%; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 1297px;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 800px;
        height: 120px;
        position: relative;
        top: 93px;
        left: 27.4%;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 3px;
        padding-bottom: 17px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 1870px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 1230px;
        height: 50px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 100%;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 630px;
    }
    
    #container5{
        position: relative;
        top: 1760px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box14 {
        position: relative;
        top: 125px;
        left: 3px;
        width: 46%;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position: relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 630px;
    }
    
    #timelinethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 400px;
        height: 265px;
        position: relative;
        top: 20px;
        left: 120px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 17px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 125px;
        left: -34px;
        width: 46%;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position: relative;
        top: -15px;
        left: 5px;
    }

    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        width: 619px;
        line-height: 1.5;
    }

    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
        width: 400px;
        height: 560px;
        position: relative;
        top: -5px;
        left: 115px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 20px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #contentthumbnails img{
        position: relative;
        top: 11px;
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;

    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 2660px; 
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 80%; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 2810px;
        left: -8px;
        width: 102.5%;
        height: 470px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        width: 32.3%;
        background-color: #ffffff;
        height: 135px;
        border-radius: 15px;
        top: 50px;
        left: -137px;
        
    } 

    #plansphoto img{
        position: relative;
        top: 50px;
        height:350px;
        left: 35px;
        border-style: solid;
        border-color: #ffffff;
        border-radius: 30px;
        background-color: #ffffff;
        padding: 3px;
    }

    #plans h1 {
        position: relative;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
        width: 90%;
    }
    
    #plans p {
        position: relative;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 2815px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 1449px) {
    body{
        background-color:rgb(255, 255, 255);
    }

    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        height: 40px;
        width: 25%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 1.6vw;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 0px;
        left: 23%;
        height: 80px;
        width: 75%;
        padding-top: -10px;
        padding-right: 50px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: -7px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        padding: 0px 15px;
        font-family: Arial, Helvetica, sans-serif;
        position: relative; 
        top: 10px;
    }

    p.list {
        text-align: right;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 40px;
        width: 98.3vw;
        height: 42vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/presentationdesignmain.svg) ;
        background-position: 0px 10px;
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #2A4B86;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 40px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }  
    
    #box2 {
        position: relative;
        top: 80px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }

    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box2a p{
        position:relative;
        top: 90px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
    }

    #container {
        position: relative;
        top: 70px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }

    #box3{
        width: 42%;
    }

    #box3a {
        position: relative;
        top: 30px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 635px;
        height: 50px;
    }

    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box3b p{
        position: relative;
        top: 35px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 110%;
    }

    #box4{
        width: 44%;
        position: relative;
        top: 30px;
        left: 20px;
    }

    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 625px;
        height: 50px;  
    }

    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 10px;
        width: 105.5%;
    }

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 120px;
        left: -8px;
        height: 1320px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position:relative;
        top: 25px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        width: 60%;
        height: 728px;
        position: absolute;
        top: 100px;
        left: 17%;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width: 100%;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-items: center;
        justify-content: space-evenly;
        position: relative;
        flex-wrap: wrap;
        top: 90px;
        left: 17%;
        width: 60%;
        height: 300px;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box6 {
        position: relative;
        top: 450px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }

    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box6a{
        background-color: #ffffff;
        height: 365px;
        width: 880px;
        position: absolute;
        top: 920px;
        left: 250px;
        border-radius: 10px;
    }

    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }

    #appboxes2{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: -10px;
        width: 97%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 520px;
    }

    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 150px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 950px;
        height: 50px;  
    }

    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: -10px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }

    #box8 {
        position: relative;
        top: 100px;
        left: -30px;
        width: 46%;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 655px;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        flex-wrap: no wrap;
        width: 400px;
        height: 265px;
        position: relative;
        top: 88px;
        left: 170px;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 100px;
        left: -67px;
        width: 46%;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 655px;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 400px;
        height: 265px;
        position: relative;
        top: 116px;
        left: 170px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 12px;
        padding-bottom: 10px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 780px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box10 {
        position: relative;
        top: 100px;
        left: -30px;
        width: 46%;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 655px;
    }
    
    #welcomethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items:center;
        width: 400px;
        height: 265px;
        position: relative;
        top: 97px;
        left: 170px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 10px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }
    
    #box11 {
        position: relative;
        top: 100px;
        left: -67px;
        width: 46%;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position: relative;
        top: 75px;
        left: 20px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 655px;
        line-height: 1.5;
    }

    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 400px;
        height: 265px;
        position: relative;
        top: 125px;
        left: 170px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 17px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }
    
    #container4{
        position: relative;
        top: 1400px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box12 {
        position: relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 95%; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 1370px;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 800px;
        height: 120px;
        position: relative;
        top: 93px;
        left: 27.4%;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 3px;
        padding-bottom: 17px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 1830px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 1230px;
        height: 50px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 100%;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 655px;
    }
    
    #container5{
        position: relative;
        top: 1720px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box14 {
        position: relative;
        top: 125px;
        left: 3px;
        width: 46%;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position: relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 655px;
    }
    
    #timelinethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 400px;
        height: 265px;
        position: relative;
        top: 20px;
        left: 140px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 17px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 125px;
        left: -34px;
        width: 46%;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position: relative;
        top: -15px;
        left: 5px;
    }

    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        width: 655px;
        line-height: 1.5;
    }

    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
        width: 400px;
        height: 560px;
        position: relative;
        top: -5px;
        left: 135px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 20px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #contentthumbnails img{
        position: relative;
        top: 11px;
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;

    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 2590px; 
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 80%; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 2740px;
        left: -8px;
        width: 102.5%;
        height: 470px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        width: 36.5%;
        background-color: #ffffff;
        height: 135px;
        border-radius: 15px;
        top: 50px;
        left: -137px;
        
    } 

    #plansphoto img{
        position: relative;
        top: 50px;
        height:350px;
        left: 35px;
        border-style: solid;
        border-color: #ffffff;
        border-radius: 30px;
        background-color: #ffffff;
        padding: 3px;
    }

    #plans h1 {
        position: relative;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
        width: 90%;
    }
    
    #plans p {
        position: relative;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 2745px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 1532px) {
    body{
        background-color:rgb(255, 255, 255);
    }

    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        height: 40px;
        width: 25%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 1.6vw;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 0px;
        left: 23%;
        height: 80px;
        width: 75%;
        padding-top: -10px;
        padding-right: 50px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: -7px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        padding: 0px 15px;
        font-family: Arial, Helvetica, sans-serif;
        position: relative; 
        top: 10px;
    }

    p.list {
        text-align: right;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 40px;
        width: 98.3vw;
        height: 42vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/presentationdesignmain.svg) ;
        background-position: 0px 10px;
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #2A4B86;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 40px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }  
    
    #box2 {
        position: relative;
        top: 80px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }

    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box2a p{
        position:relative;
        top: 90px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
    }

    #container {
        position: relative;
        top: 70px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }

    #box3{
        width: 42%;
    }

    #box3a {
        position: relative;
        top: 30px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 635px;
        height: 50px;
    }

    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box3b p{
        position: relative;
        top: 35px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 110%;
    }

    #box4{
        width: 44%;
        position: relative;
        top: 30px;
        left: 20px;
    }

    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 625px;
        height: 50px;  
    }

    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 10px;
        width: 105.5%;
    }

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 120px;
        left: -8px;
        height: 1325px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position:relative;
        top: 25px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        width: 60%;
        height: 728px;
        position: absolute;
        top: 100px;
        left: 17%;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width: 100%;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-items: center;
        justify-content: space-evenly;
        position: relative;
        flex-wrap: wrap;
        top: 90px;
        left: 17%;
        width: 60%;
        height: 300px;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box6 {
        position: relative;
        top: 450px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }

    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box6a{
        background-color: #ffffff;
        height: 365px;
        width: 930px;
        position: absolute;
        top: 920px;
        left: 260px;
        border-radius: 10px;
    }

    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }

    #appboxes2{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: -20px;
        width: 97%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 520px;
    }

    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 150px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 950px;
        height: 50px;  
    }

    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: -10px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }

    #box8 {
        position: relative;
        top: 100px;
        left: -30px;
        width: 46%;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 690px;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        flex-wrap: no wrap;
        width: 400px;
        height: 265px;
        position: relative;
        top: 88px;
        left: 170px;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 100px;
        left: -67px;
        width: 46%;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 690px;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 400px;
        height: 265px;
        position: relative;
        top: 116px;
        left: 170px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 12px;
        padding-bottom: 10px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 780px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box10 {
        position: relative;
        top: 100px;
        left: -30px;
        width: 46%;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 690px;
    }
    
    #welcomethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items:center;
        width: 400px;
        height: 265px;
        position: relative;
        top: 97px;
        left: 170px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 10px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }
    
    #box11 {
        position: relative;
        top: 100px;
        left: -67px;
        width: 46%;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position: relative;
        top: 75px;
        left: 20px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 690px;
        line-height: 1.5;
    }

    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 400px;
        height: 265px;
        position: relative;
        top: 125px;
        left: 170px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 17px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }
    
    #container4{
        position: relative;
        top: 1400px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box12 {
        position: relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 95%; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 1450px;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 800px;
        height: 120px;
        position: relative;
        top: 93px;
        left: 27.4%;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 3px;
        padding-bottom: 17px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 1830px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 1230px;
        height: 50px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 100%;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 690px;
    }
    
    #container5{
        position: relative;
        top: 1720px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box14 {
        position: relative;
        top: 125px;
        left: 3px;
        width: 46%;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position: relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 690px;
    }
    
    #timelinethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 400px;
        height: 265px;
        position: relative;
        top: 20px;
        left: 140px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 17px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 125px;
        left: -34px;
        width: 46%;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position: relative;
        top: -15px;
        left: 5px;
    }

    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        width: 690px;
        line-height: 1.5;
    }

    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
        width: 400px;
        height: 560px;
        position: relative;
        top: -5px;
        left: 135px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 20px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #contentthumbnails img{
        position: relative;
        top: 11px;
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;

    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 2590px; 
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 80%; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 2740px;
        left: -8px;
        width: 102.5%;
        height: 470px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        width: 36.5%;
        background-color: #ffffff;
        height: 135px;
        border-radius: 15px;
        top: 50px;
        left: -137px;
        
    } 

    #plansphoto img{
        position: relative;
        top: 50px;
        height:350px;
        left: 35px;
        border-style: solid;
        border-color: #ffffff;
        border-radius: 30px;
        background-color: #ffffff;
        padding: 3px;
    }

    #plans h1 {
        position: relative;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
        width: 90%;
    }
    
    #plans p {
        position: relative;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 2745px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 1698px) {
    body{
        background-color:rgb(255, 255, 255);
    }

    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        height: 40px;
        width: 25%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 1.6vw;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 0px;
        left: 23%;
        height: 80px;
        width: 75%;
        padding-top: -10px;
        padding-right: 50px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: -7px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        padding: 0px 15px;
        font-family: Arial, Helvetica, sans-serif;
        position: relative; 
        top: 10px;
    }

    p.list {
        text-align: right;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 40px;
        width: 98.3vw;
        height: 42vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/presentationdesignmain.svg) ;
        background-position: 0px 10px;
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #2A4B86;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 40px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }  
    
    #box2 {
        position: relative;
        top: 80px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }

    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box2a p{
        position:relative;
        top: 90px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
    }

    #container {
        position: relative;
        top: 70px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }

    #box3{
        width: 42%;
    }

    #box3a {
        position: relative;
        top: 30px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 635px;
        height: 50px;
    }

    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box3b p{
        position: relative;
        top: 35px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 110%;
    }

    #box4{
        width: 44%;
        position: relative;
        top: 30px;
        left: 20px;
    }

    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 625px;
        height: 50px;  
    }

    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 10px;
        width: 105.5%;
    }

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 120px;
        left: -8px;
        height: 1325px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position:relative;
        top: 25px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        width: 60%;
        height: 728px;
        position: absolute;
        top: 100px;
        left: 17%;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width: 100%;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-items: center;
        justify-content: space-evenly;
        position: relative;
        flex-wrap: wrap;
        top: 90px;
        left: 17%;
        width: 60%;
        height: 300px;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box6 {
        position: relative;
        top: 450px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }

    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box6a{
        background-color: #ffffff;
        height: 365px;
        width: 1030px;
        position: absolute;
        top: 920px;
        left: 290px;
        border-radius: 10px;
    }

    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }

    #appboxes2{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: -15px;
        width: 97%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 520px;
    }

    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 150px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 950px;
        height: 50px;  
    }

    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: -10px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }

    #box8 {
        position: relative;
        top: 100px;
        left: -30px;
        width: 46%;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 770px;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        flex-wrap: no wrap;
        width: 400px;
        height: 265px;
        position: relative;
        top: 88px;
        left: 220px;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 100px;
        left: -67px;
        width: 46%;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 770px;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 400px;
        height: 265px;
        position: relative;
        top: 116px;
        left: 220px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 12px;
        padding-bottom: 10px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 710px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box10 {
        position: relative;
        top: 100px;
        left: -30px;
        width: 46%;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 770px;
    }
    
    #welcomethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items:center;
        width: 400px;
        height: 265px;
        position: relative;
        top: 97px;
        left: 220px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 10px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }
    
    #box11 {
        position: relative;
        top: 100px;
        left: -67px;
        width: 46%;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position: relative;
        top: 75px;
        left: 20px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 770px;
        line-height: 1.5;
    }

    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 400px;
        height: 265px;
        position: relative;
        top: 125px;
        left: 220px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 17px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }
    
    #container4{
        position: relative;
        top: 1300px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box12 {
        position: relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 95%; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 1600px;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 800px;
        height: 120px;
        position: relative;
        top: 93px;
        left: 27.4%;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 3px;
        padding-bottom: 17px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 1730px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 1230px;
        height: 50px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 100%;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 770px;
    }
    
    #container5{
        position: relative;
        top: 1620px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box14 {
        position: relative;
        top: 125px;
        left: 3px;
        width: 46%;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position: relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 770px;
    }
    
    #timelinethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 400px;
        height: 265px;
        position: relative;
        top: 20px;
        left: 190px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 17px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 125px;
        left: -34px;
        width: 46%;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position: relative;
        top: -15px;
        left: 5px;
    }

    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        width: 770px;
        line-height: 1.5;
    }

    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
        width: 400px;
        height: 560px;
        position: relative;
        top: -5px;
        left: 180px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 20px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #contentthumbnails img{
        position: relative;
        top: 11px;
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;

    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 2470px; 
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 80%; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 2630px;
        left: -8px;
        width: 102.5%;
        height: 470px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        width: 26%;
        background-color: #ffffff;
        height: 135px;
        border-radius: 15px;
        top: 50px;
        left: -137px;
        
    } 

    #plansphoto img{
        position: relative;
        top: 50px;
        height:350px;
        left: 35px;
        border-style: solid;
        border-color: #ffffff;
        border-radius: 30px;
        background-color: #ffffff;
        padding: 3px;
    }

    #plans h1 {
        position: relative;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
        width: 90%;
    }
    
    #plans p {
        position: relative;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 2635px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 1781px) {
    body{
        background-color:rgb(255, 255, 255);
    }

    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        height: 40px;
        width: 25%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 1.6vw;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 0px;
        left: 23%;
        height: 80px;
        width: 75%;
        padding-top: -10px;
        padding-right: 50px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: -7px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        position:relative;
        left: 40px;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        padding: 0px 15px;
        font-family: Arial, Helvetica, sans-serif;
        position: relative; 
        top: 10px;
    }

    p.list {
        text-align: right;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 40px;
        width: 98.3vw;
        height: 42vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/presentationdesignmain.svg) ;
        background-position: 0px 10px;
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #2A4B86;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 40px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }  
    
    #box2 {
        position: relative;
        top: 80px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }

    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box2a p{
        position:relative;
        top: 90px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
    }

    #container {
        position: relative;
        top: 70px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }

    #box3{
        width: 42%;
    }

    #box3a {
        position: relative;
        top: 30px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 635px;
        height: 50px;
    }

    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box3b p{
        position: relative;
        top: 35px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 110%;
    }

    #box4{
        width: 44%;
        position: relative;
        top: 30px;
        left: 20px;
    }

    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 625px;
        height: 50px;  
    }

    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 10px;
        width: 840px;
    }

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 120px;
        left: -8px;
        height: 1325px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position:relative;
        top: 25px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        width: 60%;
        height: 728px;
        position: absolute;
        top: 100px;
        left: 17%;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width: 100%;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-items: center;
        justify-content: space-evenly;
        position: relative;
        flex-wrap: wrap;
        top: 90px;
        left: 17%;
        width: 60%;
        height: 300px;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box6 {
        position: relative;
        top: 450px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }

    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box6a{
        background-color: #ffffff;
        height: 365px;
        width: 1080px;
        position: absolute;
        top: 920px;
        left: 305px;
        border-radius: 10px;
    }

    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }

    #appboxes2{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: -15px;
        width: 97%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 520px;
    }

    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 150px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 950px;
        height: 50px;  
    }

    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: -10px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }

    #box8 {
        position: relative;
        top: 100px;
        left: -30px;
        width: 46%;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 810px;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        flex-wrap: no wrap;
        width: 799px;
        height: 120px;
        position: relative;
        top: 88px;
        left: 40px;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 100px;
        left: -67px;
        width: 46%;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 827px;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 799px;
        height: 130px;
        position: relative;
        top: 88px;
        left: 45px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 13px;
        padding-bottom: 3px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 540px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box10 {
        position: relative;
        top: 100px;
        left: -30px;
        width: 46%;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 810px;
    }
    
    #welcomethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items:center;
        width: 799px;
        height: 130px;
        position: relative;
        top: 97px;
        left: 40px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 10px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }
    
    #box11 {
        position: relative;
        top: 100px;
        left: -67px;
        width: 46%;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position: relative;
        top: 75px;
        left: 20px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 823px;
        line-height: 1.5;
    }

    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 799px;
        height: 130px;
        position: relative;
        top: 125px;
        left: 45px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 17px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }
    
    #container4{
        position: relative;
        top: 970px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box12 {
        position: relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 95%; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 1690px;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 800px;
        height: 120px;
        position: relative;
        top: 93px;
        left: 27.4%;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 3px;
        padding-bottom: 17px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 1405px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 1230px;
        height: 50px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 100%;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 810px;
    }
    
    #container5{
        position: relative;
        top: 1290px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box14 {
        position: relative;
        top: 125px;
        left: 3px;
        width: 46%;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position: relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 810px;
    }
    
    #timelinethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 799px;
        height: 130px;
        position: relative;
        top: 20px;
        left: 7px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 17px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 125px;
        left: -34px;
        width: 46%;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position: relative;
        top: -15px;
        left: 5px;
    }

    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        width: 823px;
        line-height: 1.5;
    }

    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
        width: 799px;
        height: 270px;
        position: relative;
        top: -5px;
        left: 12px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 20px;
        padding-top: 0px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #contentthumbnails img{
        position: relative;
        top: 11px;
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;

    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 1850px; 
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 80%; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 2020px;
        left: -8px;
        width: 102.5%;
        height: 470px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        width: 24.7%;
        background-color: #ffffff;
        height: 135px;
        border-radius: 15px;
        top: 50px;
        left: -137px;
        
    } 

    #plansphoto img{
        position: relative;
        top: 50px;
        height:350px;
        left: 35px;
        border-style: solid;
        border-color: #ffffff;
        border-radius: 30px;
        background-color: #ffffff;
        padding: 3px;
    }

    #plans h1 {
        position: relative;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
        width: 90%;
    }
    
    #plans p {
        position: relative;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 2025px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 1865px) {
    body{
        background-color:rgb(255, 255, 255);
    }

    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        height: 40px;
        width: 25%;
        padding: 20px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 1.6vw;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 0px;
        left: 23%;
        height: 80px;
        width: 75%;
        padding-top: -10px;
        padding-right: 50px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: -7px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        padding: 0px 15px;
        font-family: Arial, Helvetica, sans-serif;
        position: relative; 
        top: 10px;
    }

    p.list {
        text-align: right;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 40px;
        width: 98.3vw;
        height: 42vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/presentationdesignmain.svg) ;
        background-position: 0px 10px;
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #2A4B86;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 40px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }  
    
    #box2 {
        position: relative;
        top: 80px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }

    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box2a p{
        position:relative;
        top: 90px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
    }

    #container {
        position: relative;
        top: 70px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }

    #box3{
        width: 42%;
    }

    #box3a {
        position: relative;
        top: 30px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 635px;
        height: 50px;
    }

    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box3b p{
        position: relative;
        top: 35px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 110%;
    }

    #box4{
        width: 44%;
        position: relative;
        top: 30px;
        left: 40px;
    }

    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 625px;
        height: 50px;  
    }

    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 10px;
        width: 105.5%;
    }

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 120px;
        left: -8px;
        height: 1325px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position:relative;
        top: 25px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        width: 60%;
        height: 728px;
        position: absolute;
        top: 100px;
        left: 17%;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width: 100%;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-items: center;
        justify-content: space-evenly;
        position: relative;
        flex-wrap: wrap;
        top: 90px;
        left: 330px;
        width: 60%;
        height: 300px;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box6 {
        position: relative;
        top: 450px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }

    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box6a{
        background-color: #ffffff;
        height: 365px;
        width: 1130px;
        position: absolute;
        top: 920px;
        left: 17%;
        border-radius: 10px;
    }

    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }

    #appboxes2{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: -20px;
        width: 97%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 520px;
    }

    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 150px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 950px;
        height: 50px;  
    }

    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: -10px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }

    #box8 {
        position: relative;
        top: 100px;
        left: -30px;
        width: 46%;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 850px;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        flex-wrap: no wrap;
        width: 45vw;
        height: 120px;
        position: relative;
        top: 88px;
        left: 35px;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 100px;
        left: -67px;
        width: 46%;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 850px;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 45vw;
        height: 130px;
        position: relative;
        top: 116px;
        left: 40px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 12px;
        padding-bottom: 3px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 540px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box10 {
        position: relative;
        top: 100px;
        left: -30px;
        width: 46%;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 850px;
    }
    
    #welcomethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items:center;
        width: 45vw;
        height: 8vw;
        position: relative;
        top: 97px;
        left: 40px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 0px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }
    
    #box11 {
        position: relative;
        top: 100px;
        left: -67px;
        width: 46%;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position: relative;
        top: 75px;
        left: 20px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 850px;
        line-height: 1.5;
    }

    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 45vw;
        height: 140px;
        position: relative;
        top: 125px;
        left: 40px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 10px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }
    
    #container4{
        position: relative;
        top: 970px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box12 {
        position: relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 95%; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
        width: 1750px;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 45vw;
        height: 7vw;
        position: relative;
        top: 93px;
        left: 27.4%;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 3px;
        padding-bottom: 11px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 1410px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 1230px;
        height: 50px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 100%;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }
    
    #container5{
        position: relative;
        top: 1300px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box14 {
        position: relative;
        top: 125px;
        left: 3px;
        width: 46%;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position: relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
        width: 850px;
    }
    
    #timelinethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 45vw;
        height: 130px;
        position: relative;
        top: 20px;
        left: 7px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 10px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 125px;
        left: -34px;
        width: 46%;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position: relative;
        top: -15px;
        left: 5px;
    }

    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        width: 100%;
        line-height: 1.5;
    }

    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
        width: 45vw;
        height: 270px;
        position: relative;
        top: -5px;
        left: 7px;
        padding-left: 5px;
        padding-right: 5px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #contentthumbnails img{
        position: relative;
        top: 11px;
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;

    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 1850px; 
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 85%; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 2000px;
        left: -8px;
        width: 102.5%;
        height: 470px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        width: 42.3%;
        background-color: #ffffff;
        height: 115px;
        border-radius: 15px;
        top: 50px;
        left: -137px;
        
    } 

    #plansphoto img{
        position: relative;
        top: 50px;
        height:350px;
        left: 35px;
        border-style: solid;
        border-color: #ffffff;
        border-radius: 30px;
        background-color: #ffffff;
        padding: 3px;
    }

    #plans h1 {
        position: relative;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
        width: 100%;
    }
    
    #plans p {
        position: relative;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 2005px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}

@media (min-width: 1920px) {
    body{
        background-color:rgb(255, 255, 255);
    }

    .left_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        height: 40px;
        width: 25%;
        padding-top: 23px;
        padding-bottom: 17px;
        z-index: 2;
    }

    h1.title{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 1.6vw;
        display: inline-block;
        margin: -5px 10px;
        color:#262626;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 0px;
        left: 23%;
        height: 80px;
        width: 75%;
        padding-top: -10px;
        padding-right: 50px;
        z-index: 2;
    }

    #button {
        background-color: #4472C4;
        border: none;
        color: white;
        padding: 15px 22px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: -7px;
        cursor: pointer;
        border-radius: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .right_topbar a{
        text-decoration: none;
        color:black;
        padding: 0px 15px;
        font-family: Arial, Helvetica, sans-serif;
        position: relative; 
        top: 10px;
    }

    p.list {
        text-align: right;
    }

    .infographics {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 15px 22px;
    }

    .social {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    .ux {
        display: inline-block;
        margin-top: 0px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 40px;
        width: 98.3vw;
        height: 42vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/presentationdesignmain.svg) ;
        background-position: 0px 10px;
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #2A4B86;
        z-index: -1;
        border-radius: 25px;
    }

    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 40px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }  
    
    #box2 {
        position: relative;
        top: 80px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 235px;
        height: 50px;  
    }

    #box2 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box2a p{
        position:relative;
        top: 90px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
    }

    #container {
        position: relative;
        top: 70px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }

    #box3{
        width: 42%;
    }

    #box3a {
        position: relative;
        top: 30px;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 635px;
        height: 50px;
    }

    #box3a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box3b p{
        position: relative;
        top: 35px;
        left: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        width: 110%;
    }

    #box4{
        width: 44%;
        position: relative;
        top: 30px;
        left: 40px;
    }

    #box4a {
        position: relative;
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 625px;
        height: 50px;  
    }

    #box4a h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }

    #box4b p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        line-height: 1.5;
        position: relative;
        top: 5px;
        left: 10px;
        width: 105.5%;
    }

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 120px;
        left: -8px;
        height: 1325px;
        width: 100%;
        padding-right: 50px;
    }

    #box5 {
        position:relative;
        top: 25px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 470px;
        height: 50px;  
    }

    #box5 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box5a{
        background-color: #ffffff;
        width: 60%;
        height: 728px;
        position: absolute;
        top: 100px;
        left: 17%;
        border-radius: 10px;
    }

    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        line-height: 1.5;
        width: 100%;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-items: center;
        justify-content: space-evenly;
        position: relative;
        flex-wrap: wrap;
        top: 90px;
        left: 348px;
        width: 60%;
        height: 300px;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    #appbox1 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox2 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox3 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox4 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox5 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox6 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #box6 {
        position: relative;
        top: 450px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #4472C4;
        border-radius: 10px;
        border-style: solid;
        border-color: #ffffff;
        border-width: 3px;;
        width: 510px;
        height: 50px;  
    }

    #box6 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color:#ffffff;
        z-index: 1;
    }

    #box6a{
        background-color: #ffffff;
        height: 365px;
        width: 1130px;
        position: absolute;
        top: 920px;
        left: 17%;
        border-radius: 10px;
    }

    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }

    #appboxes2{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        left: -20px;
        width: 97%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 520px;
    }

    #appbox7 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }

    #appbox8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: center;
    }
    
    #box7 {
        position:relative;
        top: 150px;
        left: 20px;
        display:flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 950px;
        height: 50px;  
    }

    #box7 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
    }
    
    #container2{
        position: relative;
        top: -10px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }

    #box8 {
        position: relative;
        top: 100px;
        left: -30px;
        width: 46%;
        height: 50px;  
    }

    #box8 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box8 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }
    
    #containerthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        flex-wrap: no wrap;
        width: 45vw;
        height: 120px;
        position: relative;
        top: 88px;
        left: 35px;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #containerthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }

    #box9 {
        position:relative;
        top: 100px;
        left: -67px;
        width: 46%;
        height: 50px;  
    }

    #box9 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box9 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }
    
    #menuthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 45vw;
        height: 130px;
        position: relative;
        top: 116px;
        left: 40px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 12px;
        padding-bottom: 3px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #menuthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }
    
    #container3{
        position: relative;
        top: 540px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box10 {
        position: relative;
        top: 100px;
        left: -30px;
        width: 46%;
        height: 50px;  
    }

    #box10 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box10 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }
    
    #welcomethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items:center;
        width: 45vw;
        height: 8vw;
        position: relative;
        top: 97px;
        left: 40px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 0px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #welcomethumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }
    
    #box11 {
        position: relative;
        top: 100px;
        left: -67px;
        width: 46%;
        height: 50px;  
    }

    #box11 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position: relative;
        top: 75px;
        left: 20px;
    }
    
    #box11 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        width: 100%;
        line-height: 1.5;
    }

    #jobaidthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 45vw;
        height: 140px;
        position: relative;
        top: 125px;
        left: 40px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 10px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #jobaidthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }
    
    #container4{
        position: relative;
        top: 970px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box12 {
        position: relative;
        top: 40px;
        left: -30px;
        height: 50px; 
        width: 95%; 
    }

    #box12 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        margin: 5px 20px;
        color: #262626;
        z-index: 1;
        position:relative;
        top: 75px;
        left: 20px;
    }
    
    #box12 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }

    #quizthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 45vw;
        height: 7vw;
        position: relative;
        top: 93px;
        left: 27.4%;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 3px;
        padding-bottom: 11px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #quizthumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }

    #box13 {
        position: relative;
        top: 1410px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        border-radius: 10px;
        width: 1230px;
        height: 50px;
    }

    #box13 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position:relative;
        top: -15px;
        left: 20px;
        width: 100%;
    }

    #box13 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: 75px;
        left: 40px;
        line-height: 1.5;
    }
    
    #container5{
        position: relative;
        top: 1300px;
        left: 20px;
        display: flex; 
        gap: 100px;
        width: 100%;
    }
    
    #box14 {
        position: relative;
        top: 125px;
        left: 3px;
        width: 46%;
        height: 50px;    
    }

    #box14 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position: relative;
        top: -15px;
        left: 5px;
    }
    
    #box14 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        line-height: 1.5;
    }
    
    #timelinethumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        align-items: center;
        width: 45vw;
        height: 130px;
        position: relative;
        top: 20px;
        left: 7px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 10px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #timelinethumbnails img{
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;
    }

    #box15 {
        position:relative;
        top: 125px;
        left: -34px;
        width: 46%;
        height: 50px;    
    }

    #box15 h1{
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 22pt;
        color: #262626;
        z-index: 1;
        position: relative;
        top: -15px;
        left: 5px;
    }

    #box15 p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: justify;
        text-justify: auto;
        color: #262626;
        position: relative;
        top: -20px;
        left: 7px;
        width: 100%;
        line-height: 1.5;
    }

    #contentthumbnails {
        display: flex;
        flex-direction: row; 
        justify-content: center;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
        width: 45vw;
        height: 270px;
        position: relative;
        top: -5px;
        left: 7px;
        padding-left: 5px;
        padding-right: 5px;
        background-color: #DAE3F3;
        border-radius: 5px;
    }
    
    #contentthumbnails img{
        position: relative;
        top: 11px;
        width: 160px;
        height: auto;
        background-color:#ffffff;
        padding: 10px;
        border-radius: 3px;

    }

    #photocredit {
        display: flex;
        flex-direction: row; 
        position: relative;
        top: 1850px; 
    }

    #photocreditleft {
        background-color: #ffffff;
        position: relative;
        top: 100px;
        width: 200px; 
        left: 30px;      
    }

    #photocreditleft p{
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #photocreditright {
        background-color: #ffffff;
        position: relative;
        top: 115px;
        width: 85%; 
        left: 40px;      
    }

    #photocreditright a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }

    #row5{
        position: relative;
        top: 2000px;
        left: -8px;
        width: 102.5%;
        height: 470px;
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #B4C7E7;
    }

    #plans {
        position: relative;
        width: 41.1%;
        background-color: #ffffff;
        height: 115px;
        border-radius: 15px;
        top: 50px;
        left: -137px;
        
    } 

    #plansphoto img{
        position: relative;
        top: 50px;
        height:350px;
        left: 35px;
        border-style: solid;
        border-color: #ffffff;
        border-radius: 30px;
        background-color: #ffffff;
        padding: 3px;
    }

    #plans h1 {
        position: relative;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18pt;
        color:#262626;
        width: 100%;
    }
    
    #plans p {
        position: relative;
        top: 0px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 2005px;
        width: 101.5%; 
        left:-10px;      
    }

    #footer p{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        color:#262626;
    }

    #footer a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        padding: 0px;
    }
}