html *{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
body{
    background-color:black;
    background-image: url(images/vignesh-kumar-r-b-FrZo1GNZ2go-unsplash.jpg);
    background-repeat: no-repeat;
    background-position: top;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300;
    font-size:14px;
    line-height:20px;
    
}
iframe{
    width:100%;
    max-width:100%;
    display:block;
}
#layout{
    max-width:640px;
    width:100%;
    margin:0 auto;
    background-color:white;

}
section,aside{
    padding:20px;

}
ul{
    padding:20px;
    line-height:32px;

}

h1{
    background-color:black;
}
h2{
    font-size:28px;
    line-height:32px;
}
h3{
    font-size:14px;
    margin-bottom:20px;
    color:rgb(97,97,97)
}
p{
    margin-bottom:20px;
}
.firstParagraph{
    font-size:20px;
    line-height:24px;

}
.firstPhase{
    font-size:20px;
    line-height:24px;
}
.secondPhase{
    font-size:20px;
    line-height:24px;
}
.thirdPhase{
    font-size:20px;
    line-height:24px;
}
.finalPhase{
    font-size:20px;
    line-height:24px;
}
.abilityPhase1{
    color:white;
    background-color:red;
}
aside{
    background-color:black;
    color:white;
}
.caption{
    font-family:Times,'Times New Roman',serif;
    font-style:italic;
    margin-bottom:0;
    margin-top:10px;
    text-align:right;
}
footer{
    font-family:Times,'Times New Roman',serif;
    font-style:italic;
    margin-bottom:0;
    margin-top:10px;
    text-align:right;
    padding:20px;
    background-color:black;
    color:white;
}
@media screen and (max-width: 768px){

    body{
        font-size:16px;
        line-height:24px;
    }

    h2{
        font-size:24px;
        line-height:28px;
    }

    section,
    aside{
        padding:15px;
    }

}
img{
    max-width:100%;
    height:auto;
    display:block;
}