@import 'https://fonts.googleapis.com/css?family=Questrial';

* {
  box-sizing: border-box;
}

html,body{
    overflow-x:hidden;
    font-family: 'Questrial', sans-serif;
}

 /*Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  height: 1000px;  /*Should be removed. Only for demonstration*/
} 

 /*Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.img {
  max-width: 100%;
  height: auto;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
/*@media screen and (min-width: 600px) {
  .col {
    width: 100%;
  }
}*/

.col-responsive{
    min-height:100vh
}

.testex{
   margin-right:440px;
    
}

@media screen and (max-width: 768px) {
  .col-responsive {
    height: auto;
    background-position-y: center !important;
  }
}

/* For mobile phones: */
[class*="testex"] {
  margin-right: 96% !important;
}




/*body{
    animation: transationIn 5s;  
            
}

@keyframes transationIn{
    from{
        opacity:0;
        
    }

    to{
        opacity:1;
    }
}*/