@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,700&display=swap');
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.slide{
    height:430px;
    background: url('../img/Lander_header.jpg') no-repeat center right;
}
header .logo{
    padding:20px 0;
}

.hero h2{
    font-size: 30px;
    color: #ED702A;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
}
.hero h3{
    font-size: 40px;
    font-family: 'Raleway', sans-serif;
    color:#000;
    font-weight: 600;
}
main{
    padding:60px 0;
}
main h4{
    font-size: 30px;
    font-family: 'Times New Roman', Times, serif;
    color:#333333;
}
main h4:after{
    content:'';
    width:124px;
    height:2px;
    display: block;
    background-color: #ED702A;
    margin:24px  0 45px;
}
main p{
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    color:#333333;
    line-height: 30px;
}
main hr{
    border:1px solid #dedede;
    margin:40px 0;
    width:100%;
}
main h5{
    color:#ED702A;
    font-size:24px;
    font-family: 'Times New Roman', Times, serif;
    font-weight: normal;
}
main .icon{
    margin:20px 0;
}

main .register{
    padding:35px;
    border-radius: 30px;
    background-image: linear-gradient(#F7941D,#DF1F32);
}
main .register h6{
    color:#fff;
    font-size: 30px;
    margin-bottom: 40px;
    font-family: 'Times New Roman', Times, serif;
}

.register .btn-submit{
    background-color:#000000;
    color:#fff;
    text-transform: uppercase;
    padding:10px 60px;
    border:0;
    border-radius:30px;
    display: block;
    margin: 0 auto;
}

.register label{
    color:#fff;
}

main .author{
    display: flex;
}
.author .title{
     font-size: 20px;
     font-family: 'Raleway', sans-serif;
     font-weight: bold;
     color:#333333;

 }
.author img{
    align-self: center;
    margin-right: 30px;
    width:182px;
    height:auto;
}
footer{
background-color: #FAFAFA;
padding: 40px 0 50px;
position: relative;
}
footer:after {
    content: '';
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, #A62033), color-stop(25%, #D04500), color-stop(50%, #D04500), color-stop(50%, #2E7D32), color-stop(75%, #2E7D32), color-stop(75%, #AA5D03), to(#AA5D03));
    background: linear-gradient(to right, #A62033 25%, #D04500 25%, #D04500 50%, #2E7D32 50%, #2E7D32 75%, #AA5D03 75%, #AA5D03 100%);
    position: absolute;
    height: 15px;
    bottom: 0px;
    right: 0;
    left: 0;
}

.new-section{
    display: flex;
    margin-bottom: 40px;
}
.new-section img{
    margin-right: 50px;
}
.new-section h4:after{
    content:none;
}
.new-section ul{
    list-style: none;
}
.new-section ul li,
main ul li{
     font-family: 'Raleway', sans-serif;
     display: table-row;
     font-size: 18px;
     color:#333333;
     line-height: 30px;
}
.new-section ul li:before,
main ul li:before{
    content:'\f00c';
    font-family: 'FontAwesome';
    color:#ED702A;
    display: table-cell;
    padding-right:10px;
}
label.error {
    color: red;
}
.author .job{
    color:#ED702A;
}
.author .speaker + div,
.author .organiser + div{
    width:80%;
    margin-left:30px;
}

.author .organiser img{
    border: 5px solid #ED702A;
    border-radius: 50%;
}

.author .bob img {
    border: 5px solid #ED702A;
    border-radius: 50%;
}

@media (max-width: 1024px){
    .slide {
        height: 430px;
        background: url(../img/Lander_header.jpg) no-repeat center center;
    }
}
@media (max-width: 768px){
    .slide {
        height: 430px;
        background: url(../img/Lander_header.jpg) no-repeat center center;
    }
}


@media (max-width:480px){
    .new-section,
    main .author{
        display: flex;
        flex-direction: column;
        margin-bottom: 40px;
        justify-content: center;
    }
    .new-section img{
        margin-bottom: 20px;
    }
    .slide{
        height:430px;
        background: url('../img/Lander_header.png') no-repeat center center;
    }
    main h4,
    .author .title,
    .author .job,
    .author .text,
    main .register h6{
        text-align: center;
    }
    main h4:after{
        content:'';
        width: 124px;
    height: 2px;
    display: block;
    background-color: #ED702A;
    margin: 24px auto 45px;
    }
    .organiser img,
    .speaker img{
        display: block;
        margin:0 auto 10px;
    }
    footer img,
    .logo img,
    .new-section img{
        display: block;
        margin:0 auto 0px;
    }
    .author .speaker + div, .author .organiser + div{
        margin-left: 0 !important;
        width:100%;
    }
    .hero h3{
        font-size: 25px;
    }
    
}