@font-face {
    font-family: 'Muller';
    src: url('fonts/MullerLight.eot');
    src: url('fonts/MullerLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/MullerLight.woff2') format('woff2'),
        url('fonts/MullerLight.woff') format('woff'),
        url('fonts/MullerLight.ttf') format('truetype'),
        url('fonts/MullerLight.svg#MullerLight') format('svg');
    font-weight: 300;
    font-style: normal;
}


body{
  position: relative;
  color:#000;
  font-family:Arial, sans-serif;
}

#header {height:140px;}
#header .navbar {min-height:140px;}
.navbar-dark .navbar-toggler {height:50px;border:1px solid #fff;}
.navbar-dark .navbar-toggler-icon {color:#fff;}

.bg-dark {background-color:#d2232a !important; color:#fff;}

#contact {border-top:1px solid #fff !important;}
#contact h1 {font-weight:300; }z

#navbar li a {text-transform: uppercase;}

#navbar .row, .navbar-nav {width:100%;}

.social a {color:#000;}

main p {font-size:1rem;}

a .ion-ios-arrow-down {font-size:4rem; color:#000;}

#hello h1 {
	font-size:4.5rem;
	margin-top:-110px;
	font-family: 'Muller';
}

#contact p a {color:#fff;}

main>.container, main>.container-fluid {min-height: calc(100vh - 140px);}
.carousel img {display:block;width:80%;}
i.icon {color:#cecece; font-size:50px;position:absolute;top:50%;left:-50px;}
i.ion-md-arrow-dropright-circle {position:absolute;top:50%;left:100%;margin-left:5px;}