/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */

 /* Para aplicar la ATOM para titulos
 font-family: 'Anton', sans-serif;*/



@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);


body {
    
    color: #fff;
    font-weight: 400;
    font-size: 1em;
    font-family: 'Lato', Arial, sans-serif;
    margin:0;
    padding:0;
    padding-bottom:60px;
}
strong{
  color:#000;
}
.ccheader {
    margin: 0 auto;
    padding: 2em;
    text-align: center;
}

.ccheader h1 {
    margin: 0;
    font-weight: 300;
    font-size: 2.5em;
    line-height: 1.3;
}
.ccheader {
    margin: 0 auto;
    padding: 2em;
    text-align: center;
}

.ccheader h1 {
    margin: 0;
    font-weight: 300;
    font-size: 2.5em;
    line-height: 1.3;
}

/* Form CSS*/
.ccform {
   margin: 0 auto;
    width: 500px;
}
.ccfield-prepend{
    margin-bottom:10px;
    width:100%;
}

.ccform-addon{
    color:#f8ae45; 
    float:left;
    padding:8px;
    width:8%;
    background:#FFFFFF;
    text-align:center;  
}

.ccformfield {
    color:#000000; 
    background:#FFFFFF;
    border:none;
    padding:15.5px;
    width:91.9%;
    display:block;
    font-family: 'Lato',Arial,sans-serif;
    font-size:14px;
}

.ccformfield {
    font-family: 'Lato',Arial,sans-serif;
    border: solid;
    border-radius: 10px;
}
.ccbtn{
    display:block;
    border:none;
    background:#f8ae45;
    color:#FFFFFF;
    padding:12px 25px;
    cursor:pointer;
    text-decoration:none;
    font-weight:bold;
}
.ccbtn:hover{
    background:#d8850e;

}
.credit {
  width: 500px;
  clear:both;
margin:0 auto;
  line-height:25px;
 padding: 25px 50px; 
text-align: center;
}
.credit em{
margin-right:5px;
}
.credit a {
color: #000;
font-weight: bold;
text-decoration: none;
}

.margin_contact{
    margin-top: 15%;
}

@media only screen and (max-width: 820px) and (min-width: 600px) {


body {
    
    color: #fff;
    font-weight: 400;
    font-size: 1em;
    font-family: 'Lato', Arial, sans-serif;
    margin:0;
    padding:0;
    padding-bottom:60px;
}
strong{
  color:#000;
}
.ccheader {
    margin: 0 auto;
    padding: 2em;
    text-align: center;
}

.ccheader h1 {
    margin: 0;
    font-weight: 300;
    font-size: 2.5em;
    line-height: 1.3;
}
.ccheader {
    margin: 0 auto;
    padding: 2em;
    text-align: center;
}

.ccheader h1 {
    margin: 0;
    font-weight: 300;
    font-size: 2.5em;
    line-height: 1.3;
}

/* Form CSS*/
.ccform {
   margin: 0 auto;
    width: 500px;
}
.ccfield-prepend{
    margin-bottom:10px;
    width:100%;
}

.ccform-addon{
    color:#f8ae45; 
    float:left;
    padding:8px;
    width:8%;
    background:#FFFFFF;
    text-align:center;  
}

.ccformfield {
    color:#000000; 
    background:#FFFFFF;
    border:none;
    padding:15.5px;
    width:91.9%;
    display:block;
    font-family: 'Lato',Arial,sans-serif;
    font-size:14px;
}

.ccformfield {
    font-family: 'Lato',Arial,sans-serif;
    border: solid;
    border-radius: 10px;
}
.ccbtn{
    display:block;
    border:none;
    background:#f8ae45;
    color:#FFFFFF;
    padding:12px 25px;
    cursor:pointer;
    text-decoration:none;
    font-weight:bold;
}
.ccbtn:hover{
    background:#d8850e;

}
.credit {
  width: 500px;
  clear:both;
margin:0 auto;
  line-height:25px;
 padding: 25px 50px; 
text-align: center;
}
.credit em{
margin-right:5px;
}
.credit a {
color: #000;
font-weight: bold;
text-decoration: none;
}


.margin_contact{
    margin-top: 25%;
}

}


@media only screen and (max-width: 600px) and (min-width: 200px) { 


body {
    
    color: #fff;
    font-weight: 400;
    font-size: 1em;
    font-family: 'Lato', Arial, sans-serif;
    margin:0;
    padding:0;
    padding-bottom:60px;
}
strong{
  color:#000;
}
.ccheader {
    margin: 0 auto;
    padding: 2em;
    text-align: center;
}

.ccheader h1 {
    margin: 0;
    font-weight: 300;
    font-size: 2.5em;
    line-height: 1.3;
}
.ccheader {
    margin: 0 auto;
    padding: 2em;
    text-align: center;
}

.ccheader h1 {
    margin: 0;
    font-weight: 300;
    font-size: 2.5em;
    line-height: 1.3;
}

/* Form CSS*/
.ccform {
   margin: 0 auto;
    width: 200px;
}
.ccfield-prepend{
    margin-bottom:10px;
    width:100%;
}

.ccform-addon{
    color:#f8ae45; 
    float:left;
    padding:8px;
    width:8%;
    background:#FFFFFF;
    text-align:center;  
}

.ccformfield {
    color:#000000; 
    background:#FFFFFF;
    border:none;
    padding:15.5px;
    width:91.9%;
    display:block;
    font-family: 'Lato',Arial,sans-serif;
    font-size:14px;
}

.ccformfield {
    font-family: 'Lato',Arial,sans-serif;
    border: solid;
    border-radius: 10px;
}
.ccbtn{
    display:block;
    border:none;
    background:#f8ae45;
    color:#FFFFFF;
    padding:12px 25px;
    cursor:pointer;
    text-decoration:none;
    font-weight:bold;
}
.ccbtn:hover{
    background:#d8850e;

}
.credit {
  width: 500px;
  clear:both;
margin:0 auto;
  line-height:25px;
 padding: 25px 50px; 
text-align: center;
}
.credit em{
margin-right:5px;
}
.credit a {
color: #000;
font-weight: bold;
text-decoration: none;
}

.margin_contact{
    margin-top: 75%;
}


}