body {
    margin: 0;
    padding: 0;
    position: relative;
    font-family: Arial, sans-serif;
    background-color: #1F3A65; 
    background-image: url("./imgs/single-page.png");
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
}

.container {
    display: flex;
    width:  100%;
    height: 100%;
    align-items: center;
}

.col-50 { width: 50%;}

.company-header {
    width: 100%;
    font-size: 60px;
    font-weight: bold;
}

.company-name {
    font-size: 32px;
    margin-top: 10px;
}

.placeholder {
    margin-top: 20px;
    font-size: 18px;
    color: #fff;
}

a.placeholder{ transition: all 300ms ease-in-out;}
a.placeholder:hover{ 
	color: #8cb1df;
	text-decoration: none;
}

@media screen and (max-width: 767px){
    body:before{
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #000;
        opacity: .2;
    }
    .col-50:first-of-type{ display: none;}
    .col-50{ 
        width: 100%;
        text-align: center;
        z-index: 9999;
    }
}

@media screen and (max-width: 480px){
    .company-header{ font-size: 30px;}
    .company-name{ font-size: 26px;}
    p.placeholder{ 
        font-size: 16px;
        line-height: 24px;
    }
}