/*Phone Configuations*/
@media screen and (max-width: 600px){
    body{
        background-color: #586F7C;
        color: #84DCCF;
        text-align: center;
        width: 100%;
        margin: 0;
    }
    h1{
        margin: 5%;
    }
    h2{
        font-size: 340%;
    }
    h3{
        font-size: 250%;
        margin-left: 10%;
        margin-right: 10%;
        text-align: left;
    }
    h4{
        font-size: 200%;
        margin: 0;
    }
    a{
        color: #A6D9F7;
    }
    .title{
        font-size: 200%;
    }
    .content{
        font-size: 50%;
        margin-right: 10%;
        margin-left: 10%;
        text-align: left;
    }
    .contact{
        font-size: 75%;
    }
}
/*PC Configuations*/
@media screen and (min-width: 600px){
    body{
        background-color: #586F7C;
        color: #84DCCF;
        text-align: center;
        width: 100%;
        margin: 0;
    }
    h1{
        font-size: 400%;
        margin: 5%;
    }
    h2{
        font-size: 340%;
    }
    h3{
        font-size: 250%;
        margin-left: 10%;
        margin-right: 10%;
        text-align: left;
    }
    h4{
        font-size: 200%;
        margin: 0;
    }
    a{
        color: #A6D9F7;
    }
    .title{
        font-size: 300%;
    }
    .content{
        margin-right: 10%;
        margin-left: 10%;
        text-align: left;
    }
}