/*Medias Query*/

@media (min-width: 360px) { 
    
      body #bg-1 {
        background-image: url("../img/bg-2.jpg");
        background-size: 100% 50%;
        background-repeat: no-repeat;
    }
    
    body #form {
        
        margin-top:230px;
    }
    
    body #brand {
        
      margin-top:20px;
      position: relative;
      left: 80px;
      top: 220px;
        
    }
    
    body #brand img {
        
      width:100%;
        
    }
}

@media (min-width: 576px) { 
    
      body #bg-1 {
         background-image: url("../img/bg-2.jpg");
        background-position: top center;
    }
    
    body #form {
        
        margin-top:10px;
    }
    
    body #brand {
        
      margin-top:20px;
        
    }
    
    body #brand img {
        
      width:90%;
    }
}


@media (min-width: 768px) {
    
    body #bg-1 {
        background-image: url("../img/bg-1.jpg");
        background-position: top center;
    }
    
    body #form {
        
        margin-top:10px;
    }
    
    body #brand {
        
      position: relative;
      top: 210px;
      left: 2px;
        
    }
    
}


@media (min-width: 992px) { 
    
    body #bg-1 {
        background: #FFFFFF;
    }
    
    body #form {
        
        margin-top:50px;
    }
    
    body #brand {
        
      margin-top:20px;
        
    }
}


@media (min-width: 1200px) { 
    
   body #bg-1 {
        background-image: url("../img/bg-1.jpg");
        background-repeat:no-repeat;
	    background-position: top center;
    }
    
    body #brand {
        position: relative;
        top: 370px;
        left: 20px;
    }
    
    body #brand img {
      width:85%;
        
    }
    
    
}

@media (min-width: 1920px) { 
    
   body #brand {
        position: relative;
        top: 370px;
        left: 2px;
    }
    
    body #brand img {
      width:80%;
        
    }
    
}

/*styles*/

/*body*/

body {
    background:#f7f7f7;
}

#bg {
    background:#FFFFFF;
}


/*tags*/


h1, h2, h3 , h4, h5 ,h6 {

	font-family: 'Raleway', sans-serif;
	color:#5F7183;

}

p {

	font-family: 'Raleway', sans-serif;
}

li {
    
    font-family: 'Raleway', sans-serif;
    font-size:17px;
    color:#575756;
    
}

/*Brand*/
#brand{
    
    margin-top:500px;
}


/*layouts*/

#bg-2 {

	background:#FFFFFF;
}


#bg-3 {

	background:#FFFFFF;
}

#bg-3  p{

	font-family: 'Raleway', sans-serif;
	color:#575756;
	font-size:20px;

}

#bg-4 {

	background:#FFFFFF;
}


#bg-6 {
    
    background:#74B634;
}

#footer p {
    font-family: 'Raleway', sans-serif;
     color:#575756;
    
}

/*Mailchimp*/

#mc_embed_signup{
    background:#FFFFFF; 
    clear:left; 
    font:14px; 
    font-family: 'Raleway', sans-serif;
    
}

#mc-embedded-subscribe {
    background:#74B634;
}


#mc-embedded-subscribe {
    background:#74B634;
}


#mc_embed_signup #label-form-signup {
    
    font-size: 19px;
    font-weight: 300;
    color:#575756;
}

#mc_embed_signup #mce-EMAIL {
    
    border-radius:0px;
}

#mc_embed_signup #mc-embedded-subscribe{
    
     border-radius:0px;
}

/*Bar-social*/

#bar-social {
    top: 100px;
    position: fixed;
    right: 0;
}

#bar-social li {
    list-style:none;
}

/*Form*/

#form{
    
    margin-top:50px;
}