@charset "utf-8";

/* CSS Document */
@media only screen and (max-width: 981px){
	figure {
		width:80%;
		margin-left:10%;
		text-align:center;
	}
	
	figure img{
		width:100%;
	}
	
	#form{
		width:80%;
		margin-left:10%;
		text-align:center;
	}
	
	form input{
		margin:5px;
		margin-bottom:10px;
		border-style:none;
		border-bottom:solid;
		border-bottom-color:#ff3edf;
	}
	
	form button{
		background-color:#ff3edf;
		color:#FFF;
		width:80%;
		padding:5px;
		border-radius: 10px;
	}
	
	footer p{
		position:relative;
		text-align:center;
		padding:5px;
		font-size:12px;		
		background-color:#ff3edf;
		color:white;
	}
}

@media only screen and (min-width: 982px){
	figure 
	{
		width:500px;
		height:363px;
		margin:auto;
		text-align:center;
	}

	figure img{
		height:100%;
	}
	
	#form{
		width:60%;
		margin-left:20%;
		text-align:center;
	}
	
	form input{
		margin:5px;
		margin-bottom:10px;
		border-style:none;
		border-bottom:solid;
		border-bottom-color:#ff3edf;
	}
	
	form button{
		background-color:#ff3edf;
		color:#FFF;
		width:60%;
		padding:5px;
		border-radius: 10px;
	}
	
	footer p{
		position:relative;
		text-align:center;
		padding:5px;
		font-size:12px;		
		background-color:#ff3edf;
		color:white;
		margin-top:50px;
	}	
}