html{padding: 0; margin:0;}
body {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    background-color: #1E162D;
    font-family: Roboto-light, Arial, Helvetica, sans-serif;
    font-size:22px;
    color: #fff;
}

.container {
    width: 95%;
    margin: auto;
    padding-top: 25vh;
    max-width: 1250px;

}
.content1{
    width:60%;
    max-width: 690px;
    display: inline-block;
    vertical-align: top;
}

.content2{
    width:38%;
    max-width: 445px;
    display: inline-block;
    padding-left: 50px;
    vertical-align: top;
}


h1{
    color: #fff;
    padding: 7px;
    margin: 0;
    font-size: 86px;
    font-weight: 800;
    letter-spacing: -3px;
    line-height: .75em;
}

.blue{ 
    animation: turnBlue .5s; 
    color: #00f
}

.show{
    animation: fadeIn .75s;
}
.hide{
    opacity: 0;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }

@keyFrames turnBlue{
    0% {color: #fff;}
    100% {color: #00f;}
}

p, img {
    margin: 0; 
    padding: 4px;
    line-height: 1.15em;
}


a:link, a:visited{color:white;}
a:hover{color:rgb(0,255,255)}
.name {line-height:.5em}
.jobtitle {font-size: 16px; line-height:2em;}

@media screen and (max-width:1250px) {

    .container {
        width: 95%;
        margin: auto;
        padding-top: 10vh;
        max-width: 1150px; 
    
    }

    .content1{
        width:95%;
        max-width: 455px;
        margin: auto;
        display: block;
        vertical-align: top;
        padding-left:0px;
    }
    
    .content2{
        width:95%;
        max-width: 455px;
        margin: auto;
        display: block;
        padding-left: 0px;
        vertical-align: top;
        padding-top: 25px;
    }
    
    
    h1{
        font-size: 60px;
    }

}


@media screen and (max-width:720px) {

    .container {
        width: 95%;
        margin: auto;
        padding-top: 5vh;
        max-width: 700px; 
    
    }
    .content1{
        width:95%;
        max-width: 455px;
        margin: auto;
        display: block;
        vertical-align: top;
        padding-left:0px;
    }
    
    .content2{
        width:95%;
        max-width: 455px;
        margin: auto;
        display: block;
        padding-left: 0px;
        vertical-align: top;
        padding-top: 25px;
    }
    
    
    h1{
        font-size: 11vw;
    }

    _::-webkit-full-page-media, _:future, :root h1 {
        font-size: 8.4vw;
    }
}