@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:#e3111a;

	}

	

	form button{

		background-color:#e3111a;

		color:#FFF;

		width:80%;

		padding:5px;

		border-radius: 10px;

	}

	

	footer p{

		position:relative;

		text-align:center;

		padding:5px;

		font-size:12px;		

		background-color:#e3111a;

		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:#e3111a;

	}

	

	form button{

		background-color:#e3111a;

		color:#FFF;

		width:60%;

		padding:5px;

		border-radius: 10px;

	}

	

	footer p{

		position:relative;

		text-align:center;

		padding:5px;

		font-size:12px;		

		background-color:#e3111a;

		color:white;

		margin-top:50px;

	}	

}