body {
	    	font-family: Lato;
	    }

	    h1,h2,h3,h4,h5,h6{
	    	font-family:Catamaran;
	    }

        a.stretched-link:link {
            color: blue; 
        }
        a:hover, a.stretched-link:hover {
			cursor: pointer;
			color: orange;
		}
        a {
            color:white;
        }

        .articles {
			padding-top: 5px;
            padding-bottom: 5px;
		}

        .articles .card {
            height: 30%;
			margin: 15px 0px 15px 0px;
		}

         .articles .featurecard {
            height: 30%;
			margin: 15px 0px 15px 0px;
		}

		.articles-section {
			margin-top: 50px;
		}

		.article-image {
			height: 100%;
			width: 100%;
			transition: all .5s;
		}
        
        .article-card {
			margin-top: 40px;
			padding: 0px 20px 0px 20px !important;
		}

		.article-card:hover .article-image,
		.article-card:focus .article-image {
			transform: scale(1.2);
		}

		.banner {
			background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(http://www.globalstudentsquare.org/wp-content/uploads/2019/01/DSC_0776.jpg) center no-repeat;
			background-size: contain;
            position: relative;
            top: 50%;
            padding-top: 75px;
		    height: 500px;
		    display: flex;
		    justify-content: center;
		    align-items: center;
            vertical-align: top;
		}

		.banner-text {
			text-align: center;
			color: white;
			font-size: 27px;
			padding-top: 100px;
			padding-bottom: 100px;
			padding-right: 100px;
			padding-left: 100px;
		}

        .banner-title {
			font-size: 70px;
            font-weight: 500;
			padding: 20px 0px 15px 0px;
		}

		.banner-tagline {
			font-size: 25px;
			padding: 10px 0px 10px 0px;
            background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45))
		}

		.banner-title, .banner-tagline {
			text-align: center;
			color: white;
		}
        
        .mission-panel {
			vertical-align: text-bottom;
			color: black;
			padding: 0px 0px 0px 0px;
			height: 300px;
		}

        .nav-text {
			color: black;
		}

		.project-panel {
			vertical-align: text-bottom;
			color: black;
			cursor: pointer;
			padding: 0px 0px 0px 0px;
			height: 300px;
		}

		.project-title {
			font-size: 35px;
			font-weight: 300!important;
			position: absolute;
			bottom: 8px;
			left: 16px;
			transition: all 0.25s ease;
			color: white;
		}
        
        .project-title-center {
			font-size: 35px;
			font-weight: 300!important;
            text-align: center;
            width: 100%;
			position: absolute;
			bottom: 8px;
			transition: all 0.25s ease;
			color: white;
		}

		.project-panel:hover .project-title {
			opacity: 0;
		}
        
        .project-panel:hover .project-title-center {
			opacity: 0;
		}

		.overlay-text {
			display: flex;
		  	flex-direction: column;
		  	justify-content: center;
		  	padding: 0px 20px 0px 20px;
		}

		.overlay-text-title {
			font-size: 35px;
		}

		.overlay-text-desc {
			font-size: 20px;
		}

        .text-desc {
            font-size: 28px;
			font-weight: 300!important;
			position: absolute;
            bottom: 10px;
            top: 10px;
            left: 10px;
            right: 10px;
			transition: all 0.25s ease;
			color: white;
        }

		.overlay-text-title, .overlay-text-desc, text-desc {
			width: 100%;
			text-align: center;
		}

		.project-img {

			/* width: 100%; */
            width: auto;
			height: 100%;
            background-size: cover;
            background-position: center;
			opacity: 0.8;
		}


        /* Custom padding for News Jumbotrons */
        .jumbotron{
            height: 30%;
            padding-top: 0px;
            padding-bottom: 0px;
        }

        p.excerpt {
             line-height: 3.5vh;
             margin-top: -0.5em;
             font-size: 100%
        }

        h5.newstitle {
            font-family: "Lato", sans-serif;
            margin-bottom: 0px;
            margin-top: 1.2vh;
            line-height: 1.2em;
            font-weight: 600;
        }

        h6.newstag {
           margin-top: -1.2vh;
           line-height: 1.2em;
           margin-bottom: 2.0vh;
            font-weight: 700;
        }

        .img-fluid {
            margin-bottom: 3.0vh;
            margin-left: auto;
            margin-right: auto;
        }

        /* Custom sizing for Avatars */
        .md-avatar.size-1 {
            width: 30px;
            height: 30px;
        }

		@media screen and (min-width:500px) {
			div.banner-text {
				text-align: center;
				color: white;
				font-size: 27px;
				padding: 100px 100px 100px 100px;
			}
		}

		@media screen and (min-width:200px) and (max-width : 499px) {
			div.banner-text {
				text-align: center;
				color: white;
				font-size: 22px;
				padding: 50px 50px 50px 50px;
			}
		}


    @media only screen and (max-device-width: 480px) {
       /* styles for mobile browsers smaller than 480px; (iPhone) */
			 div.our-mission {
				 font-size: 23px;
			 }
    }

		.dropdown-submenu {
		    position:relative;
		}
		.dropdown-submenu .dropdown-menu {
		    top:0;
		    left:100%;
		}
        
        .black-bkgrnd {
            background-color: #000000;
        }

        .text-center {
            align-content: center;
        }