html, body {
  max-width: 100%;
  overflow-x: hidden;
}
body{
  background-color: rgb(67, 67, 65);
}

a {
  text-decoration: none;
}

p, .col-sm-3, .col-sm-7 ,h1{
  color: white;
  font-family: 'Source Serif Pro', serif;
}

.center_image{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.image{
  width: 25%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  margin-bottom: 15%;
}

.form-check{
  color : white;
}

.btn{
  margin-left: auto;
  margin-right: auto;
}

.col-sm-2 .ilustracnifoto{
  margin-top: 50px;
}

span{
  color: rgb(219, 62, 37);
}

hr{
  height:3px;
  border-width:0;
  background-color:rgb(219, 62, 37);
  opacity: 100%;
}
.main{
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
  max-width: 1000px;
}
.logo{
  margin-top: 20px;


  width: 100%;
  height: 100%;
}

.register{
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  color: white;
}



.form-control:focus {
  border-color: rgb(219, 62, 37);
  box-shadow: inset 0 1px 1px rgb(219, 62, 37), 0 0 8px rgb(219, 62, 37);

}

.btn{
  background-color: rgb(219, 62, 37);
  border-color: rgb(219, 62, 37);
  color: white;

}

.form-check-input[type="radio"] {
  background-color: rgb(219, 62, 37);
  color: rgb(219, 62, 37);
}

.home, .searchbutton, .logOut{
  margin-top: 50px;
  
}



.homeMobile, .searchbuttonMobile, .logOutMobile{
  display: none;
}


@media only screen and (max-width: 600px) {
.logo{
  width: 30%;
}

.homeMobile, .searchbuttonMobile, .logOutMobile{
  display: block;
}

.home, .searchbutton, .logOut{
 display: none;
}

.homeMobile{
  position: absolute;
  right: 30px;
  top: 60px
}
.searchbuttonMobile{
  position: absolute;
  right:80px;
  top: 60px
}

.logOutMobile{
  position: absolute;
  right: 130px;
  top: 60px

}

}

.form-control:focus {
  border-color: rgb(219, 62, 37);
  box-shadow: inset 0 1px 1px rgb(219, 62, 37), 0 0 8px rgb(219, 62, 37);

}

.btn{
  background-color: rgb(219, 62, 37);
  border-color: rgb(219, 62, 37);
  color: white;

}

.settingsDashboard, .searchbuttonDashboard, .logOutDashboard ,.settingsSearch, .homeSearch, .logOutSearch{
  margin-top: 50px;
  

}


.btn-link{
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  
}

.btn-link:hover{
  color: rgb(219, 62, 37);
}


.settingsMobileDashboard, .searchbuttonMobileDashboard, .logOutMobileDashboard,.settingsMobileSearch, .homeMobileSearch, .logOutMobileSearch{
  display: none;
}

  .ilustracnifoto{
    max-height: 100px;
    max-width: 100px;
  }

@media only screen and (max-width: 600px) {
.logo{
  width: 30%;
}

.settingsMobileDashboard, .searchbuttonMobileDashboard, .logOutMobileDashboard, .settingsMobileSearch, .homeMobileSearch, .logOutMobileSearch{
  display: block;
}

.settingsDashboard, .searchbuttonDashboard, .logOutDashboard, .settingsSearch, .homeSearch, .logOutSearch{
 display: none;
}

.settingsMobileDashboard, .settingsMobileSearch{
  position: absolute;
  right: 30px;
  top: 60px
}
.searchbuttonMobileDashboard, .homeMobileSearch{
  position: absolute;
  right:80px;
  top: 60px
}

.logOutMobileDashboard, .logOutMobileSearch{
  position: absolute;
  right: 80px;
  top: 60px

}
.logOutMobile{
  position: absolute;
  right: 80px;
  top: 60px

}

}