@charset "utf-8";
/* CSS Document */

#headImg {
	width: 910px;
	height: 100%;
	position: absolute;
	right: 0px;
	padding: 0px;
	background-image: url("../images/MeijerUX.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	text-align: center;
}

.title {
	height:150px;
}

.subtitle {
	font-family: 'ccshannonwheeler regular';
	font-size: 16pt;
	color: #28DAAD;
	margin: 0px;
	padding: 8px 0px;
	background-color: #263E5F;
}

/* Gallery */


#thumb01 {
      background-image: url("../images/MR/MRThumb_01.jpg");
}

#thumb02 {
      background-image: url("../images/MR/MRThumb_02.jpg");
}

#thumb03 {
      background-image: url("../images/MR/MRThumb_03.jpg");
}

#thumb04 {
      background-image: url("../images/MR/MRThumb_04.jpg");
}

#thumb05 {
      background-image: url("../images/MR/MRThumb_05.jpg");
}

.slide-1 {
	background-image: url("../images/MR/MR01_Intro.jpg");
}
.slide-2 {
	background-image: url("../images/MR/MR02_Intro.jpg");
}
.slide-3 {
	background-image: url("../images/MR/MR03_Quiz.jpg");
}
.slide-4 {
	background-image: url("../images/MR/MR04_Nav.jpg");
}
.slide-5 {
	background-image: url("../images/MR/MR05_Story.jpg");
}

/* End of Gallery */


@media (max-width: 1087px) {

	#headImg{
		width: 665px;
	}
	
	.title {
		height:130px;
	}
	
	.subtitle {
		font-size: 14pt;
	}
	
}

@media (max-width: 780px) {

#headImg{
	width: 382px;
	background-position: center;
}
		
.title {
	height:100px;
}
	
.subtitle {
	font-size: 12pt;
}

#thumb01 {
	margin-bottom: 16px;	
}
	
#thumb02 {
	margin-bottom: 16px;	
}
	
#thumb03 {
	margin-bottom: 16px;	
}
	
}

@media (max-width: 480px) {
	
    #headImg{
        width: 244px;
        background-position: center;
    }

    .title {
		width:244px;
        height:70px;
    }

    .subtitle {
		width: 244px;
        font-size: 10pt;
    }

#thumb04 {
	margin-bottom: 16px;	
}

}