/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.bottom_image_text {
    display: block;
    padding: 40px 0 72px;
    width: 450px;
    border-top: 1px solid #cccccc;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	/*Disable Animation on Mobile Devices*/
#small img{
    height: auto;
    width: 45%;
}
.big_img img{
 height: auto;
}
.bottom_image_text{
    display: none;
}
#znaki {
     margin-bottom: 30px; 
}
.mobile{
    display: block;
    padding: 0;
    width: 100%;
    border-top: none;
}
.logo {
    padding-top: 30px;
}
.logo span {
    color: #1ea5e4;
    font-size: 70px;
    line-height: 95px;
}
#bottom_logo {
    color: #999999;
    font-size: 27px;
    margin-left: 101px;
    line-height: 20px;
}
.big_img {
    width: auto;
    height: auto;
}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 481px) {
    .bottom_image_text{
        display: none;
    }
    .mobile{
        display: block;
    }
    
    
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .mobile{
        display: none;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.container{
		width: 100%;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.container{
		width: 100%;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.container{
		width: 1170px;
	}
}