/* ==========================================================================
   Author's custom styles
   ========================================================================== */
           html{ 
              background: url(../img/gradient.jpg) ;
              background-repeat-x: repeat;
              background-size: cover;
          }
            body {
                padding-top: 80px;
                padding-bottom: 80px;
                background-color: transparent;
            }
            .container{
              background-color: white; 
			    -webkit-box-shadow: 4px 6px 6px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 6px 6px -5px rgba(0,0,0,0.75);
box-shadow: 4px 6px 6px -5px rgba(0,0,0,0.75);
border-radius:10px;
            }
            .mauto{
              margin:auto;
              display:block;
              margin-bottom: 30px;
              width:100%;
			  
			
            }
            .app-logos{
              max-width:280px;
            }
 
            /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) { 
  .container{ 
             padding: 35px; 
         }  
            .mauto{
              margin-bottom:20px;
            }
            .safer-logo{ 
            margin-bottom:15%;
              }
        
} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {  
    .container{         
             padding: 42px;
         } 
         .app-logos{
           margin-top:30px;
           max-width:350px;
            }

            .safer-logo{
            
            margin-bottom:15%;
              }
         } 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) { 
  .app-apple{
              float:right;
            }
            .app-android{
              float:left;
            }
            .safer-logo{
              margin-top:5%;
              margin-bottom:5%;
            max-width: 880px;
            }
 } 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) { 
  .container{ 
             padding: 60px; 
         }
 } 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) { 
  .container{ 
                padding: 80px; 
            } 
}