@charset "utf-8";
/* CSS Document */

   /* body {
      background-image: url("../../assets/background/bgtilesmall.png");
      background-repeat: repeat;
      text-decoration: none;
    } */
    
    
    .container {
      padding-top: 100px;
      padding-bottom: 500px;
    }
    
    .container-fluid {
      padding-top: 70px;
      padding-bottom: 70px;
    }
    
    .bg-4 {
      background-color: #F1554B;
      color: #FFFFFF;
      font-family: 'Montserrat', sans-serif;
    }
    
    #rotating_image {
      
      -webkit-transition: -webkit-transform .3s ease-in-out;
      -ms-transition: -ms-transform .3s ease-in-out;
      transition: transform .3s ease-in-out;
    }
    
    
    #logo {
      
      -webkit-transition: -webkit-transform .3s ease-in-out;
      -ms-transition: -ms-transform .3s ease-in-out;
      transition: transform .3s ease-in-out;
    }
    
    .fa {
      padding-left: 5px;
      padding-right: 5px;
      width: 30px;
      border-radius: 50%;
      text-decoration: none;
      font-size: 20px;
    }
    
    .fa-twitter {
      color: #FFFFFF
    }
    
    
    .fa-tumblr {
      color: #FFFFFF
    }
    
    .fa-youtube {
      color: #FFFFFF
    }
    
    .fa:hover {
      text-decoration: none;
      color: #BED73C;
		transition: 0.4s;
    }
  
    #footercontainer {
      padding-top: 10px;
      padding-bottom: 10px;
    }

/*media queries*/

@media only screen and (min-width: 768px){
	#logo:hover {
      -ms-transform: rotate(-5deg) scale(1.1);
      -webkit-transform: rotate(-5deg) scale(1.1);
		transform: rotate(-5deg) scale(1.1);
    }
	
    #rotating_image:hover {
      -ms-transform: rotate(5deg) scale(1.1);
      -webkit-transform: rotate(5deg) scale(1.1);
		transform: rotate(5deg) scale(1.1);
    }
	
}

@media only screen and (max-width: 767px){
	.container {
		padding-top: 25px;
		padding-bottom: 280px;
	}
	#logo, #rotating_image {
		max-width: 75%;
	}
}