/*Fonts*/
@font-face {
	font-family: 'audiowide-regular-webfont';
	src: url('../fonts/audiowide-regular-webfont.eot');
	src: url('../fonts/audiowide-regular-webfont.woff') format('woff'), url('../fonts/audiowide-regular-webfont.ttf') format('truetype'), url('../fonts/audiowide-regular-webfont.svg') format('svg');
}

body{
    margin: 0;
    padding: 0;
    color:white;
    font-family: 'Anton', sans-serif;
    font-family: 'Roboto', sans-serif;
}
p{
    font-size: 1em;
    line-height: normal;
}
hr{
    outline: 1pt solid grey;
}

section{
    margin: 0;
    padding: 0;
}
a{
    margin: 0;
    padding: 0;
}

/*General*/
.container{
    justify-content: center;
    max-width: 970px;
}

h1, h2, h3, h5{
    font-family: 'audiowide-regular-webfont';
   
}
h3{
    font-size: 1.5em;
    color: grey;
}
button{
    background-color: black;
    color: grey;
    border: none;
    padding: 0.5em 2em;
    font-size: 1.2em;
}
.btn-purple{
    background: rgb(60, 15, 56);
    color: white;
    padding: 0.5em 2em;
    font-size: 1em;
}

h1{
    font-size: 4em;

}
/*Navbar*/
.navbar{
    background-color: rgb(0,0,0, 0.5) ;
    padding: 0;
    margin: 0;
}

.navbar-collapse{
   
    justify-content: center;
    
}
.nav-link
{
    color: white;
    font-size: 1.1em;
    height: 100%;
}
.navbar-brand{
    padding: 0;
}
#top{
    background: url(../img/bg-home.jpg);
    margin: 0;
    padding: 0;
}
.dropdown-menu{
    background-color: rgb(0,0,0, 0.5) ;
    border-radius: 0%;
}

.dropdown-item:hover{
    background-color: rgb(0,0,0, 0);
    color: white
}
.nav-link:hover{
    background-color: #630031;
}

/*main section index page*/
.sat{
    position: absolute;
}
.sat-text{
    position: relative;
}

@media (max-width: 575px) { 
    .sat-text{
        left: 50%;
        transform: translateX(-50%);
    }
    .sat{left: 50%;}
    
}
@media (min-width: 575px) and (max-width: 767.98px) { 

    .sat-text{
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
    }
    .sat-text h1{
        white-space: nowrap;
    }
    .sat{left: 50%;}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
    .sat-text{
        white-space: nowrap;
        margin-left: 20%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) { 
    .sat-text{
        white-space: nowrap;
        margin-left: 30%;
    }
}

@media (min-width: 1200px) { 
    .sat-text{
        
        margin-left: 40%;
    }
}
    
 

/*Featured row main page */
.featured{
    background-color: rgb(0,0,0, 0.5);
    text-align: center;

}
.features-images{
    font-size: 0;
    margin: 0;
    padding: 0;
}
.featured h3{
    padding: 1em 0 1em 0;
    margin: 0;
}

/*Our mission*/
#our-mission{
    background-color: #630031;
}

#featured-video{
    background-color: black;
}

#sm-icons{
    background-color: grey;
    padding: 2% 0%;
    text-align: center;

}
#footer{
    padding: 2% 0%;
    color: black;
    text-align: center;
    font-size: 0.5em;
}
/*About Us Page*/
#about-main{
    background: url("../img/bg-about.jpg") no-repeat center top;
}
/*Template*/
#template{
    background-color: #620031 ;
}

#community{
    background-color: black;
}

#template-details{
    background-color: #3C0F38;
}

/*Projects Page*/
#projects{
    background-color: black;
}

/*Proj 1*/
#proj-1{
    background-color: black;
}

/*Blog*/
#blog{
    background-color: black;
}

h4{
    font-family: 'audiowide-regular-webfont';
    font-size: 1.7em;
}

/*Contact*/
#contacts{
    background-color: black;
}
.input-field{
    width: 420px;
    max-width: 90%;
    border-radius: 0%;
    border: none;
    padding: 0.5em 1em;
}