.header-con{
    background-color:orangered;
    border-radius:0.5rem;
    display:grid;
    grid-template-columns:40% 60%;
}
.socials{
    width:3rem;
    height:3rem;
    margin-left:2rem;
}
.header-texts{
    margin-left:2rem;
    font-size:2.5rem;
    font-weight:600;
    color:orangered;
    margin-top:4rem;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.header-texts2{
    border-bottom:5px solid orangered;
    width:50%;
    font-size:2.4rem;
    margin-top:4rem;
    margin-left:2rem;
    font-weight:600;
    color:grey;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.bodytexts{
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight:bolder;
    font-size:1.2rem;
    color:grey;
    margin-left:2rem;
    line-height:2rem;
}
.bodytexts2{
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight:bolder;
    font-size:1.2rem;
    color:grey;
    margin-left:2rem;
    line-height:2.5rem;
    width:60%;
}
.titan-one-regular {
        font-family: "Titan One", sans-serif;
        font-weight: 400;
        font-style: normal;
        }
    .rubik-spray-paint-regular {
        font-family: "Rubik Spray Paint", system-ui;
        font-weight: 400;
        font-style: normal;
}
        .concert-one-regular {
        font-family: "Concert One", sans-serif;
        font-weight: 400;
        font-style: normal;
        }

@media only screen and (max-width:540px){
    .socials{
    width:2rem;
    height:2rem;
    margin-left:1rem;
}
    .header-texts{
    margin-left:2rem;
    font-size:1.5rem;
    margin-top:4rem;
}
    .header-texts2{
    width:80%;
    font-size:1.4rem;
    margin-top:2rem;
    margin-left:1rem;
    color:grey;
}
    .bodytexts{  
    font-size:1.25rem;
    color:grey;
    margin-left:1rem;
    margin-top:1rem;
    line-height:2rem;
}
.bodytexts2{
    font-size:1.25rem;
    margin-left:1rem;
    line-height:2rem;
    width:80%;
    margin-top:1rem;
    color:grey;
}
.titan-one-regular {
        font-family: "Titan One", sans-serif;
        font-weight: 400;
        font-style: normal;
        }
    .rubik-spray-paint-regular {
        font-family: "Rubik Spray Paint", system-ui;
        font-weight: 400;
        font-style: normal;
}
        .concert-one-regular {
        font-family: "Concert One", sans-serif;
        font-weight: 400;
        font-style: normal;
        }
}

@media only screen and (min-width:541px) and (max-width:1030px){
    .titan-one-regular {
        font-family: "Titan One", sans-serif;
        font-weight: 400;
        font-style: normal;
        }
    .rubik-spray-paint-regular {
        font-family: "Rubik Spray Paint", system-ui;
        font-weight: 400;
        font-style: normal;
}
        .concert-one-regular {
        font-family: "Concert One", sans-serif;
        font-weight: 400;
        font-style: normal;
        }
}