/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


.theme-color{
    color : #1f79ba!important;
}
.theme-bg-color{
    background-color : #1f79ba!important;
}

nav ul li a div:hover,nav ul li div div:hover,nav ul li div:hover, nav ul li a:hover, nav ul li div div:hover{
    color : #1f79ba!important;
}

.sub-menu-container{
    border-top-color : #1f79ba!important;
}

@media only screen and (min-width: 700px) {

    #home_slogan{
        width: 600px;
    }
    #home_slogan p:nth-child(2){
        font-size: 20px;
        font-weight: bold;
    }
}


@media only screen and (min-width: 575px) {
    .pics_page{
        height: 250px!important;
        width: 400px!important;
    }
}

@media only screen and (min-width: 576px) {
    .pics_page{
        height: 160px!important;
        width: 300px!important;
    }
}

@media only screen and (min-width: 992px) {
    .pics_page{
        height: 250px!important;
        width: 400px!important;
    }
}