*{
    padding:0;
    margin:0;
}

header{
    padding:25px;
    
}

header ul{
    display:flex;
    justify-content: space-between;
    list-style-type:none;
    padding-top:25px;
}

header ul li{
    width:30%;
    background-color:rgb(251, 255, 193);
    margin:0;
    padding:5px 0 5px 0;
    text-align:center;
    border:gray 2px solid;
}

header ul li a{
    text-decoration:none;
    color:black;
    font-size:1.25rem;
}

header ul li a:hover{
    color:grey;
}


main{
    width:800px;
    margin:auto;
    padding:0;
    background-color:rgb(224, 224, 224);
    
}

h1{
    text-align:center;
    font-size:2.5rem;
    padding:25px;
    margin:0;
}

section{
    display:flex;
    flex-wrap:wrap;
    background-color:rgb(251, 255, 193);
    padding:1.25%;
    margin:25px;
    justify-content: space-between;
    border: solid gray 2px;
}

section h2{
    width:100%;
    text-align:center;
    font-size:1.75rem;
    margin:0;
    padding:10px 0 ;
}

section a{
    display:flex;
    flex-direction:column;
    width: 24%;
    align-content:center;
    justify-content:center;
}

#hero{
    width:100%;
}

img{
    width:100%;
}

footer p{
    text-align:end;
    padding:10px;
}

/**********************FancyBox Styles******************/

.fancybox-skin{
    background:rgb(251, 255, 193);
}