html {
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 16px;
    text-align: center;
    background-color: #CCC;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
    color: inherit;
}
a{
    text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
    font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}

*, *::before, *::after {
    box-sizing: inherit;
    margin: 0;
    padding: 0;
    font-size: 1rem;
}

a{
    color: orange;
}

a:hover{
    color: black;
}

.clearfix:after { 
    content: "."; 
    visibility: hidden; 
    display: block; 
    height: 0; 
    clear: both;
}

img{
    max-width: 100%;
    max-height: 100%;
}

/* Style for our header texts
* --------------------------------------- */
h1{
    font-size: 5em;
    margin:0;
    padding:0;
}

figure{
    margin: 0;
}

a{
    color: white;
}

