/*#198fd6*/
::-moz-selection { background: yellow; }
::selection { background: yellow; }

a{
    color: #F92672;
    text-decoration: none;

}
	a:hover {
    color: #000000;
    text-decoration: none;

}

.capitalismItem{
	margin: 2vw;
	display: inline-block;
	width:400px;
	height:400px;
	border-style: solid;
	border-width:0px 0px 5px 0px;
	border-color:#0aa;
	background-color: #fff;
	border-radius: 5px
}

.capitalismItem:hover{
	border-style: solid;
	border-width:0px 0px 5px 0px;
	border-color:#0f6;
	background-color: #fe7;
	border-radius: 5px
}

.capitalismDescription{
	width: 80%;
	padding: 1%;
	color:#402;
}
img.capitalismImage{
	padding: 10px;
	max-width: 80%;
    max-height: 80%;
}
.contactItem:hover{
	background-color:yellow;
}
.leftAlignedBox{
	margin-left:15vw;
}
#textBanner {display:none;}

#socialMedia{
	text-align: left;
	
	margin-left: 25vw;
}

#socialMediaPre{
	width: 50vw;
	white-space: normal;
}



/*
		R.G.F.
		Responsive
		Garbage
		For the family
*/

/*medium*/
@media screen and (max-width: 1024px) {
    #textBanner {display:none;}
    img{width:100vw}
    #banner{width:70vw;}
    .leftAlignedBox{
		margin-left: 0px; 
	}
	#navibar{
		font-size: 2vw;	
	}
	.miniNavibarCtrl{
		font-size: 4.5vw;	
	}
		#socialMediaPre{
	width: 50vw;
	font-size: 3vw;
	white-space: normal;
}
/*smallest*/
@media screen and (max-width: 768px) {
    #textBanner {display:block;}
    #Banner {display: none}
    img{width:100vw}
    .leftAlignedBox{
		margin-left: 0px; 
	}
	#navibar{
		font-size: 4vw;	
	}
	.miniNavibarCtrl{
		font-size: 4.5vw;	
	}
	#socialMediaPre{
	width: 50vw;
	font-size: 5vw;
	white-space: normal;
	}
}
@media screen and (min-width: 1026px) {
    /*I can't remember why I put this here*/
}