@charset "UTF-8";

/*	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||
	FONTS
	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||		*/
	
body, p, a, a:visited, a:hover, a:focus, ul, li {
font-family: 'Abel', sans-serif; 
color:white;
margin: 0;
}
h1,h2,h3,h4{
font-family: 'Share', sans-serif; 
font-size: 20px;
font-size: 5vw;
}

body{
overflow:hidden;
background-color: #aa0000;
}
p{
font-size: 14px;
/*font-size: 1.6vw;*/
line-height: 14px;
/*line-height: 1.6vw;	*/
margin-bottom: 0.5vw;
}

a {
  text-decoration: inherit;
  font-style: inherit;
  color: inherit;
}

a:link, a:visited{
	color: coral;
	color: cornflowerblue;;
}
a:hover{
color:white;
}


/*	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||
	HEADER
	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||		*/

.card{
	position: relative;
	float: left;
	/*background-color: #aa0000;*/
	background-color: darkblue;

	padding: 1vh 1vw; 
	width: 31.33vw;
	height: 18vh;
}
.card:nth-child(even) {
    /*background-color: #dd0000	;*/
	background-color: cornflowerblue;

}
.card.card:first-child h1{
	width: 100%;
	margin:0 auto;
}


@media (min-width: 700px) {

	.card{
		width: 18vw;
		height: 31.33vh;	
	}
	.card:first-child {
		width: 38vw;
	}
	.card:last-child {
		width: 0vw;
	}
	

}


/*	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||
	CONTENT
	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||		*/

/*.contentWrapper{
width:100%;
padding: 5px;
border:1px dotted grey;
}

.contentItem{
float:left;
width:300px;
height:300px;
border:1px dotted grey;
margin-right: 5px;
}*/



/*	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||
	FOOTER
	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||		*/


/*	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||
	FORMS
	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||		*/