body{
height: 100vh;
margin: 0;
}
.contenedorprincipal{
height: 100%;
}
.row{
height: 100%;
}
.columnaprincipal{
height: 100%;
}
.titulo{
font-family: 'Turret Road', cursive;
font-size: 16px;
}
.textom{
font-family: 'Turret Road', cursive;
font-size: 16px;
}
.fa-artstation:before{
font-size: 20px;
color: #13aff0;
opacity: 1;
}
.fa-artstation:hover{
opacity: .5;
}
.fa-twitter:before {
font-size: 20px;
color: #1da1f2;
opacity: 1;
}
.fa-twitter:hover {
opacity: .5;
}
.fa-youtube:before {
font-size: 20px;
color: #ff0000;
opacity: 1;
}
.fa-youtube:hover {
opacity: .5
}
.fa-instagram:before {
font-size: 20px;
color: #f77b1b;
opacity: 1;
}
.fa-instagram:hover {
opacity: .5;
}
.navbar{
background-color: rgba(35,35,35,1);
}
.titulop{
font-family: 'Turret Road', cursive;
text-decoration: none;
}
.centered{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.imagenproyecto{
filter: brightness(90%) saturate(0.82) blur(1px);
cursor: default;
border: 4px solid black;
}
.btn-xlarge {
padding: 18px 28px;
font-size: 17px;
line-height: normal;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
@media screen and (min-width: 576px){
.titulo{
font-size: 26px;
}
.fa-artstation:before{
font-size: 26px;
}
.fa-youtube:before {
font-size: 26px;
}
.fa-twitter:before {
font-size: 26px;
}
.fa-instagram:before {
font-size: 26px;
}
.btn-xlarge {
padding: 18px 28px;
font-size: 26px;
line-height: normal;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

}
@media screen and (min-width: 768px){
.fa-artstation:before{
font-size: 30px;
}
.fa-youtube:before {
font-size: 30px;
}
.fa-twitter:before {
font-size: 30px;
}
.fa-instagram:before {
font-size: 30px;
}
.btn-xlarge {
padding: 18px 28px;
font-size: 30px;
line-height: normal;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
	.textom{
	font-size: 20px;
}
}
@media screen and (min-width: 992px){
.titulop{
font-size: 30px;
}
.textom{
font-size: 22px;
}
.titulo{
	font-size: 30px;
}

.imagenproyecto{
border: 1px solid rgb(35,35,35);
}
.imagenproyecto:hover{
filter: brightness(100%) saturate(1) blur(0px);
}
.btn-xlarge {
	font-size: 30px;
}
.btn-xlarge:hover{
	font-size: 34px;
	border-radius: 20px;
}
.maild{
	font-family: 'Turret Road', cursive;
	font-size: 24px;
}
.navbar{
background-color: rgba(35,35,35,1);
}
}