MediaWiki:Common.css

/* CSS placed here will be applied to all skins */
* {
	font-style: normal;
	font-weight: 400 700 900;
	font-display: optional;
	font-family: 'Montserrat', sans-serif;
}

.ig-card {
/*    height:500px;*/
    padding-bottom: 56.25%;
    width:100%;
    background-size: cover;
    background-position: center;
    background-image: url('https://scontent-atl3-2.cdninstagram.com/v/t51.29350-15/366945528_1316683249216157_5147469867809812802_n.jpg?_nc_cat=101&ccb=1-7&_nc_sid=8ae9d6&_nc_ohc=UjxQgVB3K-oAX9pPuEt&_nc_ht=scontent-atl3-2.cdninstagram.com&edm=ANo9K5cEAAAA&oh=00_AfDuZZbC3uV-_fK0JBHj_sbIiIo1EWKAm-RfAHNlnoE0hA&oe=64E24BAE');
}

img { max-width:100%; height: auto; width: auto\9; /* ie8 */ }
/*adding all this so I can add a dropdown**/
 /* Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content span {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content span:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}