body
{
  margin:0;
  padding:0;
  font-family: 'Roboto', sans-serif;
}

header
{
  width: 100%;
	background-color: #1c76ac;
	text-align: center;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 48px;
}

.container
{
  width:1024px;
  margin-left:auto;
  margin-right:auto;
}

.btn
{
	text-decoration: none;
	background-color: #1c76ac;
	padding: 10px;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	border: none;
}

h3
{
	border-bottom: 1px solid;
}

.btn:hover
{
  background-color:#15618f;
}

.marginstart
{
  margin-top:30px;
  margin-bottom:30px;
}

.searchinput
{
	width: 80%;
	height: 40px;
	box-sizing: border-box;
	padding-left: 10px;
}

@media screen and (max-width: 960px)
{
	body
	{
		font-size:15px;
	}
	
	img
	{
		max-width: 100%;
	}		
	
	header
	{
		font-size: 29px;
		padding-left: 20px;
		box-sizing: border-box;
		padding-right: 20px;
	}
	
	.container 
	{
		width: 90%;
	}
}

@media screen and (max-width: 640px)
{
	body
	{
		font-size:14px;
	}
	
	img
	{
		max-width: 100%;
	}		
	
	header
	{
		font-size: 25px;
		padding-left: 20px;
		box-sizing: border-box;
		padding-right: 20px;
	}
	
	.container 
	{
		width: 90%;
	}
}

@media screen and (max-width: 480px)
{
	body
	{
		font-size:14px;
	}
	
	img
	{
		max-width: 100%;
	}		
	
	header
	{
		font-size: 25px;
		padding-left: 20px;
		box-sizing: border-box;
		padding-right: 20px;
	}
	
	.container 
	{
		width: 90%;
	}
}

@media screen and (max-width: 320px)
{
	body
	{
		font-size:12px;
	}
	
	img
	{
		max-width: 100%;
	}		
	
	header
	{
		font-size: 25px;
		padding-left: 20px;
		box-sizing: border-box;
		padding-right: 20px;
	}
	
	.container 
	{
		width: 90%;
	}
}