@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);

.footer-social-icons {
	width: 75%;
	display:block;
	margin: 0 auto;
	position: relative;
	text-align: right;
}

ul.social-icons {
	float: none;
	position: absolute;
	right: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.social-icons li {
	vertical-align: top;
	display: inline;
}

.social-icons a {
	color: #fff;
	text-decoration: none;
}

.fa-linkedin,
.fa-github{
	padding:15px 20px;
	margin-inline: 2px;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition: .5s;
	background-color: var(--button-color);
	color: white;
}

.fa-linkedin:hover {
	background-color: #0073a4;
}

.fa-github:hover {
	background-color: #000000;
}

.button-cv {
	width: auto;
	background-color: var(--button-color); /* Green */
	border: none;
	color: white;
	padding: 10px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 999px;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition: .5s;
	cursor: pointer;
	font-weight: bold;
	font-size: 18px;
	font-family: monospace;
	min-width: 160px;
}

.button-cv:hover {
	background-color: var(--button-hover-color);
}

.button-basic {
	width: auto;
	background-color: var(--button-color); /* Green */
	border: none;
	color: white;
	padding: 20px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition: .5s;
	cursor: pointer;
	font-weight: bold;
	font-size: 18px;
	font-family: monospace;
	min-width: 25%;
	min-height: 7%;
	border-radius: 999px;
}

.button-basic:hover {
	background-color: var(--button-hover-color);
}

@media (pointer: coarse)  {
	p {
	  font-size: 200%;
	}
}
