/**
---------------------------
CONTENTS

- Global Styles         - @Glob

- Desktop Styles        - @desk
- Laptop Styles         - @lap
- Tablet Styles         - @tab
- Landscape phones      - @sideph
- Phone Styles          - @phone



--Colors--
Background      - #2e2e2e
Dark Font       - #1e1e1e
Light Font      - #cecece
Yellow          - #f1c40f
Darker Yellow   - #e29607
Blue            - #3498db
Darker Blue     - #2980b9
Purple          - #9b59b6
Darker Purple   - #8e44ad
Green           - #1abc9c
Darker Green    - #16a085
Navy            - #34495e
Darker Navy     - #2c3e50



---------------------------
**/

/***@Glob***GLOBAL STYLES*******/

html {
  position: relative;
  min-height: 100%;
}

.cf:after {
    content: ' ';
    display: block;
    clear: both;
}

.jumbotron{
color: #ffffff;
    background-color: #438bb2;
    text-align: center;
}

.jumbotron h1{
    font-size: 34px;
}

.lead{
    margin: 30px auto 0;
max-width: 800px;
}
.logo{
width: 300px;display: block;
}
.container{
    padding: 0 20px 60px;
    background-color: #fff;
}

body{
    background-image: url(../images/logo-back.png) !important;
}

.footer {
}

.form-group{
margin: 10px 20px;
}

.form-group select,
.form-group input{
min-width: 200px;
}

.register{
background: url(../images/bnr-register.jpg) no-repeat center center;
    position: relative;
    height: 200px;
}

.overlay{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(20, 118, 174, 0.8)
}

.overlay h1{
margin-top: 70px;
}

.marketing h4{
    
    font-size:35px;
    text-decoration: underline;

}

/******END GLOBAL STYLES*******/



/* @desk - Large desktop */

@media (min-width: 1200px) {
    
   
    
    
}
/* @lap - Regular sized laptops */

@media (min-width: 980px) and (max-width: 1199px) {
    .container{margin-bottom: 40px;}
   
}
/* @tab- Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) {
    
   .container{margin-bottom: 40px;}
        
}
    
/* @sideph- Landscape phone to portrait tablet */

@media (min-width: 481px) and (max-width: 767px) {
    .container{margin-bottom: 40px;}
    
    .logo{margin: auto; text-align: center;}
}
/* @phone- Landscape phones and down */

@media (max-width: 480px) {
    .container{margin-bottom: 40px;}
    .logo{margin: auto; text-align: center;}
}