/* RESOLUTION ECRAN */
@media screen and (min-width: 1248px)
{
    /* Rédigez vos propriétés CSS ici */
    body { 
    	background-image: url('../img/garde-rouge2.jpg'); background-size: cover; padding-left: 15rem; padding-right: 15rem; padding-top: 6rem; padding-bottom:5rem;
    }
    .sign-up {
    	border-radius: 10px; width: 100%; height: 100%; padding-top: 5rem; padding-bottom:8rem;
    }
    .sign-up h3 {font-size: 2.5rem;font-family: 'Ubuntu', serif; font-weight: 600;}
    .sign-up a {font-family: 'Ubuntu', sans-serif; font-size: 13px; color: #4e73df;}
    .signup-form {padding-left: 3rem; padding-right: 3rem}
    .sign-up p {font-family: 'Ubuntu', sans-serif; font-size: 14px; font-weight: 600;}
    img {width: 100%; float: left;}
    input {font-family: "Open Sans", sans-serif; font-size: 14px;}
    .mini-resolution{display:none;}
    
}

/* ====================================================================================== */

@media screen and (min-width: 1024px) and (max-width: 1248px)
{
    /* Rédigez vos propriétés CSS ici */
    body { 
    	background-image: url('../img/garde-rouge2.jpg'); background-size: cover; padding-left: 10rem; padding-right: 10rem; padding-top: 6rem; padding-bottom:5rem;
    }
    .sign-up {
    	border-radius: 10px; width: 100%; height: 100%; padding-top: 5rem; padding-bottom:8rem;
    }
    .sign-up h3 {font-size: 2.4rem;font-family: 'Ubuntu', serif; font-weight: 600;}
    .sign-up a {font-family: 'Ubuntu', sans-serif; font-size: 13px; color: #4e73df;}
    .sign-up p {font-family: 'Ubuntu', sans-serif; font-size: 14px; font-weight: 600;}
    .signup-form {padding-left: 3rem; padding-right: 3rem}
    img {width: 100%; float: left;}
    input {font-family: "Open Sans", sans-serif; font-size: 13px;}
    .mini-resolution{display:none;}
}

/* ====================================================================================== */

@media all and (min-width: 980px) and (max-width: 1024px)
{
    /* Vos règles CSS pour les mobiles ici */
    body { 
    	background-image: url('../img/garde-rouge2.jpg'); background-size: cover;padding-left: 5rem; padding-right: 5rem; padding-top: 6rem; padding-bottom:6rem;
    }
    .sign-up {
    	border-radius: 10px; width: 100%; height: 100%; padding-top: 5rem; padding-bottom:7rem;
    }
    .sign-up h3 {font-size: 2.2rem; font-family: 'Ubuntu', sans-serif; font-weight: 600;}
    .sign-up a {font-family: 'Ubuntu', sans-serif; font-size: 12px; color: #4e73df;}
    .signup-form {padding-left: 3rem; padding-right: 3rem}
    .sign-up p {font-family: 'Ubuntu', sans-serif; font-size: 14px; font-weight: 600;}
    img {width: 100%; float: left;}
    input {font-family: "Open Sans", sans-serif; font-size: 13px;}
    .mini-resolution{display:none;}
}


/* ====================================================================================== */

@media all and (min-width: 760px) and (max-width: 980px)
{
    /* Vos règles CSS pour les mobiles ici */
    body { 
    	background-image: url('../img/garde-rouge2.jpg'); background-size: cover; padding-left: 5rem; padding-right: 5rem; padding-top: 5rem; padding-bottom:5rem;
    }
    .sign-up {
    	border-radius: 10px; width: auto; height: auto; padding-top: 5rem; padding-bottom:8rem;
    }
    .sign-up h3 {font-size: 2rem; font-family: 'Ubuntu', sans-serif; font-weight: 600;}
    .sign-up a {font-family: 'Ubuntu', sans-serif; font-size: 12px; color: #4e73df;}
    .sign-up p {font-family: 'Ubuntu', sans-serif; font-size: 13px; font-weight: 600;}
    .signup-form {padding-left: 3rem; padding-right: 3rem}
    img {width: 100%; float: left;}
    input {font-family: "Open Sans", sans-serif; font-size: 12px;}
    .mini-resolution{display:none;}
}

/* ====================================================================================== */

@media all and (min-width: 480px) and (max-width: 760px)
{
    /* Vos règles CSS pour les mobiles ici */
    body { 
    	background-image: url('../img/garde-rouge2.jpg'); background-size: cover; padding-left: 5rem; padding-right: 5rem; padding-top: 5rem; padding-bottom:5rem;
    }
    .sign-up {
    	border-radius: 10px; width: auto; height: auto; padding-top: 5rem; padding-bottom:8rem;
    }
    .sign-up h3 {font-size: 2.2rem; font-family: 'Ubuntu', sans-serif; font-weight: 600;}
    .sign-up a {font-family: 'Ubuntu', sans-serif; font-size: 12px; color: #4e73df;}
    .sign-up p {font-family: 'Ubuntu', sans-serif; font-size: 13px; font-weight: 600;}
    .signup-form{padding-left: 5rem; padding-right: 5rem;}
    img {width: 100%; float: left;}
    #border-left {border:0;}
    input {font-family: "Open Sans", sans-serif; font-size: 12px;}
    .pc-resolution{display:none;}
}

/* ====================================================================================== */

@media all and (max-width: 480px)
{
    /* Vos règles CSS pour les mobiles ici */
    body {padding: 0; margin: 0;}
    .sign-up {
    	border-radius: 10px; width: auto; height: auto; padding-top: 5rem; padding-bottom:8rem;
    }
    .sign-up h3 {font-size: 1.9rem; font-family: 'Ubuntu', sans-serif; font-weight: 600;}
    .sign-up a {font-family: 'Ubuntu', sans-serif; font-size: 12px; color: #4e73df;}
    .signup-form {margin-left: 3rem; margin-right: 3rem; margin-bottom: 5rem;}
    img {width: 100%; float: left;}
    .sign-up p {font-family: 'Ubuntu', sans-serif; font-size: 13px; font-weight: 600;}
    input {font-family: "Open Sans", sans-serif; font-size: 11px;}
    .pc-resolution{display:none;}
}