@import "../webfont/styles.css";

@import "_header.css";
@import "body.css";
@import "mobile/content.css";

/* MEDIA QUERIES*/
@import "1024/_header.css";
@import "1024/content.css";


@import "footer.css";


/*

@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
    .galleryItemL {width: 21%;}
}

@media only screen and (max-width : 720px),
only screen and (max-device-width : 720px){
    .galleryItemL {width: 29.33333%;}
    header nav{font-size: 12pt}
}

@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px){
    .galleryItemL {width: 96%;}

}
*/

.bg-green{
    background-color: #86CE7F;
}
.bg-blue{
    background-color: #6DD4E9;
}
.bg-orange{
    background-color: #FAC856;
}
.bg-333{
    background-color: #333333;
}

.btn {
    border: 0px;
    background: #86CE7F;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    color: #ffffff;
    font-size: 20px;
    padding: 2px 30px 2px 30px;
    text-decoration: none;
}

.btn:hover {
    background: #5EA553;
    text-decoration: none;
}