/*--- Blog section ---*/
.section__blog{
    padding-bottom: 6rem;
}
.blog__section{
    text-align: center;
}
.blog__sectiontitle{
    color: var(--altblue-color);
    font-size: 3rem;
}
.blog__subtitle{
    max-width: 50rem;
    margin: 0 auto;
	    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
}
.blog__boxes{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 2rem 0;
    flex-wrap: wrap;
}
.blog__box{
 
    border-radius: .5rem;
    margin: 1rem;
    padding: 2.5vw;
    text-align: left;
    display: flex;
    flex-direction: column;
    min-height: 15rem;
    max-width: 21rem;
    justify-content: space-between;

    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
}
.box__date{
    color: var(--main-color);
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
}
.box__title{
    margin: 1rem 0;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
}
.box__content{
       font-size: .8rem;
        margin: 1rem 0;
}
.blog__box a{
    align-self: flex-end;
    color: black;
    transition: all ease .5s;
}
.blog__box.promo{
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
    border-color: transparent;
}
.blog__link{
    font-size: 1rem;
    margin-bottom: .5rem;
    text-decoration: none;
	font-weight: 500;
	transition: all ease .5s;
	color: #000;
}
/* ikonka z fontawesome.com */ .fa-angle-right {
								margin-left: 0.5vw;
								}
								
.blog__box a:hover, .blog_link:hover {
color: var(--main-color) !important;
transition: all ease .5s;
}






@media only screen and (max-width: 600px){
    .box__content{
        font-size: 1rem;
        
    }
}