@import url("backgrounds.css");
@import url("typography.css");

/* MAIN STYLE */

*, *::before, *::after, body {
	margin: 0;
	padding: 0;
}

/* full-screen setup */

html, body {
	height: 100%;
}

.fullscreen, .content-a {
	width: 100%;
	min-height: 100%;
}

.not-fullscreen, .not-fullscreen .content-a,
	.fullscreen.not-overflow, .fullscreen.not-overflow .content-a {
		height: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
}

.not-fullscreen {
	height: 50%;
}

/* content centering */

.content-a {
	display: table;
}

.content-b {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	text-align: center;
}

/* LW WATERMARK */

#main::after {
	content: "";
	width: 100px;
	height: 78px;
		/* small width: 50px;
			small height: 39px; */	
	background: url(http://revamp.laurawegkamp.com/images/lw_710x550.png) 50% 50% / cover no-repeat;
	position: absolute;
	bottom: 1%;
	left: 1%;
}

/* SOCIAL */

#social {
	width: 45px;
	height: 135px;
	position: fixed;
	top: 15px;
	right: 0px;
	z-index: 9999;
	background-color: rgba(0,0,0,0.5);
	border-radius: 10px 0px 0px 10px;
		-moz-border-radius: 10px 0px 0px 10px;
		-webkit-border-radius: 10px 0px 0px 10px;
		-o-border-radius: 10px 0px 0px 10px;
}

#social > .fb {
	width: 45px;
	height: 45px;
	display: block;
	background: url(http://revamp.laurawegkamp.com/images/social.png) 0px 0px no-repeat;
}

#social > .fb:hover {
	background: url(http://revamp.laurawegkamp.com/images/social.png) -45px 0px no-repeat;
}

#social > .twitter {
	width: 45px;
	height: 45px;
	display: block;	
	background: url(http://revamp.laurawegkamp.com/images/social.png) 0px -45px no-repeat;
}

#social > .twitter:hover {
	background: url(http://revamp.laurawegkamp.com/images/social.png) -45px -45px no-repeat;
}

#social > .linkedin {
	width: 45px;
	height: 45px;
	display: block;	
	background: url(http://revamp.laurawegkamp.com/images/social.png) 0px -90px no-repeat;
}

#social > .linkedin:hover {
	background: url(http://revamp.laurawegkamp.com/images/social.png) -45px -90px no-repeat;
}

/* GRIDS */

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.floatClear {
	clear: both;
}

.col-100 {
	width: 98%;
	padding: 1%;
	margin: 0 auto;
}

.col-33 {
	width: 31%;
	padding: 1%;
}

.col-34 {
	width: 32%;
	padding: 1%;
}

.col-50 {
	width: 48%;
	padding: 1%;
}

.col-25 {
	width: 23%;
	padding: 1%;
}

.col-75 {
	width: 73%;
	padding: 1%;
}