.callout {
  border-radius: 3px;
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}
.callout a {
  color: #fff;
  text-decoration: underline;
}
.callout a:hover {
  color: #eee;
}
.callout h4 {
  margin-top: 0;
  font-weight: 600;
}
.callout p:last-child {
  margin-bottom: 0;
}
.callout code,
.callout .highlight {
  background-color: #fff;
}
.callout.callout-danger {
  border-color: #c23321;
}
.callout.callout-warning {
  border-color: #c87f0a;
}
.callout.callout-info {
  border-color: #0097bc;
}
.callout.callout-success {
  border-color: #00733e;
}

.pipe-separated-list-container {
   overflow-x: hidden;
}
.pipe-separated-list-container ul {
   list-style-type: none;
   position: relative;
   left: -1px;
   padding: 0;
}
.pipe-separated-list-container ul li {
   display: inline-block;
   line-height: 1;
   padding: 0 5px;
   margin-bottom: 1em;
   border-left: 1px solid;
}

.topo
{
    width: 100% !important;
}

.logo
{
    width:323px;
    height: 116px;
    background: url(../img/logo-rafael-pedrosa.png) no-repeat !important;
}

@media (max-width: 320px) {
    .logo
    {
        height: 58px !important;
    }
    .area-restrita
    {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    .carousel-caption h5
    {
        font-size: 12px !important;
    }
    .topo
    {
        overflow: hidden;
        position: relative;
        
    }
    .topo > header {
        width: 100px !important;
        padding: 0;
        margin: 0;
        float: left;
    }
    .topo > nav {
        width: 100px !important;
        float: right;
    }
    #slide-principal, #slide-principal .carousel-item {
        height: 130px;
    }
    .agendamento-chamada {
        height: 110px;
    }
    .pagina-imagem {
        height: 200px;
    }
}

@media (max-width: 600px) {
    .logo
    {
        height: 58px !important;
    }
    .carousel-caption h5
    {
        font-size: 14px !important;
    }
    .area-restrita
    {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    .topo
    {
        overflow: hidden;
        position: relative;
        
    }
    .topo > header {
        width: 160px;
        padding: 0;
        margin: 0;
        float: left;
    }
    .topo > nav {
        width: 200px;
        float: right;
    }
    #slide-principal, #slide-principal .carousel-item {
        height: 130px;
    }
    .agendamento-chamada {
        height: 110px;
    }
    .pagina-imagem {
        height: 200px;
    }
}