/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {

	header .mainTitle {
		font-size: 18px;
		width: 100%;
		text-align: center;
		padding:10px;
	}

	header .box .items {
		flex-wrap: wrap;
	}	

	header .govLogo {
		width: 50%;
		text-align: right;
	}

	header .greecevslogo {
		width: 50%;
		text-align: left;
	}

	.insidepage .content .container.box {
		padding: 30px 20px;
	}

	.homepage .content .row {
		flex-wrap: wrap;
	}

	.homepage .content .row .cols {
		width: 100%;
	}

	.homepage .morelinks h3 {
		text-align: center;
	}

	.homepage .morelinks b {
		display: block;
		text-align: center;
		font-size: 14px;
		margin-bottom: 5px;
	}

	.homepage .morelinks p {
		text-align: center;
	}
	
	.homepage .morelinks a {
		margin-bottom: 3px;
	}

	.insidepage .parallax h1 {
		font-size: 32px;
	}


}

/* On screens that are 768px or less, set the background color to olive */
@media screen and (max-width: 768px) {

	header .box .items {
		flex-wrap: wrap;
	}

	header .greecevslogo {
		text-align: center;
		width: 50%;
	}

	header .mainTitle {
		font-size: 18px;
		border:0;
		padding:10px;
		width: 100%;
		text-align: center;
	}
	

	header .box .govLogo {
		border:0;
		text-align: center;
		width: 50%;
	}

	header .box .lang {
		position:absolute;
		top:5px;
		right:5px;
	}
	
	.homepage .content .cols {
		padding: 20px;
		padding-bottom: 60px;
		font-size: 14px;
	}

	.homepage .content .row {
		padding: 5px;
	}

	.homepage .content .cols h2 {
		font-size: 20px;
		line-height: 27px;
		margin-bottom: 5px;
	}

	.homepage .content .cols.left {
		min-width: auto;
	}
	
	.homepage .content .cols .btn {
		font-size: 14px;
		padding: 5px 7px;
	}

	.homepage .content .cols .call-to-action {
		width: calc(100% - 40px);
		bottom: 15px;
	}

	.homepage .morelinks {
		padding: 20px;
		margin:15px;
		margin-bottom:0;
	}



	footer {
		padding-bottom: 40px;
	}

	.insidepage .parallax h1 {
		font-size: 30px;
		padding-left:20px;
		padding-right: 20px;
	}

	.insidepage .right h2 {
		margin-bottom: 30px;
	}

	.insidepage .content .row {
		display: block;
		
	}

	.insidepage .content .cols {
		border: 0;
		padding:20px;
	}

	.insidepage .content .cols:hover {
		background: none;
	}

	.hackathlon .content .cols:first-child {
		border: 0;
		background: #efefef
	}
	.accelerator .content .cols:first-child {
		border: 0;
		background: #092342
	}

	.insidepage .content .cols a {
		display: inline-block;
		width: auto;
		margin: 0 auto;
		position: relative;
		margin-top: 30px;
		left: 0;
		right:0;
	}

}