﻿/*
	TYPICAL SCREN SIZES FOR MOBILE DEVICES

	240 pixels (old Android portrait mode)
	320 pixels (iPhone 3 to 5 and iPhone SE portrait mode)
	375 pixels (iPhone 6, 6s, 7, 8 and X portrait)
	384 pixels (Android Nexus portrait)
	414 pixels (iPhone 6 Plus, 6s Plus, 7 Plus and 8 Plus portrait)
	480 pixels (iPhone 3 and 4 landscape mode)
	568 pixels (iPhone 5 and iPhone SE landscape)
	600 pixels (Android Nexus landscape, Kindle portrait)
	667 pixels (iPhone 6, 7 and 8 landscape)
	736 pixels (iPhone 6 Plus, 7 Plus and 8 Plus landscape)
	768 pixels (iPad portrait)
	812 pixels (iPhone X landscape)
	1024 pixels (iPad landscape)

*/


body {
    background-color:whitesmoke;    
}

/******************** HEADER *******************/

.NavImage
{    
/*background-image: url('/Images/New_Uni_Logo.jpg');*/
background-repeat: no-repeat;
background-color:#003875; 
width:100%;
height:150px;
/*padding: 10px 20px; /* gives 10 at top and bottom and 20 on the sides */
}

/* individual settings for intermediate screen resulutions between 260 - 480 px*/

@media screen and (min-width: 210px) and (max-width: 310px) {
.HeaderImage{width:100%; height:50px;}
}

@media screen and (min-width: 311px) and (max-width: 399px) {
.HeaderImage{width:100%; height:60px;}
}

@media screen and (min-width: 400px) and (max-width: 479px) {
.HeaderImage{width:100%; height:65px;}
}
