* {
  margin: 0;
  padding: 0;
}

body {

  font-family: 'Roboto', sans-serif;
}

.s-item{
  position: relative;
  height: 380px;
  margin: 13px;
  background-size: cover;
}

.s-item .s-item-text{
  font-size: 33px;
  width: 90%;
  color: white !important;
  position: absolute;
  bottom: 13px;
  left: 50%;
  right: auto;
  -ms-transform: translate(-50%,0px);
  -webkit-transform: translate(-50%,0px);
  transform: translate(-50%,0px);
  text-decoration: none !important;
}

.s-item .s-item-text a{
  text-decoration: none !important;
  color: white !important;
}

.img-responsive{
  max-width: 100%;
  width: 100%;
  height: auto;

}


.socials-holder{
  width: 400px;
  max-width: 100%;
}


@media (max-width: 600px) {

}

.main-logo{
  max-width: 200px;
  height: auto;
}

.login-page
{
    background-image: url('sofia-img/2ndbanner.jpg');
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
    color: black;
    overflow: auto;
    padding: 3em;
    position: relative;
    text-align: center;
    color: white;
    font-size: 19px;


}

.circle-holder{
  max-width: 16px;
}

#sintrabysofiais {

    background-image: url(sofia-img/sintra1.jpg);
    background-repeat: no-repeat;
    background-size:cover;
    font-size: 17px;
    font-family: 'Open Sans', sans-serif;
    height: 700px;
    width: 100%;
    color: black;
    background-position: center;
    /* border-bottom: 14px solid white; */
    align-items: center;
     border-right: 14px solid white;
     border-left: 14px solid white;
}

.container {

  align-items: middle;
}

.container1 {

  align-items: middle;
}

a {
  color: white;
  text-decoration: none;
  color: inherit !important;
}

ul {
    width: 45%;
    margin: auto;
    font-size: 17px;
}

button {
  font-size: 19px;
  background-color: orange;
  width: 400px;
  max-width: 100%;
}



 .menu{
 list-style: none;
 width: 10em;
 background: ;
 margin-left: auto;
 margin-right: auto;
 }

 .menu li{
 position: relative;
 float: right;
 }

 .menu li a{
 background: orange;
 color:#fff;
 text-decoration:none;
 padding:14px 20px;
 display:block;
 }

 .menu li a:hover{
 background:darkred;
 color: #fff;
 text-shadow:0px 0px 5px red;
 }

 .menu li ul{
 position: absolute;
 top:45px;
 left:0;
 background-color: #f1f1f1;
 display:none;
 font-size: 15px;
 color: black;
 }

 .menu li:hover ul, .menu li.over ul{
 display:block;
 }

 .menu li ul li{
 border:1px solid #c0c0c0;
 display:block;
 width:100px;
 }

#faixa1{
     position: relative;
     height: 295px;
     background-color: black;
     margin-left: 5px;
 }

 #faixa2{
     position: relative;
     height: 295px;
     background-color: black;

}

#s1{
      text-align: center;
      position:relative;
      width: 49%;
      height: 380px;

      font-size: 33px;
      color: white;
      background-image: url(sofia-img/eletrico1.jpg);
      /*border-bottom: 14px solid white;
      border-left: 14px solid white;*/

}

#s2{
      text-align: center;
      position: relative;
      width: 48%;
      height: 380px;
      left:0px;
      font-size: 33px;
      color: white;
      background-image: url(sofia-img/talk0.jpg);
      /*border-bottom: 14px solid white;
      border-right: 16px solid white;*/
}

#s3{
    position:relative;
    margin-left: 1px;
    width:49%;
    height: 380px;
    font-size: 33px;
    color: white;
    background-image: url(sofia-img/monserrate0.jpg);
  /*  border-bottom: 14px solid white;
    border-left: 14px solid white;*/
  }

#s4{
    position: relative;
    width: 48%;
    height: 380px;
    left:0px;
    font-size: 33px;
    color: white;
    background-image: url(sofia-img/cascata1.jpg);
    /*border-bottom: 14px solid white;
    border-right: 16px solid white;*/
}

#s5{
    position:relative;
    margin-left: 1px;
    width: 49%;
    height: 380px;
    font-size: 33px;
    color:white;
    background-image: url(sofia-img/portfolio1.jpg);
    /*border-bottom: 14px solid white;
    border-left: 14px solid white;*/
}
#s6{
    position: relative;
    width: 48%;
    height: 380px;
    left:0px;
    font-size: 33px;
    color: white;
    background-image: url(sofia-img/lagoa.jpg);
    /*border-bottom: 14px solid white;
    border-right: 16px solid white;*/
}


#socialhome {

  background-color: orange;
  width: 100%;
  height: 150px;
  font-size: 20px;
  color: black;
  font-family: 'Segoe UI', sans-serif;
  border-left: 14px solid white;
  border-right: 14px solid white;

}

#social {

  background-color: orange;
  width: 100%;
  height: 150px;
  font-size: 20px;
  color: black;
  font-family: 'Segoe UI', sans-serif;


}



#end {
border-left: 14px solid white;
border-right: 14px solid white;
}

.row{
  margin: 0 !important;
  padding: 0 !important;
}

.faixa {
  margin: 14px;

}
#footerhome {

            width: 100%;
            background-color: black;
            font-family: 'Segoe UI', sans-serif;
            color: white;
            font-size: 13px;
            margin: auto;
            padding: 0;
            border-left: 14px solid white;
            border-right: 14px solid white;
            border-bottom: 14px solid white;
    }



    .container {

      align-items: middle;
    }

    .container1 {

      align-items: middle;
    }

    #criticas1 {

        font-size: 19px;
        color: black;
        background-image: url('sofia-img/magoito3.jpg');
        background-repeat: no-repeat;
        background-size:100%;
        bottom: 0;
        color: black;
        left: 0;
        overflow: auto;
        padding: 3em;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        color: black;
        background-attachment: fixed;

    }

#termos{
              background-color: #212020;
              color: white;
     }

#terms{
              background-color: #212020;
              color: white;

     }

     .menu{
     list-style: none;
     width: 10em;
     background: ;
     margin-left: auto;
     margin-right: auto;
     }

     .menu li{
     position: relative;
     float: right;
     }

     .menu li a{
     background: orange;
     color:#fff;
     text-decoration:none;
     padding:14px 20px;
     display:block;
     }

     .menu li a:hover{
     background:darkred;
     color: #fff;
     text-shadow:0px 0px 5px red;
     }

     .menu li ul{
     position: absolute;
     top:45px;
     left:0;
     background-color: #f1f1f1;
     display:none;
     font-size: 15px;
     color: black;
     }

     .menu li:hover ul, .menu li.over ul{
     display:block;
     }

     .menu li ul li{
     border:1px solid #c0c0c0;
     display:block;
     width:100px;
     }

    #criticas2 {

        background-image: url(sofia-img/magoito3.jpg);
    }

    #space {

        background-color: white;
    }

    #space1 {

        background-color: orange;
    }
    #sustent {
        background-color: #141414;
        border-color: #141414;


    }

    #conduta {
        background-color: #212020;
        color: white;

    }
    #conduct {
        background-color: #212020;
        color: white;
    }
    #travellers {

      font-size: 19px;
      color: black;

    }
    #sobre {

      font-size: 19px;
      color: black;

    }
    #about {

      font-size: 19px;
      color: black;

    }#in {

      font-size: 19px;
      color: black;
      width: 100%;

    }

    #sintrabysofia {

      font-size: 19px;
      color: black;
      width: 100%;

    }

    #sintra-e {

      font-size: 19px;
      color: black;

    }

    footer {

              width: 100%;
              background-color: black;
              font-family: 'Segoe UI', sans-serif;
              color: white;
              font-size: 13px;
              margin: auto;
              padding: 0;

      }



    /* GR */

    .faixasContainer{
      display: flex;
      flex-wrap:wrap;
    }

    .faixasContainer #faixa1,
    .faixasContainer #faixa2{
      width: 50%;
    }

    /* GR FIM  */