html,body{
/*width: 100%;*/
height:100%;
margin: 0;
border-color:transparent;
    
}
.logo {
    background: url("images/logo.png") no-repeat;
    background-position: center;
    background-size: 30vw;
    border-color:none;
    position: fixed;
    z-index: 2;
    width: 100%;   
    height: 30vh;

}


.container{    
    background-image: url("images/background.jpg");
    /*height: 100%;*/
	min-height:100%;
    background-position: fixed;
    /*background-repeat: repeat-y;*/
    background-size:cover;
    border:none;
    z-index:1;
    
}
.container section{
        margin: 100px 0 0 0;		
}

.container h1{
	 font-family: 'Exo', sans-serif;
	 color:#a7574a;
	 margin: 20px 0 0 100px;
}
.container h4{
	font-family: 'Exo', sans-serif;	
}
.container p{
	font-family: 'Exo', sans-serif;
	padding: 8px;
	 margin: 20px 0 0 100px;
	
}

/* Medium screens */
@media all and (max-width: 850px) {
  .section {
    /* When on medium sized screens, we center it by evenly distributing empty space around items */
    justify-content: space-around;
  }
   
    .logo{
        background-size:60vw;
    }
    
}

*{
  box-sizing: border-box;
}

/* Center website */
.main {
  max-width: 75%;
  margin: auto;
}

h1 {
  font-size: 50px;
  word-break: break-all;
}

.row {
  /*margin: 10px -16px;*/
}

/* Add padding BETWEEN each column */
.row,
.row > .column {
  padding: 8px;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  display: none; /* Hide all elements by default */
}

/* Clear floats after rows */ 
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */
.content {
  background-color: white;  
}
.content h4{
  padding: 10px;
  margin: 0px 0 0 0px;
}
.content p{
  background-color: white; 
  margin: 0px 0 0 0px;
  padding: 10px;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: white;
  cursor: pointer;
  font-family: 'Exo', sans-serif;  
}

.btn:hover {
  background-color: #93bcad;
}

.btn.active {
  background-color: #ea7a67;
  color: white;
}

@media all and (max-width: 850px) {
  .column {
	float: left;
	width: 50%;  
	}
  .container h1{
	font-family: 'Exo', sans-serif;
	font-size: 7vw;
    }    
}

/* Small screens */
@media all and (max-width: 500px) {
  .column {
    float: left;
    width: 100%;  
  }
  .container h1{
	font-family: 'Exo', sans-serif;
	font-size: 4.5vw;
  }    
}