*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root{
    --black: #000000;
    --red:#d31732;
    --light-gray:#f5f5f5;
    --dark-blue:#16489b;
}

html{font-size: 62.5%;}
body{
    font-family: 'Work Sans', sans-serif;
    font-size: 1.6rem; /*16px */
    line-height: 2.4rem;
    font-weight: 400;
    color: var(---black);
}
a{outline: none !important;}
img{outline: none !important;}

.company{display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh;}
.company h1{font-size: 9.4rem; font-weight: 700; color: var(--black); margin: 0 0 7rem 0; text-align: center;}
.company h1 span{color: var(--red);}
.company p{text-align: center; padding: 0 10rem; font-size: 1.8rem; line-height: 2.8rem;}
.company p a{color: #000; text-decoration: none; font-weight: 600; text-decoration: none;}
.address{
    background: var(--light-gray);
    padding: 2rem 4rem;
    border-radius: 5rem;
    font-size: 2.2rem;
    display: flex;
    flex-wrap: wrap;
    line-height: 2.8rem;
}
.address strong{margin: 0 1.5rem 0 0;}
.company p:not(:last-child){margin-bottom:4rem;}

@media only screen and (max-width:767px){
    .company{padding: 2rem; height: auto !important;  align-items: center;}
    .company h1{font-size: 2.6rem; margin: 0 0 3rem 0;}
    .address{flex-direction: column; font-size:1.7rem; padding: 2rem; align-items: center;}
    .address br{display: none;}
    .address strong{margin: 0 0 0.5rem 0;}
    .address span{line-height: 2.3rem; text-align: center;}
    .company p{
    font-size: 1.6rem;
    line-height: 2.6rem;    
    padding: 0;
   
    }
}

@media only screen and (min-width:768px) and (max-width:1023px){
    .company{padding:4rem 2rem; height: auto !important;  align-items: center;}
    .company h1{font-size: 5rem; margin: 0 0 4rem 0;}
}

@media only screen and (min-width:1024px) and (max-width:1200px){
    .company{padding:4rem 2rem; height: auto !important;  align-items: center;}
    .company h1{font-size: 7rem;}
}