.container{
margin-top: 450px;



}

body{

  margin:0;
}

.wrapper{

 display: flex; 
  flex-direction: column; 
  min-height: 100vh; 

}
.container_home{
background-image: url(/public/images/bgAp.jpg);
    height: 500px;
    /* background-repeat: no-repeat; */
    background-size: cover;
    background-position: center;
}


.nav_cap_ul{
display: flex;
justify-content: center;

}
li{
    margin-left: 10px;
    list-style-type: none;
    font-family: "Montserrat", sans-serif;
}


 
.cap_container{
    justify-self: center;



}

.wrap_cap_container{

margin-top:100px;


}

.text_cap{
  color: rgb(255, 255, 255);
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
}

.logo{
color: aliceblue;

}



.container_news{
  margin-top: 50px;
}
.block_news{
  margin-top:30px;
}


.bt_cap{
  margin-left: 120px;
  	display: inline-block;	
	box-sizing: border-box;
	padding: 0 25px;
	margin: 0 15px 15px 120px;
	outline: none;
	border: 1px solid #fff;
	border-radius: 50px;
	height: 46px;
	line-height: 46px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	color: #444;
	background-color: #fff;
	box-shadow: 0 4px 6px rgb(65 132 144 / 10%), 0 1px 3px rgb(0 0 0 / 8%);
	cursor: pointer;
	user-select: none;
	appearance: none;
	touch-action: manipulation;  
	vertical-align: top;
	transition: box-shadow 0.2s;
}
.bt_cap:focus-visible{border: 1px solid #4c51f9;
	outline: none;}

.bt_cap:hover{transition: all 0.2s;
	box-shadow: 0 7px 14px rgb(65 132 144 / 10%), 0 3px 6px rgb(0 0 0 / 8%);}
  .bt_cap:active{background-color: #808080;}


  .bt_cap:disabled{

background-color: #eee;
	border-color: #eee;
	color: #444;
	cursor: not-allowed;
  }


footer{
  margin: auto;
}

.foot_wrapper{
margin-top: 30px;
    height: 50px;

  background-color: #444;
}
.foot_text{
  color: #fff;
  justify-self: center;
}



.dialog_connection{

width: 400px;
    height: 400px;
    border-radius: 10px;
    border: unset;

}


a{
text-decoration: none;

}

.href_links_app{

    padding: 3px;
    border-radius: 3px;
           color: #ffffffc7;
}




.href_links_app:hover{

background: #5600ff;
}

.logo_default_menu{

  width: 150px;
    margin-top: 50px;
}


@media (max-width: 768px) {
    .wrapper  {
       flex-direction: unset;
    }
}