/* Custom css document */

/**************************************************
*				Structure 						  *
/**************************************************/
html {font-family: "Lato";}
body {background: #d8d8d8}
.container, .container-fluid {background:none; padding-top:1.5em; padding-bottom: 1.5em;}
.row {padding-bottom: 1em !important;}


/**************************************************
*				Typography						  *
/**************************************************/
h1,h2,h3,h4,h5,h6 {font-family: "Lato"; font-weight: 300;}
h1{font-size:4.5em; margin-bottom:-.5em; display:block;}
h2{font-size:3em; line-height:2em;}
h3{background-color: rgba(255, 255, 255, 0.51); padding:10px 20px; border-radius: 3px;}
p {margin-bottom:2em;}

/**************************************************
*				Buttons							  *
/**************************************************/
.btn-default{color: #333; background-color:fff; border-color: #ccc; margin-bottom: 2em;}
.btn-default:hover {background-color: rgba(253, 255, 168, 0.67);}


/**************************************************
*				Colours							  *
/**************************************************/
.bg-white {background-color: #fff;}
/**************************************************
*				Footer							  *
/**************************************************/
footer {border-top:1px solid #ccc; padding-top:1em; padding-bottom:1em;}

/* Large desktop */
@media (min-width: 1200px) {
body{padding-top:40px;}
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
body{padding-top: 5%;}
h2{font-size:2.2em;}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
body {padding-top:5%;}
h1 {font-size:2.5em;}
h2 {font-size:1.8em; margin-bottom:1em;}
address {font-size:.8em;}
.btn-default {margin-bottom: 1em;}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
body {padding-top:5%;}
h1 {font-size:2em;}
h2 {font-size:1.3em; margin-bottom:1em;}
address {font-size:.8em;}
.btn-default {margin-bottom: 1em;}
}