/*
Use this stylesheet for image styling and special buttons.   Where possible use relative sizing.  Otherwise media-queries.
Use images 1920 x 1080 For full background images  Laptop is 1600 x 900.     1 rem = 16px   12x10rem = 184x160px
Note that the common mobile "viewport" pixel size is  360x640 (not the actual pixels, actual pixels 1080 x 1920 - factor of 3 greater 10x9rem = 0.9x16x3 x(10x9rem) = 432x389 px.)
Bootstrap "small" breakpoint is 576px,  so all mobile formats are less than "small" */

.github{
	height:32px;
	width:34px;
	padding:0;
	background: url(../images/github-light-32.png) no-repeat;
	margin-left:20px;
	margin-top:20px;
}

.github:hover {
	background: url(../images/github-light-32.png) no-repeat;
	box-shadow: .25rem .25rem .25rem black;
}

.linkedin{
	height:32px;
	width:32px;
	padding:0;
	background: url(../images/linkedin-grey-32.png) no-repeat;
	margin-left:25px;
	margin-top:20px;
}

.linkedin:hover {
	background: url(../images/linkedin-lightblue-32.png) no-repeat;
	box-shadow: .25rem .25rem .25rem black;
}

.kaggle{
	height:32px;
	width:32px;
	padding:0;
	background: url(../images/kaggle_grey.png) no-repeat;
	margin-left:20px;
	margin-top:20px;
}

.kaggle:hover {
	background: url(../images/kaggle_blue.png) no-repeat;
	box-shadow: .25rem .25rem .25rem black;
}

.full_width{
	width:100%;
}