body {
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: url(images/wallpaper.jpg);
}

/* content */ 
#content {
    text-decoration: none;
    background: #FAD79E; 
    padding: 5px;
    width: 80%; /* width of div across page*/
    margin: auto; /* center horizontally */
    border-radius: 5px; /* will round corners a little bit */
}
#main-header {
    text-align: center;
}
.columns {
    
    padding: 2px;
    text-align: center;
    margin: 5px;
}
.one {
    margin: 10px;
    border: 5px solid #FE809D;
    text-decoration: none;
    color: #FBA14C;
    background: #FDF1BF;
}
.links {
    text-decoration: none;
}
#main-content h3:hover  {
    color:#302F2F;
}
#main-content a:hover {
    color:#FE809D;
}
#body{
    max-width:95%;
    margin:auto;
}


/* Typography */

h1 {
    color: #FE809D;
}
h3 {
    color: #FF9EA7;
    padding-bottom:0px;
}
.description {
    color: #FF8A66;
}
h2 {
    text-align: center;
}
#main-content,
p {
    margin: 10px;
}


/* For larger resolutions */
@media only screen and (min-width: 768px) {
    .columns {
        display: flex;
    }
    .one {
        width: 475px;
        height: 350px;
    }
}

/* For lsmaller resolutions */
@media only screen and (max-width: 768px) {
    
    .one {
        width: auto;
        height: auto;
        padding: auto;
    }
}