/* Type Scale: Perfect Fourth

3.157em
2.369em
1.777em
1.333em
1em
.75em
.563em
.422em

*/

/* Colors

#ffffff
#F0F0F0
#E6E6FF
#DFF8BC
#C8EEAD
#B0E16B
#3BB18E
#3D3C3C

*/

/* Mobile First Styling for 300px Width */

/* MEDIA QUERY 1 */
.introContainer {
    max-width: 500px;
    margin: 0 auto;
    margin-top: 50px;
    padding: 20px;
    text-align: center;
}

.introContainer h1{
    margin-top: 10px;
    padding: 10px;
    color: #EA0029;
}

.introContainer h2{
    font-size: 1em;
    padding: 20px;
}

.sitemapList{
    list-style: none;
}

.sitemapList li{
    padding: 10px;
}

/* Type Scale: Perfect Fourth

3.157em
2.369em
1.777em
1.333em
1em
.75em
.563em
.422em

*/

/* Colors

#ffffff
#F0F0F0
#E6E6FF
#DFF8BC
#C8EEAD
#B0E16B
#3BB18E
#3D3C3C

*/

@media screen and (min-width: 400px) and (max-width: 770px){

    

}


/* MEDIA QUERY 2 */

/* Type Scale: Perfect Fourth

3.157em
2.369em
1.777em
1.333em
1em
.75em
.563em
.422em

*/

/* Colors

#ffffff
#F0F0F0
#E6E6FF
#DFF8BC
#C8EEAD
#B0E16B
#3BB18E
#3D3C3C

*/
@media screen and (min-width: 770px){
    


}


/* Mobile First Styling for 1050px Width */

@media screen and (min-width: 1400px){
    


}


/* Links

a:link - a normal, unvisited link
a:visited - a link the user has visited
a:hover - a link when the user mouses over it
a:active - a link the moment it is clicked

*/

/* Type Scale: Goes Here

x.xxx em
x.xxx em
x.xxx em
x.xxx em
    1 em
 .xxx em
 .xxx em
 .xxx em

*/

/* Colors

#ffffff
#F0F0F0
#E6E6FF
#DFF8BC
#C8EEAD
#B0E16B
#3BB18E
#3D3C3C

*/

/* ALL LINK EFFECTS */