body{
    font-family: 'Inconsolata', monospace;
    background-image: url(../img/home.jpg);
    background-size: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
   
}

#title{
    text-align:center;
    font-size:6em;
    border: 10px solid #444444;
    font-weight: 900;
    padding:2%;
}
#main-container{
    padding:5% 1%;
    
}

.logo-img{
}

#title-container{
    max-width:80%;
}


#next-event{
    border: 6px solid #009ee3;
    margin-top:10%;
}

#next-event-title{
    background-color:#009ee3;
    color:white;
}

#next-event-name{
   font-weight: 900; 
}

.event-link{
    color: inherit; 
    text-decoration: inherit; /* no underline */
}
.event-link:hover{
    color: inherit; 
    text-decoration: inherit; 
}

#previous-editions-title{
    background-color:#444444;
    color:white;
    padding:1%;
    margin:20px 0px;
}

.prev-edition-box{
    margin-top:20px;
    text-align: center;
    background-color:#0f292f;
    padding:2% 1%;
    color:white;
    text-decoration: inherit;
}

.prev-edition-box:hover{
    color:white;
    text-decoration: inherit;
    background-color:#009ee3;
    
}

.prev-edition-title{
    padding-top:4%;
    font-weight: 900; 
    line-height: 80%;
}

.prev-edition-date{
    font-weight: 200; 
    line-height: 70%;
}

#icon-list{
    margin-top:100%;
    color:#444444;
}

.rrss-icon{
    color:#444444;
    text-decoration: inherit;
}

.rrss-icon:hover{
    color:#009ee3;
    text-decoration: inherit;
}

.email-us{
    margin:6% 20%;
    text-align:center;
    color:#444444;
    font-size:1.8em;
    text-decoration: inherit;
}

@media (max-width: 600px) {
    #title{
        font-size:3.4em;
    }
    
    #subtitle{
        font-size:1em;
    }
    
    .logo-img{
        margin:30px 10%;

    }
    
    #icon-list{
    color:#444444;
    margin:2% 10%;
    }
    
    .rrss-col-icon{
        width:33.33%;
    }
    
}


@media (min-width: 600px) and (max-width: 1200px) {
   
    #icon-list{
    margin:2% 35%;
    }
    
    .logo-img{
    margin:30px 35%;
    }
    
    .email-us{
     margin:2% 40%;
    }
    
}