$ *,
:after,
:before{
    -webkit-box-sizing:border-box;box-sizing:border-box
}
body,html{
    font-family:'Source Sans Pro', sans-serif;margin:0;padding:0;line-height:1.2
}
h1,h2,h3,p{
    margin:0;font-weight:400
}
a{
    text-decoration:none;color:white
}
.coverPage{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:100vh;
   /* background-image:url(img/background.jpg);  */
    background-repeat:no-repeat;
    background-size:cover;
}
.coverPage:before{
    content:'';
    display:block;
    position:absolute;
   /*  background:green; */
    /*background: #27AFD3; */
    background: #606364; 
    opacity:.8;
    width:100vw;
    height:100vh;
    top:0
}
.__coverPage-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    color:white;
    height:50%;
    width:50%;
    z-index:1000;
    text-align:center;
    opacity:.9;
    padding:1em
}

.__coverPage-content h1{
    font-size:4em;
    color:white;
}
.__coverPage-content h2{
    font-size:2.2em;
    margin-bottom:1.5em
}
.__coverPage-content h3{
    font-size:1.6em;
    margin-bottom:.8em;
    text-transform:uppercase;
}
.__coverPage-content p{
    font-size:.95em;
    margin-bottom:1.5em;
    line-height:1.5;
    opacity:.7
}
.socialIcon{
    margin-right:10px;
    opacity:.7
}
.socialIcon i{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:20px;
    border:2px solid white;
    border-radius:50%;
    padding:15px;
    height:25px;
    width:25px;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.socialIcon i:hover{
    color:#1f96e0;;
    border-color:#1f96e0;
    transform: scale(1.3);
}

@media screen and (min-width:321px) and (max-width:1023px){
    .__coverPage-content{width:100%}
}