html,body{

    margin-top:3%;
    overflow-x:hidden;
    font-family: 'Roboto', sans-serif;


}

hr{
    display: block;
    margin-left:18%;
    margin-right:18%;
    border-style: inset;
    border-width: 1px;

}

ul a{
    color:black;
}

ul a:hover{
    cursor: pointer;
    text-decoration:none !important ;

    color:black !important;
}

ul a:visited{
    text-decoration:none !important;
}

ul a:link{
    text-decoration:none;
    color:black;

}


h1 {
    font-family: 'Raleway', sans-serif;
    font-size:5rem;
    font-weight:300;
    text-align: center;
}

.contact{
    padding:10% 27% 2% ;
    position:relative;
    bottom:6vw;
    left:2vw;
    text-align:center;
    margin-bottom:0;
}

.avail-hr{
    position:relative;
    bottom:2vw;
    margin-bottom:0;
    margin-top:0;
}

h2{
    font-family: 'Raleway', sans-serif;
    font-size:2.5rem;
    padding-top:4%;
    padding-bottom:3.5%;
}

.contact p{
    font-size:1rem;
    font-family: 'Roboto', sans-serif;
}

.contact-text{
    padding:5% !important;
    background-color:#ededed;
}

h4{
    font-size:1.1rem;
    color:black
}

iframe{
    width:115%;
    height:100%;
    position:relative;
    right:18%;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    transition: box-shadow 0.3s ease-in-out;
    -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    -o-filter: grayscale(50%);
    filter: grayscale(50%);
}

iframe:hover{
    box-shadow: 0 5px 25px rgba(0,0,0,0.3);
}


h5{
    font-weight:600;
}

.btn{
    color:white;
    background-color:#ef817f;
}

.btn:hover{
    color:white;
    background-color:#ff4c68
}

.pos{
    text-align:center;
    padding:5% !important;
    position:relative;
    bottom:6vw;
}

.pic{
    width:70%;
}

a{
    color:black;
}

p a:hover{
    cursor: pointer;
    text-decoration:underline !important ;
    color:#e31936 !important;
}

p a:visited{
    text-decoration:underline !important;
}

p a:link{
    text-decoration:none;
    color:black;
}

.apply{
    font-family: 'Roboto', sans-serif;
    position:relative;
    left:8%;
    margin:1%;
    padding:5% 3% !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    transition: box-shadow 0.3s ease-in-out;
    background-color:#ededed;
    text-align:center;

}

.pp{
    position:relative;
    top:0.9vw;
}
.apply-p{
    font-family: 'Roboto', sans-serif;
    padding:1%;
}
.apply:hover{
    box-shadow: 0 5px 25px rgba(0,0,0,0.3);
}
.mediaa{
    text-align:center;
    margin-top:7%;
    margin-bottom:3%;
    padding:0.5% !important;

    font-size:1.5rem;

}
i{
    color:darkred ;
    padding:0 1.5%;
}

i:hover{
    color:#ef817f;
}

.footer{
    top:100%;
    left:0;
    bottom:0;

}

.footer>p{
    font-family: 'Roboto', sans-serif;
    background-color:#EDEDED;
    font-size: 0.6em;
    width:100%;
    left:0;
    bottom:0;
}

.footer>p>img{
    width:3%;
}

@media screen and (max-width: 961px) {

    .footer>p>img{
        width:10%;
    }

    html,body{

        margin-top:12%;



    }


    h1{

        font-size:2.5rem;
    }
    iframe{
        width:110% !important;
        height:200%;
        right:9%;
        margin-top:10%;
        text-align:center;
        /*   margin:0; */
    }

    .contact-text{


        position:relative;
        margin-top:65vw;
        right:4%;
        margin-bottom:7%;
        width:150vw !important;
        text-align:center;

    }

    .contact{
        padding:4% 12%;
    }

    h2{
        font-size:2.5rem;
        padding-bottom:3%;
        padding-top:0%;
        margin-top:0%;
    }

    h3{

        font-size:2.1rem;

    }

    .pic{

        width:60%;

    }

    .pos{
        padding:12% !important;

    }
    .apply{
        position:static;
        width:10%;
        margin:5% 0;
        padding:10% 15% !important;
    }

    .mediaa{

        font-size:1.1rem;
        padding:1%;
    }


}