/* Large desktops and laptops */
@media (min-width: 1200px) {
	#SMI{				/* Part of footer */
		width:5%;
		margin-left:2%;
		margin-top:2%;
	}
	#bot{				/* Part of footer */
		background:#d5dddd;
		padding-top:2%; 
		text-align:center;					
	}
	#btom{				/* Part of footer */
		background:#d5dddd;
		padding-top:2%;
		text-align:left;
	}
	#pt{				/* Part of footer */
		float: right;
	}		
}						


/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	#SMI{
		width:5%;
		margin-left:2%;
		margin-top:2%;
	}
	#bot{
		background:#d5dddd;
		padding-top:2%; 
		text-align:center;					
	}
	#btom{
		background:#d5dddd;
		padding-top:2%;
		text-align:left;
	}
	#pt{
		float: right;
	}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	#SMI{
		width:5%;
		margin-left:2%;
		margin-top:2%;
	}
	#bot{
		background:#d5dddd;
		padding:2%; 
		text-align:center;					
	}
	#btom{
		background:#d5dddd;
		text-align:left;
		padding-top:2%;
	}
	#pt{
		float: right;
	}
}

/* Portrait phones and smaller */
@media (max-width: 767px) {
	#SMI{
		width:20%;
		margin-left:5%;
		margin-top:5%;
	}
	#bot{
		background:#d5dddd;
		padding:2%; 
		padding-bottom:5%;
		text-align:center;
	}
	#btom{
		background:#d5dddd;
		padding-top:3.5%;
	}
	#pt{
		padding-top:3.5%;
	}
	#map{
		height: auto;  
		width: 20%;  /* The width is the width of the web page */
	}
}