.page #content #projects .block .title::before{
content: "\f111";
font-family: "Font Awesome 5 Free";
font-weight: 700;
font-size: 12px;
color: #7C7C7C;
margin-right: 1.25%;
display: inline-block;
vertical-align: middle;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.page #content #projects .block div.title::before{
color: #7C7C7C;
}
.page #content #projects .heading{
margin: 30px;
}
.page #content #projects{
background-color: #F0F0F0;
} @media (max-width: 319.98px){
.page #content #projects div.block .details,
.page #content #projects div.block .title{
font-size: medium !important;
line-height: 24px;
}
.page #content #projects div.block{
padding: 5%;
}
.page #content #projects div.block .image.w-25{
width: 75% !important;
padding: 5%;
}
.page #content #projects .block-projects div.item img{
width: 85% !important;
}}
@media (min-width: 320px) and (max-width: 575.98px){
.page #content #projects div.block .details,
.page #content #projects div.block .title{
font-size: medium !important;
line-height: 24px;
}
.page #content #projects div.block{
padding: 5%;
}
.page #content #projects div.block .image.w-25{
width: 75% !important;
padding: 5%;
}
.page #content #projects .block-projects div.item img{
width: 85% !important;
}}
@media (min-width: 576px) and (max-width: 767.98px){
.page #content #projects div.block .details,
.page #content #projects div.block .title{
font-size: medium !important;
line-height: 24px;
}
.page #content #projects div.block{
padding: 5%;
}
.page #content #projects div.block .image.w-25{
width: 75% !important;
padding: 5%;
}}
@media (min-width: 768px) and (max-width: 991.98px){
.page #content #projects div.block .details,
.page #content #projects div.block .title{
font-size: medium !important;
line-height: 24px;
}
.page #content #projects div.block{
padding: 2.5%;
}
.page #content #projects div.block .image.w-25{
padding: 2%;
}}
@media (min-width: 992px) and (max-width: 1199.98px){
.page #content #projects div.block .details,
.page #content #projects div.block .title{
font-size: medium !important;
line-height: 24px;
}
.page #content #projects div.block{
padding: 2.5%;
}}
@media (min-width: 1200px) and (max-width: 1440.98px){
.page #content #projects div.block .details,
.page #content #projects div.block .title{
font-size: medium !important;
line-height: 24px;
}
.page #content #projects div.block{
padding: 2%;
}
.page #content #projects .block-projects .item img{
width: 85% !important;
}}