body {
  /* Location of the image */
  background-image: url(images/fundo.jpg);
  
  /* Image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Image doesn't repeat */
  background-repeat: no-repeat;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size: cover;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#275B4F;
  
  /* SHORTHAND CSS NOTATION
   * background: url(background-photo.jpg) center center cover no-repeat fixed;
   */
   padding:0;
   margin:0;
   /*overflow: hidden;*/
}

.mt-0{margin-top:0px !important;}
.mt-1{margin-top:1px !important;}
.mt-2{margin-top:2px !important;}
.mt-3{margin-top:4px !important;}
.mt-4{margin-top:4px !important;}
.mt-5{margin-top:5px !important;}
.mt-6{margin-top:6px !important;}
.mt-7{margin-top:7px !important;}
.mt-8{margin-top:8px !important;}
.mt-9{margin-top:9px !important;}
.mt-10{margin-top:10px !important;}
.mt-15{margin-top:15px !important;}
.mt-20{margin-top:20px !important;}
.mt-25{margin-top:25px !important;}
.mt-30{margin-top:30px !important;}

.mr-0{margin-right:0px !important;}
.mr-1{margin-right:1px !important;}
.mr-2{margin-right:2px !important;}
.mr-3{margin-right:4px !important;}
.mr-4{margin-right:4px !important;}
.mr-5{margin-right:5px !important;}
.mr-6{margin-right:6px !important;}
.mr-7{margin-right:7px !important;}
.mr-8{margin-right:8px !important;}
.mr-9{margin-right:9px !important;}
.mr-10{margin-right:10px !important;}
.mr-15{margin-right:15px !important;}
.mr-20{margin-right:20px !important;}
.mr-25{margin-right:25px !important;}
.mr-30{margin-right:30px !important;}

.mb-0{margin-bottom:0px !important;}
.mb-1{margin-bottom:1px !important;}
.mb-2{margin-bottom:2px !important;}
.mb-3{margin-bottom:4px !important;}
.mb-4{margin-bottom:4px !important;}
.mb-5{margin-bottom:5px !important;}
.mb-6{margin-bottom:6px !important;}
.mb-7{margin-bottom:7px !important;}
.mb-8{margin-bottom:8px !important;}
.mb-9{margin-bottom:9px !important;}
.mb-10{margin-bottom:10px !important;}
.mb-15{margin-bottom:15px !important;}
.mb-20{margin-bottom:20px !important;}
.mb-25{margin-bottom:25px !important;}
.mb-30{margin-bottom:30px !important;}

.ml-0{margin-left:0px !important;}
.ml-1{margin-left:1px !important;}
.ml-2{margin-left:2px !important;}
.ml-3{margin-left:4px !important;}
.ml-4{margin-left:4px !important;}
.ml-5{margin-left:5px !important;}
.ml-6{margin-left:6px !important;}
.ml-7{margin-left:7px !important;}
.ml-8{margin-left:8px !important;}
.ml-9{margin-left:9px !important;}
.ml-10{margin-left:10px !important;}
.ml-15{margin-left:15px !important;}
.ml-20{margin-left:20px !important;}
.ml-25{margin-left:25px !important;}
.ml-30{margin-left:30px !important;}

.pt-0{padding-top:0px !important;}
.pt-1{padding-top:1px !important;}
.pt-2{padding-top:2px !important;}
.pt-3{padding-top:4px !important;}
.pt-4{padding-top:4px !important;}
.pt-5{padding-top:5px !important;}
.pt-6{padding-top:6px !important;}
.pt-7{padding-top:7px !important;}
.pt-8{padding-top:8px !important;}
.pt-9{padding-top:9px !important;}
.pt-10{padding-top:10px !important;}
.pt-15{padding-top:15px !important;}
.pt-20{padding-top:20px !important;}
.pt-25{padding-top:25px !important;}
.pt-30{padding-top:30px !important;}

.pr-0{padding-right:0px !important;}
.pr-1{padding-right:1px !important;}
.pr-2{padding-right:2px !important;}
.pr-3{padding-right:4px !important;}
.pr-4{padding-right:4px !important;}
.pr-5{padding-right:5px !important;}
.pr-6{padding-right:6px !important;}
.pr-7{padding-right:7px !important;}
.pr-8{padding-right:8px !important;}
.pr-9{padding-right:9px !important;}
.pr-10{padding-right:10px !important;}
.pr-15{padding-right:15px !important;}
.pr-20{padding-right:20px !important;}
.pr-25{padding-right:25px !important;}
.pr-30{padding-right:30px !important;}

.pb-0{padding-bottom:0px !important;}
.pb-1{padding-bottom:1px !important;}
.pb-2{padding-bottom:2px !important;}
.pb-3{padding-bottom:4px !important;}
.pb-4{padding-bottom:4px !important;}
.pb-5{padding-bottom:5px !important;}
.pb-6{padding-bottom:6px !important;}
.pb-7{padding-bottom:7px !important;}
.pb-8{padding-bottom:8px !important;}
.pb-9{padding-bottom:9px !important;}
.pb-10{padding-bottom:10px !important;}
.pb-15{padding-bottom:15px !important;}
.pb-20{padding-bottom:20px !important;}
.pb-25{padding-bottom:25px !important;}
.pb-30{padding-bottom:30px !important;}

.pl-0{padding-left:0px !important;}
.pl-1{padding-left:1px !important;}
.pl-2{padding-left:2px !important;}
.pl-3{padding-left:4px !important;}
.pl-4{padding-left:4px !important;}
.pl-5{padding-left:5px !important;}
.pl-6{padding-left:6px !important;}
.pl-7{padding-left:7px !important;}
.pl-8{padding-left:8px !important;}
.pl-9{padding-left:9px !important;}
.pl-10{padding-left:10px !important;}
.pl-15{padding-left:15px !important;}
.pl-20{padding-left:20px !important;}
.pl-25{padding-left:25px !important;}
.pl-30{padding-left:30px !important;}

.logo{background-color: #275B4F;}
.logo h1{font-family: 'Oswald', sans-serif; color:#FFF; font-weight: 600; font-size: 4em}

.mobile{position: absolute; bottom:-15px; left:50%; margin-left:-250px; height:485px; padding:0}
.mobile .cel{float:left}
.mobile .botoes{float:right; width:178px; margin-top:200px;}
.mobile .botoes a{float:left; width:100%; margin-top:5px;}
.mobile .botoes a:first-child{cursor: default;}



@media (max-width: 520px) {
  body {
 
    background-image: url(images/background-photo-mobile-devices.jpg);
    overflow: unset;
  }

  .mobile{
    margin-top:50px;
    width:100%;
    bottom:unset;
    left:unset;
    margin-left: unset;
    height:unset;
    position: unset;
  }

  .mobile .cel{float:unset}

  .mobile .cel img{margin:0 auto; display: block;}

  

  .mobile .botoes{background-color: #275B4F; width:100%; float:left; margin:unset; padding-top:15px; padding-bottom:20px; }

  .mobile .botoes a:first-child{display: none;}
  .mobile .botoes a{display: inline-block; width:48%; margin:1%; text-align: center;}
  .mobile .botoes a img{margin:0 auto; display: block;}
}

/*
.admin{float:left; width:100%; text-align: right; padding:10px 0}
.admin img{display: inline-block; margin-right:10px;}

.topo img{margin:0 auto; display: block;}
.mobile{position: absolute; bottom:-15px; left:50%; margin-left:-250px; height:485px; padding:0}
.mobile .cel{float:left}
.mobile .botoes{float:right; width:178px; margin-top:200px;}
.mobile .botoes a{float:left; width:100%; margin-top:5px;}
.mobile .botoes a:first-child{cursor: default;}



*/