body {
	font-size: 10px;
}

html{
    background: #dae8e0;
	font-size: 100%;
}

.pagemiddle {
    display: flex;
	justify-content: center;
}

.pmLarge {
    font-size: 8rem;
    font-family: 'Times New Roman';
    line-height: 0px;
}

.pmSmall {
	font-size: 2.1rem;
	font-family: 'Times New Roman';
	margin-top: 3rem;
}

.textoverlay {
	display: flex;
	flex-direction: column;
    position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    text-align: center;
}

.social-network {
    display: flex;
    margin: 1rem auto;
	justify-content: center
}

.social-network a.icoFacebook:hover {
    background-color: #3B5998;
}

.social-network a.icoTwitter:hover {
    background-color: #33ccff;
}

.social-network a.icoAt:hover {
	background-color: #3b7f3a;
}

	.social-network a.icoEtsy:hover {
		background-color: #ff6a00;
	}

.social-network a.icoFacebook:hover i,
.social-network a.icoAt:hover i,
.social-network a.icoEtsy:hover i,
.social-network a.icoTwitter:hover i {
	color: #fff;
}

a.socialIcon:hover, .socialHoverClass {
    color: #44BCDD;
}

.social-circle a {
	margin: 0 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	width: 3.125rem;
	height: 3.125rem;
	font-size: 1.25rem;
	background-color: #bacbc1;
}

.social-circle i {
    margin: 0;
    line-height: 3.125rem;
    text-align: center;
}

.social-circle a:hover i, .triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.social-circle i {
    color: #fff;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}

a {
    background-color: #D3D3D3;
}