@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&display=swap');

html,
body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}


.container {
    color: #444;
    display: flex;
    align-items: center;
    justify-content: center;
    height: inherit;
    font-family: Arial;
}
.container>.row{
    width: 100%;
}

.innerBox > figure {
    width: 200px;
    margin: 0 auto 20px auto;
}

.actions{
    display: flex;
    align-items: center;
}

.download {
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
    border: 1px solid rgba(162, 162, 162, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    color: rgb(113, 113, 113);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    width: 150px;
    margin: 50px auto 0 auto;
    text-decoration: none;
    transition: border 500ms ease, color 500ms ease, box-shadow 500ms ease;
}
.download:hover{
    border: 1px solid rgba(162, 162, 162, 0.9);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    color:#333;
    text-decoration: none;
}

.download img {
    margin-bottom: 10px;
}

.download span {
    text-decoration: none;
}
.formBox{
    background-color: #fafafa;
    padding: 50px;
}
.formBox label{
   font-size: 14px;
   display: block;
   text-align: left;
}
.formBox input[type=text],
.formBox input[type=email]{
    border:1px solid rgb(184, 183, 183);
    color:#333;
    font-size: 14px;
    height: 50px;
    width: 100%;
    padding: 0 10px;
    margin-bottom: 10px;
}
.formBox input[type=submit]{
    background-color: #00a6e7;
    border:none;
    color: white;
    padding: 5px 15px;
}
.formBox input:focus{
    outline:none;
}
.col-img{
    background:url('b4.jpg') no-repeat center center;
    background-size: cover;
    height: 579px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.msg{
    color:white;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    padding-bottom: 100px;
}
.msg .msg-text{
    font-size: 20px;
    line-height: normal;
}
.msg .tks{
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 80px;
    line-height: 1;
}
@media (max-width:767px){

}
@media (min-width:768px){
    
}
@media (min-width:992px){
    
}
@media (min-width:1200px){
    
}