body {
      font-family: 'Roboto', sans-serif;
      font-size: 1em;
}

h1 {
  font-weight: bold;
  font-size: 26px;
}

h2 {
  font-weight: bold;
  font-size: 22px;
}


.navbar-brand {
  color: #541961;
  font-weight: bold;
}

.active{
        background-color: #ffe1bc;
}


a {
	cursor: pointer;
	color: #3174c7;
	text-decoration: none;
}


a:hover {
	text-decoration: underline;
}



.deskContent {
   display: block;
}

.phoneContent {
  display: none;
}

/* #### Mobile Phones Portrait  #### */
@media (min-width: 320px) and (max-width: 480px) {
    .deskContent {display:none;}
    .phoneContent {display:block;}
}