/* FOR PHONES 320px by 480px */

body {
  	background-color:#fff;
	}

h1 {
  	margin:10px 0 0 10px;
	}

#header {
  	width:100%;
  	height:70px;
  	background-image:none;
  	}
  
#header img {
	max-width: 100%;
	height: auto !important;
	}
  
h1#mcgill {
  	margin:5px 0 0 15px;
  	height:50px;
  	width:170px;
  	border-right:none;
	}

h2#my-courses {
  	height:60px;
  	margin:0 0 0 12px;
  	display:inline;
  	float:right;
	}

h3 {
	font-size:1em;
	}


h4 {
	font-size:.8em;
	}

.button,
.button2 {
	margin:40px 0 16px 0;
	font-size:1em;
	text-align:center;
	}

.button a,
.button2 a,{
	padding:13px 15px 15px 15px;
	background-color: #da3739;
	text-decoration:none;
	text-align:center;
	color:#fff;
}

.button .showboat {
	color:#fff;
	background-color: #9e9e9e;
	padding:13px 18px 15px 18px;
	text-align:center;
	}

.button .showboat2 {
	color:#fff;
	background-color: #6bbfc4;
	padding:13px 138px 15px 138px;
	text-align:center;
	}

#panel {
  	width:100%;
  	-moz-box-shadow:    none;
  	-webkit-box-shadow: none;
  	box-shadow:         none;
	}

#panel .content {
  	padding:15px 20px 20px 20px;
	}

#panel .content p {
  	font-size:.8em;
	}

label, #login , #login2, #login3 {
	font-size:.7em;
	}

#username, #password, #username2, #password2, #username3, #password3 {
	width:230px;
	}

.buttonblue {
	color:#fff;
	background-color:#6bbfc4;
	padding:13px 18px 15px 18px;
	font-size:.8em;
	}