/*! HTML5 Boilerplate v5.0.0 | MIT License | http://h5bp.com/ */
/*
Template Name: comingwa
Author: Riyad
Version: 1.0.0

 */
/**
 * ============================================================================
 * Table of Contents
 * -----------------------------------------------------------------------
 * #Base styles: opinionated defaults
 * #Author Custom Style
 *      1.Author Custom Global Style
 *         2.Intro Section
 *         2.1.FullScreen Image
 *         2.2.Intro Content
 *         2.2.1.Logo
 *         2.2.2.Intro Main Heading
 *         2.2.4.Intro Sub Heading
 *         2.2.5.Trigger Button with SVG
 *         2.2.6.Social Links                
 *         3.Trigger After Content
 *         3.1.Trigger Notify
 *         3.2.Our Service
 *         3.3.Our Awesome Team
 *         3.4.Contact Form
 *         3.5.Google Map
 *         3.6.Footer         
 *     #Helper classes
 *     #Responsive Style
 *     #Screen loader
 *     #Preloader
 *    
 * ============================================================================
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
    color: #ffffff;
}
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video { vertical-align: middle }
/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea { resize: vertical }
/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

/* 
* ==========================================================================
   
  ================= 1.Fonter  ===========================
* ========================================================================== 
*/
.thin{ 
    font-family: 'Heebo', sans-serif;
    font-weight: 100; 
    /*font-family: 'Roboto', sans-serif;*/
    
}
.light{ 
    font-family: 'Heebo', sans-serif;
    font-weight: 300; 
    /*font-family: 'Roboto', sans-serif;*/
    
}

.regular{
    font-family: 'Heebo', sans-serif;
    font-weight: 400;
}





p {
    font-family: 'Heebo', sans-serif;
    font-weight: 100; 
    font-size: 20px;
} 


/* 
* ==========================================================================
    =========+++++++++++++++ Färger +++++++++++++++=============
* ==========================================================================
*/

.gron {
    color: /*#20995C*/#009966;
    
}
.gron_bakgrund {
    background-color: /*#20995C*/#009966;
}

.vit {
    color: #ffffff;
}

.vit_bakgrund {
    background-color: #ffffff;
}
.gra {
    color: #515151;
}
.gra_bakgrund {
    background-color: #515151;
}
.ljusrod {
    color: #DB5373;
}
.ljusrod_bakgrund {
    background-color: #DB5373;
}
.mellanrod {
    color: #BA274A;
}
.morkrod {
    color: /*#841C26*/ #660000;
}
.morkrod_bakgrund {
    background-color: /*#841C26*/ #660000;
}
.gul {
    color: #F5AF2F;
}
.gul_bakgrund {
    background-color: #F5AF2F;
}
.svart {
    color: #000000;
}

/* 
* ==========================================================================
    =========+++++++++++++++ 1.Huvud +++++++++++++++=============
* ==========================================================================
*/
.huvud {
    height: 150px;
}



.logo {
    z-index: 100;
}

.logo img{
    max-height: 140px;
    
}


.platta {
    
    padding: 0px;
    margin-top: 20px;
    border-radius: 15px;
    background-color: #ffffff;
    width: 50%;
}



.apple_google a img{
    width: 75%;
    display: block;
    
}

/* 
* ==========================================================================
    =========+++++++++++++++ 2.Moln +++++++++++++++=============
* ==========================================================================
*/
section {
    width: 100%;
    min-height: 130px;
    
}

.moln {
    position: relative;
    background-color: #20995C;
}

.moln:before {
    content: '';
    position: absolute;
    bottom: -10%;
    left: 0;
    width: 100%;
    height: 150px;
    background: url(/img/MolnHemsida2.svg);
    background-size: cover;
    background-repeat: no-repeat;
}


@media screen and (max-width: 1230px ) {
  .moln:before {
    height: 110px;
  }
    .section{
        
    }
    
    .moln{
        
    }
}

@media screen and (max-width: 576px) {
  .moln:before {
    height: 50px;
  }
    .section{
        
    }
    
    .moln{
        
    }
}


/* 
* ==========================================================================
        3.The App
* ==========================================================================
*/









/* 
* ==========================================================================
        4.Getting started
* ==========================================================================
*/





/* 
* ==========================================================================
        4.Automatiskt och egen program
* ========================================================================== 
*/

.


/* 

* ==========================================================================
    Responsive Design
* ========================================================================== 
*/