@media (min-width: 450px) {    
    body{
        background-color:rgb(255, 255, 255);
    }
 
    .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: 89%;
        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: 40px;
        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: 200px;
        width: 270px;
        height: 182px;
        background-color: #4472C4;
        z-index: -1;
        border-radius: 25px;
    }
    
    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 23px;
        left: 25px;
        width: 90%;
        font-size: 45pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 220px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 290px;
        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: 220px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 355px;    
    }

    #box2b {
        position: relative;
        top: 130px;
        left: 30px;
    }

    #box2b img{
        width: 95%;
        height:auto;
    }

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

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 220px;
        left: -8px;
        height: 2540px;
        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: 360px;
        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: 1290px;
        width: 383px;
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px 10px 10px 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        width: 80%;
        line-height: 1.5;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        position: relative;
        top: 140px;
        left: 15px;
        width: 92%;
        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;
    }

    #box6 {
        position: relative;
        top: 160px;
        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: 960px;
        width: 383px;
        position: absolute;
        top: 1550px;
        left: 25px;
        border-radius: 10px 10px 10px 10px;
    }

    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        width: 80%;
        line-height: 1.5;
    }
    
    #appboxes2{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        flex-wrap: wrap;
        position: relative;
        left: 40px;
        width: 80%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 290px;
    }
    
    #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;
    }

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

    #row5{
        position: relative;
        top: 30px;
        left: 10px;
        padding: 10px;
        width: 101.4%;
        height: 400px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 

    }

    #plans {
        position: relative;
        width: 97%;
        height: 200px;
        border-radius: 15px;
        top: 280px;
        left: -20px;
    }  

    #plansphoto img{
        display:none;
    }

    #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;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        justify-content: center;
        padding-left: 30px;
        padding-right: 30px;
        width: 90%;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 50px;
        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) {    
    body{
        background-color:rgb(255, 255, 255);
    }
 
    .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: 89%;
        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: 40px;
        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: 180px;
        width: 100%;
        height: 120px;
        background-color: #4472C4;
        z-index: -1;
        border-radius: 25px;
    }
    
    #box1 h1{
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        top: 23px;
        left: 25px;
        width: 100%;
        font-size: 45pt;
        text-align: left;
        color:white;
    }

    #box2 {
        position: relative;
        top: 210px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 290px;
        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: 210px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 89.5%;    
    }

    #box2b {
        position: relative;
        top: 130px;
        left: 30px;
    }

    #box2b img{
        width: 95%;
        height:auto;
    }

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

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 220px;
        left: -8px;
        height: 2500px;
        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: 360px;
        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: 1260px;
        width: 435px;
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px 10px 10px 10px;
    }
    
    #box5a 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;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        position: relative;
        top: 105px;
        left: 25px;
        width: 92%;
        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;
    }

    #box6 {
        position: relative;
        top: 125px;
        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: 960px;
        width: 435px;
        position: absolute;
        top: 1510px;
        left: 25px;
        border-radius: 10px 10px 10px 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;
        flex-wrap: wrap;
        position: relative;
        left: 45px;
        width: 80%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 240px;
    }
    
    #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;
    }

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

    #row5{
        position: relative;
        top: 30px;
        left: 10px;
        padding: 10px;
        width: 101.4%;
        height: 400px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 

    }

    #plans {
        position: relative;
        width: 97%;
        height: 200px;
        border-radius: 15px;
        top: 250px;
        left: 0px;
    }  

    #plansphoto img{
        display:none;
    }

    #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;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        justify-content: center;
        padding-left: 30px;
        padding-right: 30px;
        width: 90%;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 30px;
        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: 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: 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: 35px;
        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: 180px;
        left: 0.5px;
        width: 95.5vw;
        height: 65vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/motiondesign576.svg) ;
        background-position: 10px 47px;
        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: 15px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }  

    #box2 {
        position: relative;
        top: 210px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 290px;
        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: 210px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 483px;
    }

    #box2b {
        position: relative;
        top: 145px;
        left: 30px;
    }


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

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 220px;
        left: -8px;
        height: 1550px;
        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: 360px;
        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: 670px;
        width: 510px;
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px 10px 10px 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        width: 90%;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        position: relative;
        top: 107px;
        left: 25px;
        width: 92%;
        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;
    }

    #box6 {
        position:relative;
        top: 125px;
        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: 650px;
        width: 510px;
        position: absolute;
        top: 870px;
        left: 25px;
        border-radius: 10px 10px 10px 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;
        flex-wrap: wrap;
        left: 15px;
        width: 94%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 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;
    }

    #row5{
        position: relative;
        top: 30px;
        left: 10px;
        padding: 10px;
        width: 101.4%;
        height: 400px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 

    }

    #plans {
        position: relative;
        width: 440px;
        height: 200px;
        border-radius: 15px;
        top: 220px;
        left: -20px;
    }  

    #plansphoto img{
        display:none;
    }

    #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;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        justify-content: center;
        padding-left: 30px;
        padding-right: 30px;
        width: 90%;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 0px;
        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: 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: 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: 35px;
        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: 0.5px;
        width: 95.5vw;
        height: 65vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/motiondesign576.svg) ;
        background-position: 10px 50px;
        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: 20px;
        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: 290px;
        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: 170px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 580px;
    }

    #box2b {
        position: relative;
        top: 145px;
        left: 30px;
    }


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

    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 190px;
        left: -8px;
        height: 1550px;
        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: 360px;
        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: 680px;
        width: 607px;
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px 10px 10px 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        width: 560px;
    }

    #appboxes{
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        position: relative;
        top: 117px;
        left: 27px;
        width: 92%;
        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;
    }

    #box6 {
        position:relative;
        top: 135px;
        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: 650px;
        width: 610px;
        position: absolute;
        top: 880px;
        left: 25px;
        border-radius: 10px 10px 10px 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;
        flex-wrap: wrap;
        left: 15px;
        width: 94%;
        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;
    }

    #row5{
        position: relative;
        top: 30px;
        left: 10px;
        padding: 10px;
        width: 101.4%;
        height: 400px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 

    }

    #plans {
        position: relative;
        width: 440px;
        height: 200px;
        border-radius: 15px;
        top: 220px;
        left: -40px;
    }  

    #plansphoto img{
        display:none;
    }

    #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;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        justify-content: center;
        padding-left: 30px;
        padding-right: 30px;
        width: 90%;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 0px;
        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: 768px) { 
    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: 40px;
        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;
        width: 96.5vw;
        height: 60vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/motiondesign768.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: 25px;
        left: 35px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }  

    #box2 {
        position: relative;
        top: 165px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 290px;
        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;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 675px;    
    }

    #box2b {
        position: relative;
        top: 120px;
        left: 26%;
    }

    #box2b img{
        width:50%;
        height: auto;
    }

    #box2c p{
        position:relative;
        top: 120px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 97%;    
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 180px;
        left: -8px;
        height: 1570px;
        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: 360px;
        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: 680px;
        width: 520px;
        position: absolute;
        top: 100px;
        left: 120px;
        border-radius: 10px 10px 10px 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 20px;
    }
    
    #appboxes{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position: relative;
        flex-wrap: wrap;
        top: 110px;
        left: 122px;
        width: 500px;
        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;
    }
    
    #box6 {
        position:relative;
        top: 135px;
        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: 660px;
        width: 520px;
        position: absolute;
        top: 880px;
        left: 120px;
        border-radius: 10px 10px 10px 10px;
    }
    
    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 20px;
    }
    
    #appboxes2{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        flex-wrap: wrap;
        left: 120px;
        width: 500px;
        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;
    }

    #row5{
        position: relative;
        top: 35px;
        left: -25px;
        padding: 10px;
        width: 101.4%;
        height: 400px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
    }

    #plans {
        position: relative;
        width: 440px;
        height: 200px;
        border-radius: 15px;
        top: 220px;
        left: -20px;
    }  

    #plansphoto img{
        display:none;
    }

    #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;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        justify-content: center;
        padding-left: 30px;
        padding-right: 30px;
        width: 90%;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: -10px;
        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: 880px) { 
    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: 40px;
        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;
        width: 96.5vw;
        height: 60vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/motiondesign768.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: 25px;
        left: 35px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }  

    #box2 {
        position: relative;
        top: 165px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 290px;
        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;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 785px;    
    }

    #box2b {
        position: relative;
        top: 120px;
        left: 26%;
    }

    #box2b img{
        width:50%;
        height: auto;
    }

    #box2c p{
        position:relative;
        top: 120px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 97%;    
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 180px;
        left: -8px;
        height: 1570px;
        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: 360px;
        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: 680px;
        width: 520px;
        position: absolute;
        top: 100px;
        left: 170px;
        border-radius: 10px 10px 10px 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 20px;
    }
    
    #appboxes{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position: relative;
        flex-wrap: wrap;
        top: 110px;
        left: 172px;
        width: 500px;
        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;
    }
    
    #box6 {
        position:relative;
        top: 135px;
        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: 660px;
        width: 520px;
        position: absolute;
        top: 880px;
        left: 170px;
        border-radius: 10px 10px 10px 10px;
    }
    
    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 20px;
    }
    
    #appboxes2{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        flex-wrap: wrap;
        left: 170px;
        width: 500px;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 10px;
        top: 225px;
    }
    
    #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;
    }

    #row5{
        position: relative;
        top: 35px;
        left: -25px;
        padding: 10px;
        width: 101.4%;
        height: 400px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
    }

    #plans {
        position: relative;
        width: 440px;
        height: 200px;
        border-radius: 15px;
        top: 220px;
        left: -40px;
    }  

    #plansphoto img{
        display:none;
    }

    #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;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        justify-content: center;
        padding-left: 30px;
        padding-right: 30px;
        width: 90%;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: -10px;
        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: 70px;
        width: 25%;
        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: 0px;
        left: 200px;
        height: 110px;
        width: 80%;
        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;
    }

    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: 80px;
        width: 97vw;
        height: 60vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/motiondesign992.svg) ;
        background-position: 7px 0px;
        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: 35px;
        left: 40px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }  

    #box2 {
        position: relative;
        top: 105px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 290px;
        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: 105px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 900px;    
    }

    #box2b {
        position: relative;
        top: 80px;
        left: 27%;
    }

    #box2b img{
        width: 50%;
        height: auto;
    }

    #box2c p{
        position:relative;
        top: 80px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 97%;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 120px;
        left: -8px;
        height: 1560px;
        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: 360px;
        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: 680px;
        width: 520px;
        position: absolute;
        top: 100px;
        left: 230px;
        border-radius: 10px 10px 10px 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 20px;
    }
    
    #appboxes{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position: relative;
        flex-wrap: wrap;
        top: 110px;
        left: 230px;
        width: 500px;
        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;
    }
    
    #box6 {
        position:relative;
        top: 135px;
        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: 650px;
        width: 520px;
        position: absolute;
        top: 880px;
        left: 230px;
        border-radius: 10px 10px 10px 10px;
    }
    
    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 20px;
    }
    
    #appboxes2{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        flex-wrap: wrap;
        left: 233px;
        width: 500px;
        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;
    }

    #row5 {
        position: relative;
        top: 235px;
        left: -8px;
        padding: 10px;
        width: 101.4%;
        height: 400px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
    }

    #plans {
        position: relative;
        width: 400px;
        height: 190px;
        border-radius: 15px;
        top: 20px;
        left: -45px;
    }  

    #plansphoto img{
        display: block;
        position: relative;
        top: 20px;
        height:350px;
        left: 50px;
        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;
    }
    
    #plans p {
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        justify-content: center;
        padding-left: 30px;
        padding-right: 30px;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 230px;
        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: 70px;
        width: 25%;
        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: 0px;
        left: 200px;
        height: 110px;
        width: 80%;
        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;
    }

    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: 80px;
        width: 97vw;
        height: 60vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/motiondesign992.svg) ;
        background-position: 7px 0px;
        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: 45px;
        left: 40px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }  

    #box2 {
        position: relative;
        top: 105px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 290px;
        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: 105px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 1005px;    
    }

    #box2b {
        position: relative;
        top: 80px;
        left: 27%;
    }

    #box2b img{
        width: 50%;
        height: auto;
    }

    #box2c p{
        position:relative;
        top: 80px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 97%;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 120px;
        left: -8px;
        height: 1560px;
        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: 360px;
        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: 680px;
        width: 520px;
        position: absolute;
        top: 100px;
        left: 280px;
        border-radius: 10px 10px 10px 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 20px;
    }
    
    #appboxes{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position: relative;
        flex-wrap: wrap;
        top: 110px;
        left: 280px;
        width: 500px;
        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;
    }
    
    #box6 {
        position:relative;
        top: 135px;
        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: 650px;
        width: 520px;
        position: absolute;
        top: 880px;
        left: 280px;
        border-radius: 10px 10px 10px 10px;
    }
    
    #box6a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 20px;
    }
    
    #appboxes2{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        flex-wrap: wrap;
        left: 283px;
        width: 500px;
        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;
    }

    #row5 {
        position: relative;
        top: 235px;
        left: -8px;
        padding: 10px;
        width: 101.4%;
        height: 400px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
    }

    #plans {
        position: relative;
        width: 400px;
        height: 190px;
        border-radius: 15px;
        top: 20px;
        left: -45px;
    }  

    #plansphoto img{
        display: block;
        position: relative;
        top: 20px;
        height:350px;
        left: 50px;
        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;
    }
    
    #plans p {
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        justify-content: center;
        padding-left: 30px;
        padding-right: 30px;
    }

    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 230px;
        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: 91px;
        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: 70px;
        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: 40px;
        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: 0px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 90px;
        width: 1160px;
        height: 550px;
        background-image: url(http://www.franktothportfolio.com/illustrations/motiondesignmain.svg) ;
        background-position: -10px 50px;
        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: 30px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }  

    #box2 {
        position: relative;
        top: 120px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 290px;
        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: 120px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 1110px;    
    }

    #box2b {
        position: relative;
        top: 30px;
        left: 35%;
    }

    #box2b img{
        width: 30%;
        height: auto;
    }

    #box2c p{
        position:relative;
        top: 30px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 97%;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 135px;
        left: -8px;
        height: 965px;
        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: 360px;
        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: 360px;
        width: 1135px;   
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px 10px 10px 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }
    
    #appboxes{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        top: 90px;
        left: 25px;
        width: 97%;
        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;
    }
    
    #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: 360px;
        width: 1135px;  
        position: absolute;
        top: 565px;
        left: 25px;
        border-radius: 10px 10px 10px 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: 35px;
        width: 1100px;  
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 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;
    }

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

    #row5{
        position: relative;
        top: 220px;
        left: -10px;
        padding: 10px;
        width: 101.4%;
        height: 400px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #ffffff;
    }

    #plans {
        position: relative;
        width: 40%;
        height: 175px;
        border-radius: 15px;
        top: 20px;
        left: -20px;
    }    
    
    #plansphoto img{
        position: relative;
        top: 20px;
        height:350px;
        left: 100px;
        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;
    }
    
    #plans p {
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        justify-content: center;
        padding-left: 30px;
        padding-right: 30px;    
    }
    
    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 220px;
        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: 70px;
        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;
        position:relative;
        top: 6px;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 0px;
        left: 23%;
        height: 110px;
        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: 20px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 70px;
        width: 98.3vw;
        height: 42vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/motiondesignmain.svg) ;
        background-position: -15px -5px;
        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: 15px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }  

    #box2 {
        position: relative;
        top: 100px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 290px;
        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: 110px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 1275px;    
    }

    #box2b {
        position: relative;
        top: 30px;
        left: 35%;
    }

    #box2b img{
        width: 30%;
        height: auto;
    }

    #box2c p{
        position:relative;
        top: 30px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 97%;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 113px;
        left: -8px;
        height: 975px;
        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: 360px;
        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: 360px;
        width: 1300px;   
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px 10px 10px 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        width: 1000px;
    }
    
    #appboxes{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        top: 90px;
        left: 25px;
        width: 97%;
        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;
    }
    
    #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: 365px;
        width: 1300px;   
        position: absolute;
        top: 565px;
        left: 25px;
        border-radius: 10px 10px 10px 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: 25px;
        width: 97%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 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;
    }

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

    #row5{
        position: relative;
        top: 220px;
        left: -8px;
        padding: 10px;
        width: 104%;
        height: 400px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #ffffff;
    }

    #plans {
        position: relative;
        width: 60%;
        height: 175px;
        border-radius: 15px;
        top: 20px;
        left: -10px;
    }    
    
    #plansphoto img{
        position: relative;
        top: 20px;
        height:350px;
        left: 80px;
        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;
    }
    
    #plans p {
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        justify-content: center;
        padding-left: 30px;
        padding-right: 30px;    
    }
    
    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 220px;
        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: 70px;
        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;
        position:relative;
        top: 6px;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 0px;
        left: 23%;
        height: 110px;
        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: 20px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 70px;
        width: 98.3vw;
        height: 42vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/motiondesignmain.svg) ;
        background-position: -15px -5px;
        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: 15px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }  

    #box2 {
        position: relative;
        top: 100px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 290px;
        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: 110px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 1357px;    
    }

    #box2b {
        position: relative;
        top: 30px;
        left: 35%;
    }

    #box2b img{
        width: 30%;
        height: auto;
    }

    #box2c p{
        position:relative;
        top: 30px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 97%;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 120px;
        left: -8px;
        height: 975px;
        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: 360px;
        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: 360px;
        width: 1385px;   
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px 10px 10px 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        width: 1000px;
    }
    
    #appboxes{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        top: 90px;
        left: 25px;
        width: 97%;
        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;
    }
    
    #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: 365px;
        width: 1385px;  
        position: absolute;
        top: 565px;
        left: 25px;
        border-radius: 10px 10px 10px 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: 25px;
        width: 97%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 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;
    }

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

    #row5{
        position: relative;
        top: 220px;
        left: -8px;
        padding: 10px;
        width: 104%;
        height: 400px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #ffffff;
    }

    #plans {
        position: relative;
        width: 60%;
        height: 175px;
        border-radius: 15px;
        top: 20px;
        left: 0px;
    }    
    
    #plansphoto img{
        position: relative;
        top: 20px;
        height:350px;
        left: 120px;
        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;
    }
    
    #plans p {
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        justify-content: center;
        padding-left: 30px;
        padding-right: 30px;    
    }
    
    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 220px;
        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: 70px;
        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;
        position:relative;
        top: 6px;
    }

    .right_topbar{
        position: fixed;
        background-color: rgb(255, 255, 255);
        top: 0px;
        left: 23%;
        height: 110px;
        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: 20px;
        margin-left: 10px;
        padding: 10px 22px;
    }

    #box1{
        position: relative;
        top: 40px;
        width: 98.3vw;
        height: 42vw;
        background-image: url(http://www.franktothportfolio.com/illustrations/motiondesignmain.svg) ;
        background-position: -15px -5px;
        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: 25px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }  

    #box2 {
        position: relative;
        top: 70px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 290px;
        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: 70px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 1440px;    
    }

    #box2b {
        position: relative;
        top: 30px;
        left: 35%;
    }

    #box2b img{
        width: 30%;
        height: auto;
    }

    #box2c p{
        position:relative;
        top: 30px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 97%;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 90px;
        left: -8px;
        height: 975px;
        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: 360px;
        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: 360px;
        width: 1465px;  
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px 10px 10px 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
        width: 1000px;
    }
    
    #appboxes{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        top: 90px;
        left: 25px;
        width: 97%;
        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;
    }
    
    #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: 365px;
        width: 1465px;  
        position: absolute;
        top: 565px;
        left: 25px;
        border-radius: 10px 10px 10px 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: 25px;
        width: 97%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 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;
    }

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

    #row5{
        position: relative;
        top: 220px;
        left: -8px;
        padding: 10px;
        width: 104%;
        height: 400px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #ffffff;
    }

    #plans {
        position: relative;
        width: 50%;
        height: 175px;
        border-radius: 15px;
        top: 20px;
        left: -75px;
    }    
    
    #plansphoto img{
        position: relative;
        top: 20px;
        height:350px;
        left: 90px;
        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;
    }
    
    #plans p {
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        justify-content: center;
        padding-left: 30px;
        padding-right: 30px;    
    }
    
    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 220px;
        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/motiondesignmain.svg) ;
        background-position: -15px -5px;
        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: 25px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }  

    #box2 {
        position: relative;
        top: 70px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 290px;
        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: 70px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 1605px;    
    }

    #box2b {
        position: relative;
        top: 30px;
        left: 35%;
    }

    #box2b img{
        width: 30%;
        height: auto;
    }

    #box2c p{
        position:relative;
        top: 30px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 97%;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 90px;
        left: -8px;
        height: 975px;
        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: 360px;
        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: 360px;
        width: 1633px;   
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px 10px 10px 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }
    
    #appboxes{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        top: 90px;
        left: 25px;
        width: 97%;
        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;
    }
    
    #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: 365px;
        width: 1633px;  
        position: absolute;
        top: 565px;
        left: 25px;
        border-radius: 10px 10px 10px 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: 25px;
        width: 97%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 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;
    }

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

    #row5{
        position: relative;
        top: 220px;
        left: -8px;
        padding: 10px;
        width: 104%;
        height: 400px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #ffffff;
    }

    #plans {
        position: relative;
        width: 50%;
        height: 175px;
        border-radius: 15px;
        top: 20px;
        left: -60px;
    }    
    
    #plansphoto img{
        position: relative;
        top: 20px;
        height:350px;
        left: 150px;
        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;
    }
    
    #plans p {
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        justify-content: center;
        padding-left: 30px;
        padding-right: 30px;    
    }
    
    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 220px;
        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;
    }

    .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/motiondesignmain.svg) ;
        background-position: -15px -5px;
        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: 30px;
        left: 50px;
        font-size: 48pt;
        text-align: left;
        color:white;
    }  

    #box2 {
        position: relative;
        top: 70px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 290px;
        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: 70px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 1690px;    
    }

    #box2b {
        position: relative;
        top: 30px;
        left: 35%;
    }

    #box2b img{
        width: 30%;
        height: auto;
    }

    #box2c p{
        position:relative;
        top: 30px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 97%;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 80px;
        left: -8px;
        height: 965px;
        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: 360px;
        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: 360px;
        width: 95.5%;
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px 10px 10px 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }
    
    #appboxes{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        top: 90px;
        left: 25px;
        width: 97%;
        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;
    }
    
    #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: 360px;
        width: 95.5%;
        position: absolute;
        top: 565px;
        left: 25px;
        border-radius: 10px 10px 10px 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: 25px;
        width: 97%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 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;
    }

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

    #row5{
        position: relative;
        top: 220px;
        left: -8px;
        padding: 10px;
        width: 104%;
        height: 400px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #ffffff;
    }

    #plans {
        position: relative;
        width: 50%;
        height: 175px;
        border-radius: 15px;
        top: 20px;
        left: -40px;
    }    
    
    #plansphoto img{
        position: relative;
        top: 20px;
        height:350px;
        left: 170px;
        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;
    }
    
    #plans p {
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        justify-content: center;
        padding-left: 30px;
        padding-right: 30px;    
    }
    
    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 220px;
        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/motiondesignmain.svg) ;
        background-position: -15px -5px;
        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: 70px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 290px;
        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: 70px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 97%;    
    }

    #box2b {
        position: relative;
        top: 30px;
        left: 35%;
    }

    #box2b img{
        width: 30%;
        height: auto;
    }

    #box2c p{
        position:relative;
        top: 30px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 97%;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 80px;
        left: -8px;
        height: 965px;
        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: 360px;
        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: 360px;
        width: 95.5%;
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px 10px 10px 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }
    
    #appboxes{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        top: 90px;
        left: 25px;
        width: 97%;
        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;
    }
    
    #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: 360px;
        width: 95.5%;
        position: absolute;
        top: 565px;
        left: 25px;
        border-radius: 10px 10px 10px 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: 25px;
        width: 97%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 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;
    }

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

    #row5{
        position: relative;
        top: 220px;
        left: -8px;
        padding: 10px;
        width: 104%;
        height: 400px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #ffffff;
    }

    #plans {
        position: relative;
        width: 40%;
        background-color: #ffffff;
        height: 175px;
        border-radius: 15px;
        top: 20px;
        left: -150px;
    }    
    
    #plansphoto img{
        position: relative;
        top: 20px;
        height:350px;
        left: 100px;
        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;
    }
    
    #plans p {
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        justify-content: center;
        padding-left: 30px;
        padding-right: 30px;    
    }
    
    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 220px;
        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: 17px;
        padding-bottom: 23px;
        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/motiondesignmain.svg) ;
        background-position: -15px -5px;
        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: 70px;
        left: 20px;
        display: flex;
        flex-direction: row; 
        background-color: #ffffff;
        border-radius: 10px;
        border-width: 5px;
        border-style: solid;
        border-color: #4472C4;
        width: 290px;
        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: 70px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 97%;    
    }

    #box2b {
        position: relative;
        top: 30px;
        left: 35%;
    }

    #box2b img{
        width: 30%;
        height: auto;
    }

    #box2c p{
        position:relative;
        top: 30px;
        left: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;
        width: 97%;
    }
    
    .content {
        background-color: #B4C7E7;
        position: relative;
        top: 80px;
        left: -8px;
        height: 965px;
        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: 360px;
        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: 360px;
        width: 95%;
        position: absolute;
        top: 100px;
        left: 25px;
        border-radius: 10px 10px 10px 10px;
    }
    
    #box5a p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-align: left;
        color: #262626;
        position: relative;
        top: 0px;
        left: 30px;
    }
    
    #appboxes{
        display:flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly;
        position:relative;
        top: 90px;
        left: 25px;
        width: 97%;
        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;
    }
    
    #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: 360px;
        width: 95%;
        position: absolute;
        top: 565px;
        left: 25px;
        border-radius: 10px 10px 10px 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: 25px;
        width: 97%;
        padding-top: 30px;
        padding-left: 10px;
        padding-bottom: 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;
    }

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

    #row5{
        position: relative;
        top: 220px;
        left: -8px;
        padding: 10px;
        width: 101.4%;
        height: 400px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        justify-content: space-evenly; 
        background-color: #ffffff;
    }

    #plans {
        position: relative;
        width: 40%;
        background-color: #ffffff;
        height: 175px;
        border-radius: 15px;
        top: 20px;
        left: -150px;
    }    
    
    #plansphoto img{
        position: relative;
        top: 20px;
        height:350px;
        left: 100px;
        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;
    }
    
    #plans p {
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        color:#262626;
        line-height: 1.5;
        justify-content: center;
        padding-left: 30px;
        padding-right: 30px;    
    }
    
    #footer {
        background-color: #F2F2F2;;
        padding: 10px;
        position: relative;
        top: 220px;
        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;

    }
}