.ram {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*********** IKONY SOCIALNICH SITI ***********/
.social-icons {
	text-align: center;
}

.social-icons a.icon {
	font-size: 28pt;
	text-decoration: none;
	margin-right: 1.2rem;
}

.social-icons a.icon:hover {
	color: #1a1a1a;
}

/********** SOCIALNI MEDIA **********/
.social-media table {
		width: 100%;
}
	
@media print, screen and (min-width: 1601px) {
	.social-media table {
		width: 85%;
	}
}
	
@media print, screen and (min-width: 1901px) {
	.social-media table {
		width: 70%;
	}
}

.social-media table th span.title-text,
.social-media table a > span {
	display: none;
}

.social-media table tr:nth-child(odd) {
	background-color: #f7f7f7;
}

.social-media table .icon-column {
	width: 15px;
}

.social-media table a {
	position: relative;
	display: block;
}

.social-media table a:before {
	content: '';
	width: 9px;
	height: 9px;
	background: #ffb81c;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	-webkit-transition: all 234ms ease-in-out;
	-moz-transition: all 234ms ease-in-out;
	-ms-transition: all 234ms ease-in-out;
	-o-transition: all 234ms ease-in-out;
	transition: all 234ms ease-in-out;
}

.social-media table a:hover:before {
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
}

.social-media table th {
	background-color: #ffffff;
}