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

	body {
		margin:0;
		font-family: 'Montserrat', sans-serif;
	}

	#holder {
		display: flex;
		flex-direction: column;
		height:100%;

	}


	#maincontent {
		display:flex;
		flex-grow:1;
		flex-shrink: 0;
		flex-direction: column;
		background-image: url(images/wtsad2.jpg);
		background-size: cover;
		background-position: center center;	
		margin-top:50px;
		padding-top: 50px;

	}

	#infotext {
		display: flex;
		flex-direction: row;
		flex: 3;
		width:80%;
		margin:auto;
		justify-content:center;


	}

	.infobox {
		display: flex;
		flex:1;
		margin: 50px;
		padding: 50px;
		vertical-align: middle;
		justify-content: center;
		justify-items: center;
		text-align:center;
	}

	.infoholder {
		width: 80%;
		height: 80%;
		margin: auto;
	}

	.infologo {
		max-width: 80%;
	}

	.info {
		margin-top:30px;
		padding: 10px 20px 30px 20px;;
		background-color: rgba(255,255,255, 0.8);
		border-radius: 10px;
		font-weight: 500;
	}

	.info h2 {
		font-weight: 600;
	}

	#logoholder {
		display:flex;
		flex: 1;
		align-items: flex-end;
		justify-content: flex-end;
	}

	#rrlogo {
		max-height: 100;
	}

}


/* Tablet */
@media only screen and (min-width: 700px) and (max-width: 1049px) {

	body {
		margin:0;
		font-family: 'Montserrat', sans-serif;
	}

	#holder {
		display: flex;
		flex-direction: column;
		height:100%;

	}


	#maincontent {
		display:flex;
		flex-grow:1;
		flex-shrink: 0;
		flex-direction: column;
		background-image: url(images/wtsad2.jpg);
		background-size: cover;
		background-position: center center;	
		margin-top:50px;
		padding-top: 20px;

	}

	#infotext {
		display: flex;
		flex-direction: row;
		flex: 3;
		
		margin:auto;
		justify-content:center;


	}

	.infobox {
		display: flex;
		flex:1;
		margin: 10px;
		padding: 10px;
		vertical-align: middle;
		justify-content: center;
		justify-items: center;
		text-align:center;
	}

	.infoholder {
		width: 80%;
		height: 80%;

	}

	.infologo {
		max-width: 50%;
	}

	.info {
		margin-top:30px;
		padding: 10px 20px 30px 20px;;
		background-color: rgba(255,255,255, 0.8);
		border-radius: 10px;
		font-weight: 500;
	}

	.info h2 {
		font-weight: 600;
	}

	#logoholder {
		display:flex;
		flex: 1;
		align-items: flex-end;
		justify-content: flex-end;
	}

	#rrlogo {
		max-height: 100;
	}

}

/* Mobile */

@media only screen and (max-width: 699px) {
	body {
		margin:0;
		font-family: 'Montserrat', sans-serif;
	}

	#holder {
		display: flex;
		flex-direction: column;
		height:100%;

	}


	#maincontent {
		display:flex;
		flex-grow:1;
		flex-shrink: 0;
		flex-direction: column;
		background-image: url(images/wtsad2.jpg);
		background-size: cover;
		background-position: center center;	
		margin-top:50px;
		padding-top: 100px;

	}

	#infotext {
		display: flex;
		flex-direction: column;
		flex: 3;
		width:80%;
		margin:auto;
		justify-content:center;
		margin-bottom:30px;


	}

	.infobox {
		display: block;
		flex: 1;
		vertical-align: middle;
		justify-content: center;
		justify-items: center;
		text-align:center;
		margin-bottom:39px;
	}

	.infoholder {
		width: 100%;
		height: 80%;
		margin: auto;
		flex: 1;
	}

	.infologo {
		max-width: 80%;
	}

	.info {
		margin-top:30px;
		padding: 10px 20px 30px 20px;;
		background-color: rgba(255,255,255, 0.8);
		border-radius: 10px;
		font-weight: 500;
	}

	.info h2 {
		font-weight: 600;
	}

	#logoholder {
		display:flex;
		flex: 1;
		align-items: flex-end;
		justify-content: flex-end;
	}

	#rrlogo {
		max-height: 100;
	}

}