@font-face {
    font-family: 'galanogrotesque-luploadedfile';
    src: url('../fonts/galano_grotesque_light-webfont.woff2') format('woff2'),
         url('../fonts/galano_grotesque_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'galanogrotesque-huploadedfile';
    src: url('../fonts/galano_grotesque_heavy-webfont.woff2') format('woff2'),
         url('../fonts/galano_grotesque_heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'galanogrotesque-suploadedfile';
    src: url('../fonts/galano_grotesque_semi_bold-webfont.woff2') format('woff2'),
         url('../fonts/galano_grotesque_semi_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'galanogrotesque-tuploadedfile';
    src: url('../fonts/galano_grotesque_thin-webfont.woff2') format('woff2'),
         url('../fonts/galano_grotesque_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'galanogrotesque-muploadedfile';
    src: url('../fonts/galano_grotesque_medium-webfont.woff2') format('woff2'),
         url('../fonts/galano_grotesque_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{
	font-family: 'galanogrotesque-luploadedfile';
	font-weight: normal;
	color: #555555;
}

.bg-celeste{
	background: #60B3C8
}

.bg-grey{
	background: #E6E6F3
}

.bg-white{
	background: #fff
}


.border-celeste{
	border-color: #60B3C8;
}

.fs-0{
	font-size: 3rem
}

.fw-heavy{
	font-family: 'galanogrotesque-huploadedfile';
	font-weight: normal
}


.fw-semi{
	font-family: 'galanogrotesque-suploadedfile';
	font-weight: normal
}

.fw-thin{
	font-family: 'galanogrotesque-tuploadedfile';
	font-weight: normal
}


.fw-medium{
	font-family: 'galanogrotesque-muploadedfile';
	font-weight: normal
}


.celeste{
	color: #60B3C8
}

.w-120{
	width: 120% !important
}

.square {
  position: relative;
  
  background-size: cover !important;
  background-position: right bottom !important;

}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}


#header{
	  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
}


.content {
  position: absolute;
  width: 100%;
  height: 100%;
}


.carousel-caption{
	top: 1.25rem;
	text-shadow:0px 0px 10px black
}

.carousel:after{
	content: "";
	position: absolute;
	height: 300px;
	top:0;
	left: 0;
	right:0;
	z-index: 2;
	
	background: rgb(0,0,0);
	background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
	background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); 
	
}







/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	
	
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	.column-2{
	column-count: 2;
    column-gap: 20px;
    
    }
	
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	
	
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
	
	
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	
	
	
}