a:link {
  text-decoration: none;
  color: indigo;
}
a:visited {
  text-decoration: none;
  color: brown;
}
a:hover {
  text-decoration: none;
  color: blue;
}
a:active {
  text-decoration: none;
  color: blue;
}

body {.col-md-6 { margin-bottom: 20px; } 
}

.bg-info {
	        font-family: 'Roboto Slab';
	        color: black;
	        font-size: 15px;
	        background-color: #ddddff;

    @media (max-device-width: 1000px) {
        /* styles for browsers larger than 960px; */
	        font-family: 'Roboto Slab';
	        color: black;
	        font-size: 175%;
    }
    @media (max-device-width: 900px) {
       /* styles for mobile browsers smaller than 480px; (iPhone) */
	        font-family: 'Roboto Slab';
		h3 { 
		  font-size: 200%; 
		  padding-top: 10px;
		}
		font-size: 200%; 
	        font-family: 'Roboto Slab';
    }
    @media (max-device-width: 480px) {
       /* styles for mobile browsers smaller than 480px; (iPhone) */
	        font-family: 'Roboto Slab';
		h3 { 
		  font-size: 250%; 
		  padding-top: 10px;
		}
		font-size: 250%; 
	        font-family: 'Roboto Slab';
    }

}


}