/* 
	This CSS file contains the custom css styles for the Schoolzine Website template 
	When adding to this file use the following comment example:
*/

/* 
	Added by: Brodie Weedon
	Date: Date Added
	Descriptoin: responsive fixes
*/

@media screen and (max-width: 500px) {
    #slider .swiper-slide:nth-child(4) a.button {
        display: block;
        white-space: pre-line;
        line-height: initial;
        text-align: center !important;
    }
}

@media screen and (min-width: 770px) and (max-width: 990px) {
    #slider .slider-caption h2 {font-size: 6vw;}
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    #slider .swiper-slide a.button {
        font-size: 12px;
    }
}

@media screen and (min-width: 576px) and (max-width: 990px) {
    .slider-caption.slider-caption-center {
        max-width: 70%;
    }
}

@media screen and (max-width: 990px) {
    #tiles_2 .portfolio-desc {bottom: 0; display: block !important;}
}