@import url("bootstrap.min.css");

@font-face {
     font-family: 'my-header'; 
     src: url('../content/font/neuropolitical.eot'); 
     src: url('../content/font/neuropolitical.eot?#iefix') format('embedded-opentype'), 
         url('../content/font/neuropolitical.svg#Mathilde') format('svg'), 
         url('../content/font/neuropolitical.woff') format('woff'), 
         url('../content/font/neuropolitical.ttf') format('truetype'); 
     font-weight: normal; 
     font-style: normal;
}

body {
    background-color: #b5d8bc;
    color: black;
    
    background-image: -ms-linear-gradient(top, #08711c 0, #d6d6d6 100%);/* IE10 Consumer Preview */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08711c', endColorstr='#d6d6d6'); /* IE6 & IE7 */  
    background-image: -moz-linear-gradient(top, #08711c 0, #d6d6d6 100%);/* Mozilla Firefox */ 
    background-image: -o-linear-gradient(top, #08711c 0, #d6d6d6 100%);/* Opera */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #08711c), color-stop(1, #d6d6d6));/* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-linear-gradient(top, #08711c 0, #d6d6d6 100%); /* Webkit (Chrome 11+) */ 
    background-image: linear-gradient(to bottom, #08711c 0, #d6d6d6 100%); /* W3C Markup, IE10 Release Preview */ 
}

#page {
    background-color: white;
    
	border: 1px solid white;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;

    margin-top: 1em;
    margin-bottom: 1em;
}

.font-orange {
    color: orange;
}

.font-green {
    color: #026f16;
}

.font-black {
    color: black;
}
h2 {
    font-family: my-header;
    margin-left: 0;
    text-align: center;
}

h4 {
    color: #026f16;
}

h5 {
    color: orange;
}


.img-thumbnail {
    margin-top: 1em;
    margin-bottom: 1em;
}

.shadow {
	-moz-box-shadow:    0 4px 4px 1px gray;
	-webkit-box-shadow: 0 4px 4px 1px gray;
	box-shadow:         0 4px 4px 1px gray;
}

#header-image img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:90%;

    margin-bottom: 1em;
}

#no-cards {
    background-color: orange;
    font-weight: bold;
    text-align: center;
    font-size: 1em;
}

#right-colomn-well {
    margin-left: 1em;
}

#upcoming-events li {
    margin-top: 1em;
    margin-bottom: 1em;
}
#footer {
    margin-top: 2em;
}

#title {
        text-align: center;
    }

    #left-column {
        text-align: center;
    }

    #facebook img {
        display: block;
        text-align: center;
        margin-bottom: 1em;
    }

@media (min-width: 768px ) /* MOBILE */ {
    #title {
        text-align: left;
    }

    h2 {
        margin-left: 1em;
        text-align: left
    }
    
    #header-image img{
        width:75%;
        max-height: 30em;
        margin-bottom: 2em;
    }
    
    #facebook img {
        margin-left: 1em;
        margin-bottom: 0;
    }
}


@media (min-width: 992px) /* DESKTOP */ {
    
    #left-column {
        text-align: left;
    }
    
}