.col1{
    padding-left: 10%;
}
.container{
    padding-top: 10%;
}

.container-bg {
width:auto;
margin: 0 auto;
position:relative;
}

.banner {
    background:
    linear-gradient(
      rgba(0, 0, 0, 0), 
      rgba(0, 0, 0, 0)
    ),
    /* bottom, image */
    url(../img/bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
	background-size: cover;

}

a>img:hover{
    opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@media (max-width: 991px) {
    .responsive1{   
        padding-top: 10%;
    }
    .col1{
        padding-left: 30%;
    }
    .responsive2{
        padding-left: 30%;
        padding-top: 15%;
    }
    
}

@media (max-width: 800px) {
    .responsive1{   
        padding-top: 15%;
    }
    .col1{
        padding-left: 15%;
    }
    .responsive2{
        padding-left: 15%;
        padding-top: 25%;
    }
}

@media (max-width: 500px) {
    .responsive1{   
        padding-top: 15%;
    }
    .col1{
        padding-left: 10%;
    }
    .responsive2{
        padding-left: 10%;
        padding-top: 35%;
    }
}
@media (max-width: 375px) {
    .responsive1{   
        padding-top: 15%;
    }
    .col1{
        padding-left: 5%;
    }
    .responsive2{
        padding-left: 5%;
        padding-top: 35%;
    }
}